本节简介:讲解线框原型应该包含的内容,设计线框原型需要注意的事项、以及对应掌握sketch的形状图层、数值属性、复制、不透明度、文本属性等知识点进行实操分析。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
选中组内的某个图层:按住command单击该图层。按钮描边一般选择内描边。
形状图层的高度调整:单纯按上下键改变1px,按住shift+上下键改变10px。Option+shift平移复制。
快捷键T插入文本。选中某一图层,按住option键,鼠标移动,可以查看该图层和周边的边距,上下左右键可调整边距。右侧检查器可设置文本字体颜色等属性。
快捷键a创建画板。改画板颜色:单击画板名称,勾选背景色,选择颜色。
注意事项:样式的选择(产品是否需要遵循设计规范或者说采用什么布局)、层级关系(黑白灰无色相设计,颜色越深层级越重)、设计风格(如按钮,要设计成黑白灰的,不要弄渐变之类的)
线框原型包含:结构(产品之间的相互关系,菜单布局等)、内容(每个页面的内容)、展现形式(框架传达,如页面布局)、功能(界面的衔接、步骤等)、交互行为(点击之后的跳转行为)
线框原型包含:结构、内容、展现形式、功能、交互行为
如果菜单切换是高频的 就采用底部菜单,低频一般选用抽屉式菜单
1. 文字行高一般为文字字号的1.2-1.4倍为佳。 2. 不透明度快捷键0,1,2,..9.。 3. 313131深色填充
线框原型应包含的内容:结构/内容/展现形式/功能/交互行为
①shift+↑=输入框数值增加20 ②option+shift=平移复制 ③ctrl点组=可跳过组选中组内图形 (图形与图形之间的距离一般给8的倍数或10的倍数,输入框60高+1px间隔线)
a键调出画板尺寸,ctrl-/ctrl+画布缩放,ctrl+G编组
文艺气息、切换频率不多的用下拉菜单,切换频率较大的用底部tab