手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

6个日常使用的UI设计技巧分享,省时又高效!

时间:2024-10-12 06:53:32

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

6个日常使用的UI设计技巧分享,省时又高效!
6个日常使用的UI设计技巧分享,省时又高效!

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

6个日常使用的UI设计技巧分享,省时又高效!
6个日常使用的UI设计技巧分享,省时又高效!

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

6个日常使用的UI设计技巧分享,省时又高效!
6个日常使用的UI设计技巧分享,省时又高效!

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

6个日常使用的UI设计技巧分享,省时又高效!

5、Adobe Illustrator中快速生成最佳配色方案UI设计过程中,也可使用Adobe Illustrator中的混合工具, 快速生成最佳配色方案。使用该工具,设计师们可直观的查看各类色彩混合之后的效果,无需过多猜测,尽量消除设计中的不确定性。尽管,其它工具也可以做到这一点,但该工具却是最快的。

6个日常使用的UI设计技巧分享,省时又高效!
6个日常使用的UI设计技巧分享,省时又高效!

6、利用省略符号占位,以螗徇吼笊维持界面布局界面设计中,可使用省略号占位,保持界面布局。之所以会在这里分享这一技巧,主要是因为设计新手们很容易忽略这一点,而选择更改界面布局来呈现完整的界面功能。值得注意的是:省略号只用于代替用户不会立即使用,或者可以轻松推断的信息。如果是重要的信息,即使重新布局,也最好不要使用省略号。不然,界面功能,甚至用户体验都会受到影响。所以,为保证界面原有布局,省略号使用需要多方考虑, 避免给用户造成不便。

6个日常使用的UI设计技巧分享,省时又高效!
© 手抄报圈