Ps改进UI设计的一些技巧

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

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

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

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

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

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

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

(2)Ctrl + T选择变形。

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

例题1

例题2

3. ps cs6 隐藏路径

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

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

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

5. 保存样式

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

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

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

7. 设置全局光为90°

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

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

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

9. 使用径向渐变

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

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

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

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

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

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

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

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

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

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

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

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

13.奇怪的投影尺寸

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

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

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

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

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

16.  双屏时调整同一个psd

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

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

17.创建一个icon库

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

作者:cued

Photoshop

(0)

相关推荐

  • 10个UI设计的小技巧让你的作品更合理!

    今天,小编给大家总结了10个UI设计的小技巧,相信你耐心看完后一定会有所收获,赶紧get起来~ 一个网站不仅仅是一组链接过的页面,而是一种体现,一个空间.在这个空间里,不同的人.组织会遇见.沟通.交互 ...

  • PS改进IOS设计流程的30个窍门 (看了少犯错)

    设计是一个漫长和痛苦的过程,期间可以用点技巧来减少痛苦,30+ tips to improve your iOS design workflow (in Photoshop)一文总结30个实用的技巧可 ...

  • UI设计细节及技巧

    药药切克闹,ui设计细节最重要,哈哈,我又来咯,今天给大家带来的干货是ui设计的一些细节问题,做到这些可以充分提高设计师的工作效率哦,比如说描边,什么时候用图层样式什么时候用路径描边.还有怎么样快速做 ...

  • UI设计提速秘笈:Photoshop CC使用技巧

    作为工作繁忙的设计师,我们一直追求高效.敏捷地完成设计任务,那究竟要如何提升UI设计效率呢?本文将从软件.习惯.技巧等三个方面来阐述笔者的一些心得总结. 软件篇 工欲善其事,必先利其器.UI设计要更有 ...

  • 教你避雷!网页设计中常见的17个UI设计错误集锦(附赠设计技巧)

    精心设计的用户界面对网站意义重大.具备所有最新功能和响应式设计有助于提高网站的搜索引擎排名,从而增加受众群体.但是,当项目过大时,开发人员往往无法遵循最佳UI设计的原则进行开发.从而导致网站中某些重要 ...

  • Ps UI设计如何简单快捷切图

    首先我们要知道无论PS CC  或者PS  CS  都有切图功能,尤其是现在流行的UI设计一职业 ,无论是网页 还是手机端页面都是经常运用的技法  ,下面开始Photoshop 中最简单快捷的了解切图 ...

  • 【译】UI设计中使用插图的十大理由

    在过去的几年里,UI插图一直是最流行,最持久的设计趋势之一.一起来讨论下在网站和移动UI设计中运用插图的原因. 插画是什么? 基本上,插图是对特定概念.文字或过程的视觉解释,旨在支持.澄清甚至扩展人们 ...

  • UI设计新人疑惑解答

    新人不知道该如何学UI设计,也有很多疑问解不开.这篇文章就是虎哥专门写给新人的.咱采用问答的形式来揭开谜团,让新人心里的石头落地. 下面是虎哥(学UI网创始人)私人微信号:hu2020 (请备注来意, ...

  • 安卓UI设计系列知识(一)(设计经验谈)

    搜集了很多朋友的问题,有一个比较明显的问题是现在网络上没有相关的教程or说明,书店里卖的相关书籍不是大篇大段的讲photoshop的使用技巧,就是讲一些宏观的问题,所以看到上次的帖子,很是有效. 打算 ...