本节简介:进行高保真原型标注的方法、对应掌握sketch插件、切片、导出等重要命令知识点。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
三、标注插件Sketch Measure:toolbar工具栏的使用
凡是有过导出操作的,图层的缩略图旁边会有一个切片的符号,和切片工具的区别是:切片工具的刀是虚线加白色切片工具,图层经过导出过已经设置导出的是黑色的刀。有这个导出图层,单击右上角Export导出功能,会把凡是经过有导出的有这个刀的图层一次性导出。
导出:选择需要导出的图层,或者图层组,或者整个画板,右下方单击Make Exportable,选择需要的格式,导出。(添加加号可以导出多种尺寸)
Trim Transparent Pixels(自动对齐像素,自动修剪像素);Background Color(设置切片颜色,如果是一个组,对底色进行保留)。
Insert 插入切片→slice切片工具→单击要切片的位置,sketch切片工具会自动贴合边,把多余的自动删除;删除的话,选中切片,选择delete删除。
Toggle Locked(所有标注锁定) Clear Marks(单击,所有标注全部清除) Settings(对应设置) Donate(捐赠给作者)
Plugins→Toolbar→1.Mark Overlay(创建触碰区域) 2.Mark Sizes(标注尺寸) 3.Mark Spacings(标注间距) 4.Mark Properties(属性) 5.Mark Note(文字备注) Mark Exportable(导出) Color Name(对应的颜色) Spec Export(规范导出) Toggle Hidden(所有标注隐藏)
背景颜色标注:选中背景色Plugins→Sketch Measure→Toolbar(4.Mark Properties标注属性)→选择像素尺寸(保证默认)→颜色格式选择色值#000000(以16进制)100%→保存→自动标注上信息→fill:#71A31D 100% opacity:100%(不透明度) radius:0pt(圆角半径数值),不需要的可以删除。尽可能简洁,又不丢失任何细节。
界面的标注:1.对于纯色的背景,需要标注背景的颜色;2.对于位图,需要标注图片的尺寸,以及它距离顶边距或者底边距的距离,如果不是左右居中的,还需要标注出左右间距,还要标注段落与段落之间,图层与图层之间的间距;文字需要标注出文字的字号,字体,颜色,行高等数据;按钮对于圆角矩形来说需要标注圆角尺寸,圆角半径,圆角颜色。
检查插件是否安装完成,在插件菜单Plugins→Manage Plugins→可以看到Sketch Measure by utom 2.2.2最新版本。
删除插件(选中需要删除的插件右击,选择第二个uninstall “sketch madsure”卸载插件);
pligins:插件,(Manage Plugins 管理插件→右下角单击(获取插件按钮)→跳转至官网插件库→输入需要的插件(标注插件measure(关键字)→sketch measure→跳转到Github界面)→选择Clone or download→download ZIP选择下载)下载完成之后解压,双击Plugin“sketch Measure 2.2.2”installed该插件已安装完;