1.常用快捷键操作
(1)快捷选中删除:鼠标单击第一个按shift,再单击最后一个即为全部选中
(2)保存:ctrl+s(准备创建前先保存)
(3)等比例缩放:shift+鼠标拉缩放
(4)页面缩放:ctrl+鼠标滚动缩放
(5)预览:F5
(6)元素置顶置底:ctrl+shift+] ctrl+shift+[
2.注意小记
(1)正常手机尺寸:w:375 h:20 不保持宽高比例
(2)状态栏尺寸:w:375 h:20
(3)自动备份:默认5分钟
(4)规范:如登录文件夹放着登录页面和注册页面
3.常用元件
(1)矩形的圆角设置:
• 拖动矩形元件左上方的黄色小三角
• 在“检视-样式-圆角半径”中进行设置
(2)图片的导入:
• 原尺寸导入图片:四角为黄色的小正方形时,导入图片为原尺寸
• 根据给定尺寸导入图片:四角为白色小正方形时,导入图片会变为指定尺寸
(3)文本框:
• 设置文本类型、边框的可见性、提示文字的隐藏触发
(4)下拉框:
• 可以批量设置选项
(5)单选、复选:
• 如果要制作单选的效果,需要设置单选按钮组(选中全部的选项,右键,选择“设置单选按钮组”)
(6)中继器:
• 当原型的结构相同,但内容不同时使用
• 表格型的原型,增删改查,都可以用
4.常用交互
(1)鼠标悬停、按下、选中、禁用
• 检视-属性-形状-交互样式设置
• 选中:为了设置选中的交互效果,要先设置选中的效果,再添加选中的交互事件
• 当我们需要给某个元件添加交互动作时,需要给元件命名
(2)设置toggle效果
• 检视-属性-交互-鼠标单击时-选中-true下拉框改为toggle
5.元件库与母版
(1)最大的作用:
• 极大地提高原型制作效率
• 最好的元件库,都是自己做的
6.常见的原型规范
(1)在企业中制作原型时,只制作iOS端原型
(2)移动端制作:
• 手机框大小:375667
• 状态栏:高度20px
• 导航栏:高度44px
• 标签栏:高度49px,字体大小10,图标大小2525
• 一级按钮:高度40px