Photoshop 礼节

翻译自:http://photoshopetiquette.com

        好的设计师一定是一个注重细节的人, 到处都能看到暖心的细节, 那究竟体现在什么地方呢? 看看 PSDs 文件中图层的混合方式? 命名? 被遮罩的原始素材? 也许我们可以从布局及文字来看一个设计师是否注重细节, 但更贴心的细节是对于那些根据设计稿做后续工作的人, 帮助他们更方便, 快捷地完成后续工作的点滴。“Photoshop 礼节” 作为页面设计的指导与最佳实践, 对哪些暖心的细节做了一些总结。

第一节: 文件

      如果在你的项目中随处都是随意名字的文件及空的文件夹,那表明你没有很好的组织你的设计作品; 不要花过多经历在管理你的文件夹结构上

尽量减少 PSD 文件的数量, 能放在一个文件中尽量放在一个文件中
給文件取适当的名字, 不要使用 NEWEST.psd 或者 LATEST.psd 这样的名字
将图片, 图标等素材与 PSD 放在同一个文件夹下
将设计稿及素材放在团队成员容易访问的地方
导出一份预览图, 文件名的单词用连字符或者下划线分开, 但不要两者混用
不要针对具体设备尺寸设计, 一旦设备尺寸改变, 设计稿就变得不再适用

第二节: 图层

     花时间修改图层的名字, 重新调整图层顺序就像那些必须給孩子收拾房间的父母, 如果能够让他们自己学会清理房间或者不把房间弄得一团糟的话, 你就会获得更多的时间去做其他事情;

給图层起准确的名字, 不要使用 Layer 0 copy copy 这样的名字
按用途将图层分组, 让别人可以快速找到所需要的图层
删除没用的图层, 不要隐藏
将通用的元素放在全局的位置, 没有理由将一个 logo 复制 5 份放在 5个图层里, 将它拿出来放在一个全局的位置
最后将所有分组折叠起来

第三节: 素材

     “高效”是 Photoshop 工作流中的关键, 没有比导出素材更恰当的例子了, 明确那些需要导出的素材,处理导出素材文件的大小/格式;

使用遮罩, 智能对象及对齐图层, 避免不断地对像素进行调整
小心使用混合模式, 不要通过多个图层混合来实现最终的颜色
注意不同的屏幕分辨率及密度
压缩
不需要为导出的素材留空白边距, 使用 CSS 来做
团队协作, 通过 CC 的库及链接的智能对象一起工作

第四节: 文字

    虽然文字的渲染已经不是一个难题, 但在 Photoshop 中仍然是一个需要值得注意的元素, 为了不给自己及他人造成不必要的麻烦, 仍需注意字体及段落的样式的处理;

集中存放团队使用的字体文件
不要拉伸字体
使用文本框,明确文本的边界范围
不要使用换行, 用分开的文本框
使用文字样式

第五节: 效果

    即使最好的设计师在应用效果的时候也有可能出现过渡的情况,  效果的”礼仪”不是限制使用效果, 而是如何恰当的使用效果;

恰当的使用颜色叠加
谨慎使用效果,  不是效果使用越多就越出色
有目的的使用效果, 不要像点 checklist 一样使用效果
了解描边位置的区别
不要使用多个不同角度的光源

第六节: 校验

    当开始做拼写及内容检查时, 就接近完成设计了, 总是在发出你的 PSD 給别人前做一遍最后检查总是明智的;

在发出之前请别人帮忙校验一下内容
确保图片版权不会出现问题
熟悉各种浏览器的限制
考虑不同的屏幕尺寸
保持字体, 颜色值的一致性
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,916评论 25 709
  • 官网中文版 1 简易天空替换## 技能:线性擦除,追踪运动,用颜色键K出人物,用色彩曲线调色。(1)天空图片素材放...
    朱细细阅读 10,983评论 4 82
  • 一、工作区和工作流程 1.工作区和面板 保存、删除、重置工作区停靠、编组、浮动面板 2.首选项 常规、预览、导入、...
    朱细细阅读 7,747评论 0 52
  • 公司来了位阿姨,姓刘,60多岁了,半白的头发,个子不高,瘦瘦的,很精干的样子。每周来一天,帮忙整理公司的资料,档案...
    花妖呀阅读 645评论 0 7
  • 我说生活每天都在过。 你问我,努力为什么, 我说别害怕,只要向前走。 你问我,爱情有什么意义, 我说没有意义,只希...
    南蛮男阅读 213评论 0 0