云骑士一键装系统-简单一键在线装机工具,一键备份还原功能让系统维护更方便!
BIOS设置 win10教程 win7教程 U盘教程 xp教程 win8教程 电脑故障 电脑资讯 手机教程 软件教程 游戏攻略
当前位置:云骑士 > 使用教程 > 电脑资讯 > ps改进UI设计的技巧有哪些

ps改进UI设计的技巧有哪些

文案作者: 骑士
2020-11-16 18:03:43
播放量:

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

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

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

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

ps改进UI设计的技巧有哪些

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

ps改进UI设计的技巧有哪些(1)

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

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

(2)Ctrl + T 选择变形。

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

例题1

ps改进UI设计的技巧有哪些(2)

例题2

ps改进UI设计的技巧有哪些(3)

3. ps cs6 隐藏路径

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

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

ps改进UI设计的技巧有哪些(4)

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

ps改进UI设计的技巧有哪些(5)

5. 保存样式

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

ps改进UI设计的技巧有哪些(6)

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

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

ps改进UI设计的技巧有哪些(7)

7. 设置全局光为90°

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

ps改进UI设计的技巧有哪些(8)

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

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

ps改进UI设计的技巧有哪些(9)

9. 使用径向渐变

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

ps改进UI设计的技巧有哪些(10)

ps改进UI设计的技巧有哪些(11)

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

ps改进UI设计的技巧有哪些(12)

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

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

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

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

ps改进UI设计的技巧有哪些(13)

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

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

ps改进UI设计的技巧有哪些(14)

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

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

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

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

ps改进UI设计的技巧有哪些(15)

13.奇怪的投影尺寸

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

ps改进UI设计的技巧有哪些(16)

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

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

ps改进UI设计的技巧有哪些(17)

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

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

16.  双屏时调整同一个psd

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

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

ps改进UI设计的技巧有哪些(18)

17.创建一个icon库

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

为什么用wps发文件是个链接
图文
为什么用wps发文件是个链接
wps发文件是个链接怎么办?一起来看看解决办法吧。找到WPS图标,右击该图标,找到"设置",选中分享中的"使用附件发送",然后点击下方“应用”,然后再...
阅读:682 发布时间:2019-07-28
ps里怎么画箭头
图文
ps里怎么画箭头
打开PS,新建文档,选择自定义形状工具,找到箭头形状工具,左键进行拖动即可画出箭头;打开PS,新建画布,选择直线工具,点击齿轮图标,勾选直线起...
阅读:567 发布时间:2020-11-12
ps镂空字体卡片效果怎么做
图文
ps镂空字体卡片效果怎么做
创建画布,置入图片,转化为智能滤镜,色阶,色彩平衡,创建矩形,字体工具,颜色为黑色,转换为形状,减去重叠部分形状,投影,高斯模糊,正片叠...
阅读:301 发布时间:2020-11-19
ps图片模糊怎么变清晰
图文
ps图片模糊怎么变清晰
在ps中打开图片,点击滤镜,选择其他,点击高反差保留,高反差保留中可以调节像素半径大小,点击滤镜,选择锐化,点击USM锐化,在USM锐化中可以调节...
阅读:3149 发布时间:2020-07-20
如何wps制作电子印章
图文
如何wps制作电子印章
Word文档中,点击插入、形状,插入一个圆形,设置圆形的颜色填充,插入艺术字,编辑印章的内容,设置艺术字的格式,最后插入一个星星图形,设置图形...
阅读:1390 发布时间:2020-11-13
键盘锁住了打不了字
键盘锁住了打不了字
浏览:23872
2019-10-17
win10还原系统
win10还原系统
浏览:37866
2018-05-28
苹果一体机装win7
苹果一体机装win7
浏览:9041
2019-12-14
电脑没有音频设备怎么办
电脑没有音频设备怎么办
浏览:26887
2020-12-09

客服二维码

邮箱:toplearningteam#gmail.com (请将#换成@)

Copyright 2013-2020 云骑士( https://www.yunqishi.net/ ) 版权所有 All Rights Reserved   鄂ICP备2023010145号-1