sketch有哪些非常好用的技巧
昨天我们介绍了一些Sketch的常用快捷键,同样和 figma 一样,sketch也有一些非常不多的技巧,下面就给大家介绍一下几个用了用了就会爱上的 Sketch 操作技巧。
一、管理页面的表情符号.画板和图层。
随着项目越来越大, sketch 中的页面和图层会越来越多,我们可以使用表情符号来对页面.画板和图层.sketch中调整表情符号面板的快捷键是control+command+space,我们可以使用表情符号来对页面.画板和图层.sketch中调整表情符号面板的快捷键是control+command+space,打开后可以看到所有的系统表情。将相应的表情符号插入页面和画板。在图层名称中,通过符号可以很容易地识别组件。如下图所示:
二、提高Sketch运行性能的方法。
1.不必要的Sketch插件卸载或停用。
强烈建议只保留高频使用的插件,越多的插件开启安装,Sketch运行越慢,资源占用越多,导致软件越卡顿,不顺畅。
2.避免使用大画板。
避免使用太大的画板,除非设计网页适合。特别是把画板的页面放在大画板上,Sketch缩放的时候会很卡顿。
3.向多个页面分散画板。
不要把整个项目的画板集中在一个页面上,你可以建立一个新的多个页面,把单个页面中的画板分成一个模块,分成多个页面,一个模块一个页面。每个页面的画板数量越少,Sketch在显示过程中需要计算的内容就越少,而且更流畅。
4.删除多余的图层样式和效果。
在设计中,我们必须注意控制特殊效果的大小和数量,如图层样式、阴影、模糊和配色。当有多余的图层样式时,我们应该删除无用的样式和效果。这与任何设计工具是一样的。数量和图层样式和效果的大小将增加软件实时渲染的工作量。
注:将多余的图层样式和效果删除在图中框起来。
三、自定义画板尺寸如何创建。
Sketch带来了很多大小的画板,但是我们通常使用@2x图纸作为设计草稿,所以每次都不方便更改尺寸。此时,我们可以定制最常用的画板尺寸。
按下快捷键A,调整最右边的画板板,然后选择下拉菜单的自定义,点击底部的创建自定义尺寸,设置画板名称和宽度和高度尺寸,就可以了。
Sketch设计稿的标注
通过对设计稿的标注,让开发同事很清楚的知道设计稿中每个元素的属性,确保按设计规范实现。
一、尺寸:容器的大小
1、控件的不同状态的标注;
2、图标或文字区域,覆盖热区后标注;
3、有圆角的标注圆角半径;
4、图片的适配,标注比例,4:3/16:9;
5、按钮的适配:高度固定,宽度自适应(标注两边间距);
二、文字
1、字体;
2、字号;
3、颜色;
4、透明度;
5、行高;
6、对于非固定长度的文字,要注明一行最多显示字符数,超出折行或省略处理;
三、间距:容器与容器之间的距离
1、分割线最好用矩形1像素代替直线,确保标注间距时不会出现小数点;
四、颜色
1、背景色(大背景色/区块背景色);
2、按钮颜色(普通按钮/文字按钮/图标按钮/开关按钮);
3、分割线颜色;
标注工具有很多,大家可以根据习惯选择。
1、摹客;
2、Sketch Measure;
3、Zeplin;
sketchmeasure怎么用(sketchmirror)
sketch 升级3.8.3后Sketch Measure 不能用,怎么回事
老版本的CAD,是用CTRL+C实现命令的退出。在选项卡里面有一个选项“使用传统加速键“字样的选项,你勾上这个选项之后,ESC键将失效,这时候CRTL+C就相当于ECS了。要不你试试看。
sketch有哪些非常好用的技巧
昨天我们介绍了一些Sketch的常用快捷键,同样和 figma 一样,sketch也有一些非常不多的技巧,下面就给大家介绍一下几个用了用了就会爱上的 Sketch 操作技巧。
一、管理页面的表情符号.画板和图层。
随着项目越来越大, sketch 中的页面和图层会越来越多,我们可以使用表情符号来对页面.画板和图层.sketch中调整表情符号面板的快捷键是control+command+space,我们可以使用表情符号来对页面.画板和图层.sketch中调整表情符号面板的快捷键是control+command+space,打开后可以看到所有的系统表情。将相应的表情符号插入页面和画板。在图层名称中,通过符号可以很容易地识别组件。如下图所示:
二、提高Sketch运行性能的方法。
1.不必要的Sketch插件卸载或停用。
强烈建议只保留高频使用的插件,越多的插件开启安装,Sketch运行越慢,资源占用越多,导致软件越卡顿,不顺畅。
2.避免使用大画板。
避免使用太大的画板,除非设计网页适合。特别是把画板的页面放在大画板上,Sketch缩放的时候会很卡顿。
3.向多个页面分散画板。
不要把整个项目的画板集中在一个页面上,你可以建立一个新的多个页面,把单个页面中的画板分成一个模块,分成多个页面,一个模块一个页面。每个页面的画板数量越少,Sketch在显示过程中需要计算的内容就越少,而且更流畅。
4.删除多余的图层样式和效果。
在设计中,我们必须注意控制特殊效果的大小和数量,如图层样式、阴影、模糊和配色。当有多余的图层样式时,我们应该删除无用的样式和效果。这与任何设计工具是一样的。数量和图层样式和效果的大小将增加软件实时渲染的工作量。
注:将多余的图层样式和效果删除在图中框起来。
三、自定义画板尺寸如何创建。
Sketch带来了很多大小的画板,但是我们通常使用@2x图纸作为设计草稿,所以每次都不方便更改尺寸。此时,我们可以定制最常用的画板尺寸。
按下快捷键A,调整最右边的画板板,然后选择下拉菜单的自定义,点击底部的创建自定义尺寸,设置画板名称和宽度和高度尺寸,就可以了。
Sketch Measure Spec Export Bug
使用Sketch Measure作Spec Export导出时,偶尔会出现中断或自动退出的问题。这个问题在很早前就发生过,一直以为是与Sketch Measure与旧版本的Sketch不兼容引起的。以往更新SketchMeasure版本后会有改善,直到最近又开始频繁遇到该问题。为了不耽误项目进度,在手动标注与彻底告别SketchMeasure之间选择了死磕!
经过一次次的调整测试,我的死磕策略总算有了回报,终于找到了这个问题的根源。现在将它公之于众,希望对大家有些帮助!
Spec Export导出时,进程会卡主不动。即使重启Sketch或重装Sketch Measure插件也解决不了问题。
导出进程模态框下方的文字提示中可以看到,在进行到“Page1”页面下“03-install-done”这个画板中的“list/item_delivery copy8”图层时就会卡主。很明显这个图层里的某些设置或样式让Sketch Measure无法处理只能傻愣在那里了。
由于 “list/item_delivery copy8”该图层是一个Symbol,尝试将其打散后再做Spec Export导出,没有发生异常。至此,可以基本确定是Symbol中的某些设置触发了该问题。经过无数遍的尝试(重命名Symbol、去掉Symbol嵌套、去掉文字图层样式…),终于发现是在Symbol设置面板中的“Symbol Masters”设置引起了Spec Export导出卡死的问题。凡是在“Symbol Masters”中勾选了“Include in Export”或“Include in Instance”,Spec Export导出就会卡死。
目前唯一的解决方法就是不勾选“Include in Export”或“Include in Instance”。如果Symbol中需要用到背景色的,建议手动添加个背景图层。这样就避免了后期Spec Export导出时的麻烦。
虽然只是工具上的一点小问题,却拖延了项目的交付产生了一些不良影响。希望对大家有些帮助,能避免跌入这条小阴沟!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至836084111@qq.com 举报,一经查实,本站将立刻删除。