优艾设计网

改进UI设计时的一些小技巧

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:天堂鸟
UI设计不像平面设计那样随性,期间可以用点技巧来减少痛苦。 1. 设置网格线 保持像素完美

 

 

7. 设置全局光为90°

当光源在90°的时候高光、阴影以及其他图层效果看起来最好。为了避免重复设置,在混合选项中(斜面和浮雕、内发光和阴影)勾选使用全局光。

改进UI设计时的一些小技巧

 

8. 创建图层的时候你便对它进行命名

将设计稿发给重构之前对图层命名是件令人头痛的事情。因此不妨形成在创建图层的同时就给它命名的习惯。

改进UI设计时的一些小技巧

9. 使用径向渐变

使用径向渐变有时候会看起来光达不到你想要的大小。试试使用角度和缩放来调整达到你要的效果。

改进UI设计时的一些小技巧

改进UI设计时的一些小技巧

还可以用鼠标拖动光圈的位置

改进UI设计时的一些小技巧

 

10. 避免图层名添加后缀和图层效果扩张

每次复制图层都在图层名称后面添加"副本"的字眼很是恼火?

同时恼火的是每次复制粘贴图层效果的时候图层效果就会扩张?

可以图层面板选项中将两者关闭。

改进UI设计时的一些小技巧

 

11. 努力做到非破坏的编辑

通过使用智能对象和使用形状路径工具来画图做到一个非破坏性的工作流程。当你发现自己需要重复编辑同样东西的时候这会帮你减少很多痛苦。

改进UI设计时的一些小技巧

 

12. 使用图层复合在同一文件中展示不同的页面

你是将所有页面都创建在一个PSD中然后对图层可视进行打开和关闭来查看吗?

此时图层复合就可帮助解决这个问题。

勾选窗口 > 图层复合即可打开图层复合面板。

改进UI设计时的一些小技巧

13.奇怪的投影尺寸

Photoshop的怪异之处,投影增加了尺寸。投影的大小值设置为1px或者2px,投影将会产生同样的尺寸,如下图所示。

改进UI设计时的一些小技巧

 

14 .使用智能参考线来进行更为完美的对齐

让Photoshop对你的元素进行智能对齐。在视图 > 显示 > 智能参考线处打开。一旦你使用过智能参考线,你会再也离不开它了。

改进UI设计时的一些小技巧

15. 在对文件作重大改变之前备份文件

当你发现保存了自己不想要的变化,或者在撤销更改之前意外地关闭了文件,备份文件会大大减少你的痛苦。

 

16.双屏时调整同一个psd

在双屏时不同的屏会有色差,可以通过双屏打开同一个psd来对比调整。

打开一个psd后,选择 窗口 > 排列 > 为"XXX.psd"新建窗口 。

改进UI设计时的一些小技巧

17.创建一个icon库

把你针对工具栏或者标签栏创建了矢量的icon,保存一份icon(保存完好无损的尺寸以便于编辑)到单独的PSD文件中,这样,你便不必下次再使用这些icon时到处寻找了。

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消