PHOTOSHOP中改进IOS设计流程的30个诀窍_网页设计教程

推荐：Photoshop制作棕色时尚复古网站教程
Photoshop制作棕色时尚复古网站教程： 打开photoshop，新建空白文档，文档大小为800*1200;打开素材图片1，按Ctrl+Alt+T调整大小为800*1200;

在本文中我（英文原作者）总结了在photoshop中设计ios软件时所遵守的方法。许多的技巧适用于一般的UI设计。注意：文中所提到的快捷键针对于Windows；Mac 用户可，Cmd对应Crtl键，Opt对应Alt键。

1.保持尺寸为偶数

你是首先针对Retina屏幕设计然后再对标准分辨率的进行缩小是吧？为了在标准分辨率下像素仍然保持完美的呈现，你需要保证大小和距离为偶数。具体的做法便是：基于2ps的网格设计。在编辑（Edit）〉首选项（Preference）〉参考线、网格和切片（Cuides,Grids&Slices）。更改网格线间隔（Gridline）和子网格（Subdivisions）来是使得网格间隔线为2px。例如：设置网格线间隔为64px，子网格为32。

2.混合模式只使用正常模式

在设置直接处于其他元素上面的图层效果时，混合模式只使用正常（例如：在混合选项中投影和外发光）。使用其他的混合模式或许在Photoshop中看起来很好，但是也可能会在在保存为PNG格式之后出现不良的效果。

3.更方便的改变渐变颜色

想要更改渐变按钮的色调（色相），而不必每次都去改变渐变的起始颜色值？下面介绍两个方法，均可达到完全一样的效果。

方法1：在渐变图层混合选项中使用颜色叠加

方法2：在纯色图层使用渐变叠加

译者注：上述使用了矢量蒙版，其实使用剪切蒙版也可达到相应的效果，个人认为还简单点。

4.更多的使用径向渐变

在导航条上叠加径向渐变层，让导航栏变得更为有趣。

方法1：径向渐变工具

方法2：斜面和浮雕

同样也可以使用图层混合选项中的斜面和浮雕。可以按下图所示来设置。通过调整设置来达到你想要的效果。通常调整的越为精妙效果也越为好看。

分享：Photoshop制作个性的透明玻璃网页用户信息展示教程
玻璃网页其实跟玻璃的制作一样。重点是把边缘及中间的高光渲染出来，比较规则的图形直接用图层样式做出初步的质感，再增手工增加一些高光等即可。其它部分可以按自己需要添