优艾设计网

用Photoshop设计APP过程中改进IOS设计流程的30个密诀

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:kingtent
在本文中我(英文原作者)总结了在photoshop中设计ios软件时所遵守的方法。许多的技巧适用于一般的UI设计。注意:文中所提到的快捷键针对于Windows;Mac 用户可,Cmd对应Crtl键,Opt对应Alt键。

cs5中只有形状对齐

9.使用电子表格来计算缩略图的尺寸

想要创建一个iPad app来展示大量的缩略图?使用电子表格来计算缩略图的尺寸和之间的尺寸。电子表格实时的计算并展示了在改变一个尺寸之后对其他元素的影响以及它们是否适用于屏幕。下载(iPad-Grid-Calculator)我在创建iPad app使用创建的微软Excel 表格(文件中包含了4个表格,6×6, 5×5, 4×4 和3×3)。

用Photoshop设计APP过程中改进IOS设计流程的30个密诀

10.自动导出资源文件

如果你必须创建图片资源,选择文件(File)〉脚本(Script)〉将图层导出到文件(Export Layers to Files)。

11.图层复制的时避免给图层名添加后缀同时避免图层效果得到扩张

对每次复制图层都在图层名称后面添加“副本(copy)”的字眼很是恼火?同时恼火的是每次复制粘贴图层效果的时候图层效果就会扩张?可以图层面板选项中将两者关闭。

用Photoshop设计APP过程中改进IOS设计流程的30个密诀

12.以15°的步长旋转

在自由旋转的时候,可以按住Shift以15°的倍数旋转。

13.保存样式

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

14.在打开的两个文件之间移动图层

按下V选择移动工具〉选中想要移动的图层〉在当前文件内(不是图层面板)左击不松开〉拖动光标到目标文件的名称标签上〉当文件切换之后将光标拖动到文件内,然后松开鼠标。

用Photoshop设计APP过程中改进IOS设计流程的30个密诀

15.设置全局光为90°

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

用Photoshop设计APP过程中改进IOS设计流程的30个密诀

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

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

17.使用自定义快捷键

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

18.使用径向渐变

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

用Photoshop设计APP过程中改进IOS设计流程的30个密诀

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

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

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

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

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

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

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

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

用Photoshop设计APP过程中改进IOS设计流程的30个密诀

用Photoshop设计APP过程中改进IOS设计流程的30个密诀

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

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

用Photoshop设计APP过程中改进IOS设计流程的30个密诀

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消