优艾设计网

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

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

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

UI设计不像平面设计那样随性,期间可以用点技巧来减少痛苦。

1. 设置网格线 保持像素完美

不在1:1分辨率下也能保持像素完美,可以通过创建网格线来避免虚边的出现。编辑 > 首选项 > 参考线、网格和切片保持尺寸为偶数。

例如:设置网格线间隔为64px,子网格为64

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

 

使用网格在画图形时会自动吸附,不是1:1状态下也可以画出完美像素。

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

2 .智能对象和路径的变形

(1)将图层转换为智能对象(右击图层 > 选择转换为智能对象),这样你就可以在之后编辑效果。

(2)Ctrl + T 选择变形。

(3)点击和拖动手柄来改变形状。

 

例题1

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

例题2

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

 

 

3. ps cs6 隐藏路径

Photoshop cs6中比较恼人的一点是当你选中一个形状图层的时候形状的路径会显示出来,并且在你操作该图层的时候路径会一直存在,譬如在更改图层混合选项的时候。

和你使用Ctrl + H 来隐藏所有的辅助工具(路径、网格线和参考线),当然你可以按Ctrl + Shift + H 只隐藏路径。

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

 

4. 使用内阴影更容易增加精致感

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

 

5. 保存样式

保存多次使用的样式到样式面板,这样免去每次都复制粘贴的麻烦

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

 

 

6.以15°的步长旋转和10像素的移动

在自由旋转的时候,可以按住Shift以15°的倍数旋转。移动时以10像素移动。

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

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

精彩评论

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