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

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

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

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

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

17.使用自定义快捷键

注意哪些工具和任务是你最常用到的，为它们创建快捷键。例如，如果你发现将一个文件发送给开发人员处理的时候你需要重命名大量的图层，我使用功能键F2作为快捷键。

18.使用径向渐变

使用径向渐变有时候会看起来有点扁平。试试用径向渐变作为背景，还可以用内发光来强调。

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

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

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

当你发现保存了自己不想要的变化，或者在撤销更改之前意外地关闭了文件（译者注：这样会导致丢失历史记录），备份文件会大大减少你的痛苦。

21.使用快捷键给形状图层和文本填色

你可能知道使用Alt/Ctrl + Delete 给图层或者选区填充前景色/背景色。它同样适用于形状图层和文本。

22.Photoshop的怪异之处——投影和内阴影尺寸

还记得诀窍1中关于保证尺寸和图层效果为偶数像素吗？你或许在对所有的都设置了偶数之后，仍然迷惑于为什么按钮的高度仍然是奇数。罪魁祸首便是Photoshop的怪异之处，投影增加了尺寸。投影的大小（size）值设置为1px或者2px，投影将会产生同样的尺寸，如下图所示。

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

来让Photoshop对你的元素进行智能对齐。在视图（View）〉显示（Show）〉智能参考线（Smart Guides）处打开。一旦你使用过智能参考线，你会再也离不开它了。

24.使用图层复合在同一文件中展示不同的显示屏

你是将app的所有屏幕都创建在一个PSD中然后对图层可视进行打开和关闭来查看？此时图层复合（Layer Comps）就可帮助解决这个问题。勾选窗口（Window）〉图层复合（Layer Comps）即可打开图层复合面板。在你新建app屏幕的时候你可以通过单击面板底部创建新的图层复合按钮来创建一个新的图层复合。这个图层复合面板包含了所有图层的可见性和位置作为一个屏幕（译者注：可以理解为一个快照）。现在你便可以在同样的图层上更改其可见性和位置来作为下一个屏幕并把它保存为另一个图层复合。

通过使用同样的工具去创建不同的屏幕，这样就保证了文件数量和大小达到了最小。并且，你和开发人员可以简单的通过单击图层复合名称前面的小盒子或者点击面板底部的往前/往后箭头来循环切换图层复合来展示不同的屏幕。

25.在设备上预览你的设计

你的设计桌面设备上看起来很好，但是当你放到真正的设备上或许会暴漏问题，因此，保证经常的在显示器上预览你的设计。对Mac来说有像LiveView、Scala Preview等工具，对Windows来则有WiFileSync和Photoshop Display。我使用免费的Polkast，它允许你在IOS设备上通过wifi预览你桌面设备上的文件。

26.保持icon设计的一致性

在icon的选用上要保证其大小和风格一致。可以阅读Why consistency is important这篇文章。

27.给客户发送全尺寸的预览图

客户许愿在他们的设备上常看设计。因此，可以考虑给他们一个全尺寸的PNG设计组合。

28.避免过于像素完美的线框图

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