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 個字
 
 
載入中....
相關推薦
評論 收藏