1、基本功能
1.1、独立辅助线的用法
- 鼠标长按刻度尺,直接拖动就可以建立独立辅助线;
- 独立辅助线仅在当前页面中生效,其它页面不会存在;
1.2、共享辅助线的用法
- 按住Ctrl键,然后拖动刻度尺就可以建立共享辅助线,此时所有页面都可以看到同样的辅助线;
1.3、页面内容排列
- 页面内容默认为左对齐的方式,在预览页面时,页面将完全按照原型文件中的布局来显示;
- 点击页面空白处,可以在交互栏中设置页面的排列方式;
- 设置为居中排列时,预览页面,将始终居中显示页面内容;
- 当然被设置为悬浮的样式不受影响;
1.4、页面自适应
- 页面自适应,在不同分辨率下可以设置不同的样式与内容;
- 在页面交互区,可以启用自适应;
- 自适应设置,在页面交互区打开设置页面;
2、实用技巧
2.1、元件锁定
- 元件锁定后,不能被拖动位置,也不能被修改大小;
- 元件锁定后,便于对其它元件进行操控,比如,关注我们、被锁定元件,都被锁定了,此时,使用Ctrl+A全选所有组件,对其移动,会发现,最终只有没有被锁定的元件才会移动;
2.2、页面横向滚动
- 看到很多产品经理横向滚动页面,都需要用鼠标去拉动横向滚动条,太浪费时间了;
- 按住Shift不放,滚动鼠标,就会使页面横向滚动;
- 按住空格键不放,鼠标可以直接拖动页面到任意位置,也是一个非常实用的技巧;
2.3、页面放大缩小
- 长按Ctrl不放,上下滚动鼠标就可以轻松放大缩小页面了;
3、实践经验
3.1、善于利用共享辅助线
- 辅助线最大的用处就是用于元件定位,因此在多页面中,如果需要定位同一位置,就得依靠共享辅助线;
- 建议不要有太多的共享辅助线,因为,多了就混乱了,建议只是在制定原型框架时使用;
3.2、扩大页面显示区域
- 利用快捷键:Ctrl+Alt+[、Ctrl+Alt+],将页面两边的操作栏隐藏与显示,将非常有利于实际工作;
3.3、尽量不使用页面自适应
- 页面自适应,将在每一种分辨率下设置不同的显示方式,因此,你的工作将是事倍功半;
- 实际项目中建议尽量不使用页面自适应,宁愿另起原型文件创建;