13
规范的图层结构; 将通用部分模板化; 素材独立存放; 将设计元素文档化; 关于设计规范; PhotoShop 使用经验谈:

PhotoShop 下的产品设计经验

Embed Size (px)

Citation preview

Page 1: PhotoShop 下的产品设计经验

• 规范的图层结构;

• 将通用部分模板化;

• 素材独立存放;

• 将设计元素文档化;

• 关于设计规范;

Pho to Sho p 使用经验谈:

Page 2: PhotoShop 下的产品设计经验

规范的图层结构:

一个良好的 psd文档应当具备的基本要素:

• 整齐的图层排列顺序;

• 清晰的模块分类;

• 统一有序的命名方式;

• 适应随时修改的需要;

Page 3: PhotoShop 下的产品设计经验

规范的 PSD文档:严谨的分类,有序的命名

Page 4: PhotoShop 下的产品设计经验

无规律的文档结构

Page 5: PhotoShop 下的产品设计经验

将通用部分模板化:

模板化的目的:

便于文档内统一设计、团队协作、快速修改;

方法:

使用智能对像;

Page 6: PhotoShop 下的产品设计经验

智能对像:

Page 7: PhotoShop 下的产品设计经验

素材独立存放:

在前期设计阶段结束后,后续不断完善的细节修改处理

例:客户端软件,切图部分;

Page 8: PhotoShop 下的产品设计经验

将设计元素文档化:

目的:提供给前端开发,产品设计人员,其它设计师

范围:图表,按钮,表单,对话框样式等等;

Page 9: PhotoShop 下的产品设计经验

关于设计规范:

* 任何开发、设计都有相应的规范,规范的形式应适应不同工作环

境的需要;

* 在做设计规范前应考虑好阅读对象;

* 严格的设计规范可大大降低错误的发生,但设计规范也应当有一

定的灵活机制;

Page 10: PhotoShop 下的产品设计经验

关于设计规范:

Windows 用户体验互动指南 :

http://msdn.microsoft.com/en-us/library/aa511279.aspx#

Page 11: PhotoShop 下的产品设计经验

关于设计规范:

Android图标设计规范 :

http://androidappdocs.appspot.com/guide/practices/ui_guidelines/icon_design.html

Page 12: PhotoShop 下的产品设计经验

关于设计规范:

新浪产品设计指南 :

http://dot.sina.com.cn/design_spec/

Page 13: PhotoShop 下的产品设计经验

附:透明图片查看器 - - PNGVie w