properly-organizing-folders-photoshop-1

不论是在现实世界中,还是在数字领域里,有效可靠的文件管理都是高效操作的重要前提。从文档的结构到命名方式,从Photoshop的每一个图层的顺序到CSS的每一行代码,有效的组织结构是高效的先决条件。这种说法是有道理的。想想当你碰到下面几种情形时候的心情吧:

·由于你无法确定所需安装字体的文件夹,导致你无法编辑PSD中的文本图层

·你想替换某个已经被你栅格化的图层,但是你找不到最初的图片和素材

·你无法确定最终版的PSD到底是哪一个,因为你的文件夹里面的PSD名字分别为“这是最终版.PSD”“最终的最终版.PSD”“最终版在这里.PSD”“不会有其他版本了就是这个.PSD”以及“未标题-1.PSD”

如果你经常碰到以上情况以及类似以上的情况,那么你真的需要了解一下高效设计师的Photoshop文件夹整理术。

1、组织文件夹

就是为了避免这些情况发生,你需要制定规则,而最基本的规则,是制定并坚持使用简单的文件夹结构,所有项目都这么用。当然,每个人的方式都不一样,下面的是我的组织方式。

客户文件夹

folder-structure_client_02@2x

最上一层文件夹是根据客户来划分的文件夹。在这些文件夹当中,是每个客户所对应的项目文件夹。(e.g. “XX产品设计”,或者“2015圣诞节专题”)

项目文件夹

folder-structure_project_02@2x

在项目文件夹当中,我会放置两种类型的文件夹,一种是存放资源素材的,另外一种功能性的设计相关文件夹。设计项目通常需要一套系统的解决方案,比如带有邮件系统的网站设计,在设计这样的项目的时候,我会将一整套的功能性文件夹组复制到这个文件夹里面来。

素材文件夹

folder-structure_assets_02@2x

素材文件夹当中所存放的,通常是项目的摘要说明、需求说明、计划方案、图片、视频、文案以及所有相关的文档和素材。

设计相关文件夹

folder-structure_design-format_03@2x

设计过程中产生的相关文档都存放在这里面。只有最终的PSD会放在这个文件夹的根目录当中,过程中产生的其他的文档都存放在相应的子文件夹里面。

/Archive (归档)

file-type_archive@2x

将旧的PSD文档、故事板和展示文档都存放在这个文件夹里面。

/Design-Assets (设计资源)

file-type_design-assets@2x

将主要的设计用的支持文件存放在这个文件夹里面,比如字体、图标集和相关的PSD文档。

/Dev-Assets (开发资源)

file-type_dev-assets@2x

这个文件夹主要放置哪些开发相关的资源,比如SVG文档、优化过的图片和视频等。

/Inspiration (灵感)

file-type_inspiration@2x

这个文件夹主要是一些提供灵感的素材和文档,比如情绪板、截图、UI模式等等。

/Storyboards (故事板)

file-type_storyboard@2x

这个文件夹主要放置故事板和后续的展示用的文档。

/UX (用户体验)

file-type_ux@2x

我会在这个文件夹里面放置一些笔记、线框图、用户历程和用户流程。

2、文件命名

搞定了文件夹的体系之外,你还需要制定文件命名的规则。一个可靠的命名可以便于你去搜索和识别,尽管在用词和缩写上有你的个人偏好,但是下面的一些规则应该会对你有所帮助:

以一个PSD为例,命名里面包含了客户名,项目名,项目类型和版本号:

designer-naming-convention-psd@2x

而图片和故事板也采用了类似的方式,在项目类型后面还加上了素材和资源的类型:

designer-naming-convention-storyboard@2x

无论是哪年的设计项目,使用这种命名方式都可以很快定位到特定客户、特性项目和特定类型的文档,容易记也容易找。

Organising-Files_02@2x

多做整理几次你的设计文件夹,养成良好的习惯并且安利你的合作者与同事,效率提升会相当明显的。

【技多不压身的设计师才有高薪资!】

  1. 平面设计:《超赞!设计师完全自学指南》
  2. 交互设计:《交互设计师修炼指南!教你从零开始成为优秀交互设计师》
  3. UI设计:《超实用新手指南!零基础如何自学UI设计?》
  4. 前端开发:《天猫高手来教你!零基础如何系统地学习前端开发?》
  5. 抠图技巧:《从菜鸟到高手!PHOTOSHOP抠图全方位攻略》
  6. 配色方案:《色彩搭配速成!3个实用方法帮你全面搞定配色》
  7. DPI指南:《基础知识学起来!为设计师量身打造的DPI指南》
  8. 交互设计自学路径图:《零基础入门!给非科班生的自学路径图之交互设计篇》

原文地址:speckyboy
原文作者:Erlen Masson
优设译文:@陈子木

uisdc-hao

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量104万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

点赞
收藏 9

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
相关推荐
评论 收藏