6个日常使用的UI设计技巧分享,省时又高效!
1、Sketch等比缩放工具,轻松避免设计变形失真的问题在调整图层组尺寸时, 使用Sketch自带的缩放工具(Scale tool)。如此,即使批量调整图层或组件尺寸,也无需返回逐个重新设置,十分高效。而且,该工具操作起来也相当简单。只需选中单个图层或图层组,点击顶部导航栏的“缩放”或使用快捷键“CMD + K”, 即可快速设置其缩放百分比、宽、高等属性。

2、Sketch对齐和自动布局工具,快速对齐和布局界面组件Sketch的对齐工具,是小编最喜欢使用的Sketch功能之一。制作界面网格或列表类组件时,此类对其工具能够轻松省去很多麻烦的操作。简单选中所需对齐的多个组件,点击右上角对齐选项,即可一键按需居中、向右或向左对齐。其自动布局工具也非常好用。设计界面网格时,可通过固定宽高的方式,来达到响应式布局的效果。

3、Sketch Symbol功能, 轻松制作不同设计状态Symbol是Sketch中一个非常实用的新功能。设计夸臾蓠鬏过程中,只需更改按钮内的文本状态,无需修改整个按钮样式和填充方式。具体操作过程也很简单。首先,制作一个需要不同状态的按钮,然后将按钮转化成符号,调整到需要的状态。而上图的按钮设计,小编将其设置为了水平居中的布局状态,就轻松做到了图中的效果。此外,利用该Symbol功能也可以制作许多炫酷的设计效果。

4、PS快速导出设计稿和切图Mockplus iDoc的PS插件提供了非常实用的导出功能。设计师不仅可以通过该插件批量导出PS设计稿、上传到iDoc、自动生成标注、在线协作设计、评论审核、制作原型并实时交付, 还可轻松标记切图并上传。不同平台切图倍率也可快速设置。设计过程中,即可轻松选择和标记切图,无需过多等待。

