翻译自:http://photoshopetiquette.com
好的设计师一定是一个注重细节的人, 到处都能看到暖心的细节, 那究竟体现在什么地方呢? 看看 PSDs 文件中图层的混合方式? 命名? 被遮罩的原始素材? 也许我们可以从布局及文字来看一个设计师是否注重细节, 但更贴心的细节是对于那些根据设计稿做后续工作的人, 帮助他们更方便, 快捷地完成后续工作的点滴。“Photoshop 礼节” 作为页面设计的指导与最佳实践, 对哪些暖心的细节做了一些总结。
第一节: 文件
如果在你的项目中随处都是随意名字的文件及空的文件夹,那表明你没有很好的组织你的设计作品; 不要花过多经历在管理你的文件夹结构上
尽量减少 PSD 文件的数量, 能放在一个文件中尽量放在一个文件中
給文件取适当的名字, 不要使用 NEWEST.psd 或者 LATEST.psd 这样的名字
将图片, 图标等素材与 PSD 放在同一个文件夹下
将设计稿及素材放在团队成员容易访问的地方
导出一份预览图, 文件名的单词用连字符或者下划线分开, 但不要两者混用
不要针对具体设备尺寸设计, 一旦设备尺寸改变, 设计稿就变得不再适用
第二节: 图层
花时间修改图层的名字, 重新调整图层顺序就像那些必须給孩子收拾房间的父母, 如果能够让他们自己学会清理房间或者不把房间弄得一团糟的话, 你就会获得更多的时间去做其他事情;
給图层起准确的名字, 不要使用 Layer 0 copy copy 这样的名字
按用途将图层分组, 让别人可以快速找到所需要的图层
删除没用的图层, 不要隐藏
将通用的元素放在全局的位置, 没有理由将一个 logo 复制 5 份放在 5个图层里, 将它拿出来放在一个全局的位置
最后将所有分组折叠起来
第三节: 素材
“高效”是 Photoshop 工作流中的关键, 没有比导出素材更恰当的例子了, 明确那些需要导出的素材,处理导出素材文件的大小/格式;
使用遮罩, 智能对象及对齐图层, 避免不断地对像素进行调整
小心使用混合模式, 不要通过多个图层混合来实现最终的颜色
注意不同的屏幕分辨率及密度
压缩
不需要为导出的素材留空白边距, 使用 CSS 来做
团队协作, 通过 CC 的库及链接的智能对象一起工作
第四节: 文字
虽然文字的渲染已经不是一个难题, 但在 Photoshop 中仍然是一个需要值得注意的元素, 为了不给自己及他人造成不必要的麻烦, 仍需注意字体及段落的样式的处理;
集中存放团队使用的字体文件
不要拉伸字体
使用文本框,明确文本的边界范围
不要使用换行, 用分开的文本框
使用文字样式
第五节: 效果
即使最好的设计师在应用效果的时候也有可能出现过渡的情况, 效果的”礼仪”不是限制使用效果, 而是如何恰当的使用效果;
恰当的使用颜色叠加
谨慎使用效果, 不是效果使用越多就越出色
有目的的使用效果, 不要像点 checklist 一样使用效果
了解描边位置的区别
不要使用多个不同角度的光源
第六节: 校验
当开始做拼写及内容检查时, 就接近完成设计了, 总是在发出你的 PSD 給别人前做一遍最后检查总是明智的;
在发出之前请别人帮忙校验一下内容
确保图片版权不会出现问题
熟悉各种浏览器的限制
考虑不同的屏幕尺寸
保持字体, 颜色值的一致性