106072023

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

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

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

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

123831z0O

 

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

1238311ad

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

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

(2)Ctrl + T 选择变形。

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

 

例题1123831n6j

例题2

123832Zba

 

3. ps cs6 隐藏路径

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

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

123832r5O

 

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

123832Hro

 

5. 保存样式

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

123832KfP

 

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

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

123832grP

 

7. 设置全局光为90°

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

1238339zk

 

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

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

123833u3m

9. 使用径向渐变

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

1238331Uf

123834Eji

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

123835aoc

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

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

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

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

123835Ln8

 

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

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

1238367Pw

 

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

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

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

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

123836VL3

13.奇怪的投影尺寸

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

123836Haq

 

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

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

123836cuM

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

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

 

16.  双屏时调整同一个psd

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

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

123837OP9

17.创建一个icon库

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

作者:cued

转载请注明:学UI网 » Ps改进UI设计的一些技巧

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.xueui.cn ”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.xueui.cn”  海量APP截图,让你灵感爆发!国内最好的APP截图站。

国内最棒的UI设计导航站” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@xueui.cn,也可以找各个群的管理】

 给学UI网打气,加油  猛点这里 >>

 
你可能喜欢的:
教你打造科技感特效 金属-玻璃-光感详细教程教你打造科技感特效 金属-玻璃-光感详细教程
巧用PS画笔制作文字长阴影巧用PS画笔制作文字长阴影
绘制你的哆啦A梦-轻松学拟物绘制你的哆啦A梦-轻松学拟物
ps cc 2017启动画面的制作解剖ps cc 2017启动画面的制作解剖
一个葫芦的诞生【做作业】一个葫芦的诞生【做作业】
PS CC2017新功能解读PS CC2017新功能解读
wacom手绘板拉近镜头动效wacom手绘板拉近镜头动效
小火箭gif【教程】小火箭gif【教程】
3招轻松搞定高大上阴影3招轻松搞定高大上阴影
信息动画【教程】信息动画【教程】
  1. 另一篇文章里写的网格设置是:“参考线、网格和切片,网格线间隔:4像素;子网格2。或者网格线间隔:2像素;子网格1。”应该跟哪个?

  2. 好棒啊 不过我想说2和11都没看懂 啊~ 什么意思啊 那个例一黑色的是投影吗?额 例二左边的 那个圆是被外面的矩形控制的吗?求大侠告知啊~

  3. 我有个问题想请教 为什么Ps里减去顶层形状 周围都没有了 (变黑了) 就只有它还在 根本达不到效果

  4. 请问:2.的那个,为什么我ctrl+T之后,它的格子是一个交叉,而这里的是九个方格呢?我这里也没有像文章里那样调整路径的操作呢!???

    • 比如你图层一上用了很多图层样式,图层二上没有图层样式,你对图层一执行“拷贝图层样式”对图层二执行“粘贴图层样式”,这时候你会发现图层样式是自动展开的,你需要单击图层右侧的图层样式图标收起来,挺烦人,特别是应用的图层样式很多的时候,

    • 有时候你同一个文件会有不同的展示效果,比如显示图层1、2、3是一个效果,显示图层1、3、5是另一个效果,那你怎么办,在展示的时候单击图层的显示去展示吗还是导出为文件显示,前一种方法在图层很多的时候就不适用了,后一种方法比较麻烦,于是你就可以用图层复合这个功能了,它可以把你想要的不同的展示效果像历史记录里建立快照一样保存起来,

  5. 【12. 使用图层复合在同一文件中展示不同的页面】介个不太明白,求大神们解释一下!~

    • 有时候你同一个文件会有不同的展示效果,比如显示图层1、2、3是一个效果,显示图层1、3、5是另一个效果,那你怎么办,在展示的时候单击图层的显示去展示吗还是导出为文件显示,前一种方法在图层很多的时候就不适用了,后一种方法比较麻烦,于是你就可以用图层复合这个功能了,它可以把你想要的不同的展示效果像历史记录里建立快照一样保存起来,

  6. Pingback: ccn2785xdnwdc5bwedsj4wsndb

  7. Pingback: xntnctawc4n7nangrscfzsdfgf

  8. Pingback: guitar picks

  9. Pingback: insurance car cheap

  10. Pingback: dui attorney berkeley ca

  11. Pingback: commercial cleaning Auckland

  12. Pingback: Dubai reisen