文章1360字,大约耗时2分10秒~
文章里面的工具是软件自带的,不涉及插件,因为sketch版本的不同,软件页面不太一样。接下来我们从技术和习惯两方面来进说明,如何提升效率。
l 技术层面
1. 位置和大小的运算
移动元件是经常发出的一件事,因为我们可以通过点按alt键看到元件之间的距离,很容易得知需要移动的距离。当然通过方向键来实现小距离的改变很方便。当距离像256这样的数字的时候,更快速的方法是,输入位置值代替使用方向键来移动元件位置。
2. 图形是可以精确的的等比缩放
制作大尺寸的图标后,运用到页面中需要等比缩放。scale是一个很好用的工具。优点在于调整1个参数就可以整体改变,而且软件会保留整数。比通过调整右侧尺寸或者从形状的4个角来缩放更加精确。
3. 删除所有参考线
初始做图时设定了许多参考线,当产品结构稳定后,大部分参考线会成为负担,隐藏参考线影响作图的精确度。这时候我们迫切需要删除大部分甚至全部参考线。在标尺的横向和纵向分别右键,会出现“Remove All Vertical Gudies ” 删除所有纵向参考线。或者“Remove All Horizontal Gudies”删除所有横向参考线。
4. 置于顶层和底层的快捷键
界面中元件有固定的顺序,我们想在画板中调整元件的顺序来与之对应。或者在很多图层中,需要修改的图层经常被上面的图层干扰,这时候我们把它置于顶部,就很方便修改了。contral alt command 方向键上是置于顶部。contral alt command 方向键下是置于底部。
5. command shift O把路径转为形状
使用路径制作icon后,通常需要将其转化为形状,方便后续工作。我们可以通过快捷键command shift O或者在下图中找到轮廓化
6. 文字居下、居中的快捷键alt command 方向键上
调整文字在文字框的对齐方式,这个功能用到的比较少,字号大的时候,会有明显的变化。可以在不改变行高的情况下,改变文字与参考对象,视觉上的距离。
7. command D重复上一步
列表页中制作一行信息之后,制作整个页面时,可以通过快捷键来制作,第一次复制,注意Y坐标的值变化(差值是组的高度),避免行与行之间重叠。
8. 组件以及共享组件
元件转化为组件是总结和复盘中积累经验的好方法。时间少任务重的项目往往需要组件先行,提高协作效率,避免搜索做几个图标,每个还不一样的尴尬。如果一个项目是一座房间,那么组件就是生产砖的模具厂。共享组件是把组件库都放在一个文件,把这个sketch文件添加为资源库,然后在所有文档中使用,并且协同。(工具位置在下图中说明)
9. 自适应元件
组件哪里需要搬哪里,这就面临修改组件的场景。我们在制作时注意设置,合适的吸附和固定,如下图中所示。之后进行长度或者宽度的变化时,会保持原始组件中的相对位置不变化。
l 习惯层面
1. 启用参考线
使用元件吸附功能。或者说创建合适的参考线,比如可视范围的左右两极、内容在浏览器第一屏的位置线、导航位置线。目的是表明页面的分区。
2. 为图层命名
看似耗费了时间,但是自己再次查看文档,以及与同事共用文档的时候,避免花时间找到图层的尴尬。
最后说下记忆这件事情,大家经常会有快捷键记不住的场景。建议是根据自己使用软件的频率,一段时间内频繁使用新的快捷键,当前快捷键记住后再学下一个。形成长久记忆,而不是短时间记住好多个,时间长了一个也没记住。
感谢你读到这里,觉得文章还可以的话,手动将公众号设为星标,这样就能第一时间看到我们的内容,感恩~。希望对大家的实际工作有所帮助,不足之处,感谢指正。