素材整理術!如何科學優雅地管理設計文件? - 特级毛片www,色综合天天综合网,国产成人综合亚洲 - UISDC

素材整理術!如何科學優雅地管理設計文件?

2015/06/10 33622評論區

design-file-management-1

始終相信作為一名設計師,所有經由我手產出的東西,都必須是被我精心設計過的——不僅僅是最終的視覺稿或標注,而是在整個工作流程中,每一份文件都應該做好接收眾人審視的準備。讓自己的工作更有邏輯性,更高效,也讓拿到你文件的同事或者客戶一秒看懂你的文件結構找到他們需要的東西,易于修改和補充,並且露出“哇看起來好專業”的星星眼。

本文為作者授權儒墨堂發布,未經作者本人授權請勿轉載,謝謝 ︰)

為新項目建立 6 個文件夾

如果是一個完整的新項目,我一定會一開始就設好這幾個文件夾,不過對于一些日常迭代的需求,則會做適當刪減。

  1. docs?︰放置需求文檔、多語言文案、產品數據、競品分析、郵件歸檔
  2. spec?︰交互文檔
  3. mockup?︰視覺源文件
  4. output?︰截圖、展示用的完整視覺稿、change log
  5. measurement?︰視覺標注
  6. assets?︰切圖

(@JJ Ying 提到每個文件夾里都可以再有一個archive的子文件夾,用于存放舊版或不再需要的文件,這是個非常棒的建議)

再建立 4 種不同用途的源文件

1、標準文件名_for_me.sketch?︰(給自己的工作台)

這是創作過程中的文件,我會按照主流程的順序,一個環節放在一個page;把自己需要用到的一切素材和靈感放在叫 Mood Board 的page里(個人覺得用工具不如全部拖進sketch里來的直觀);那些實驗性的創作半成品則放在一個叫 EX 的page里,總之,這是給我自己看的文件,就像有些混亂的工作台,把所有需要的東西都放在觸手可及的位置。

2、標準文件名_measurement.sketch?︰(視覺標注)

這是為開發者準備的文件,我會從設計稿中提取通用的組件做統一標注,再針對單獨頁面,分別從縱向布局、橫向布局和視覺樣式的三個維度來說明一個頁面。

3、標準文件名_mockup.sketch?︰(正式視覺稿)

這是為所有人準備的文件,當需要和同事合作或向團隊展示進度時,我會從自己的sketch文件中把確定的界面整理到這里,每個頁面按照版本號排列。

4、標準文件名_style_guide.sketch?︰(Style Guide)

設計完成後,制定 Style Guide,不僅說明規則,也列舉出可以多次復用的組件,方便自己和團隊高效的完成後續的迭代,同時保持設計的一致性。

文件命名規則

說完文件夾結構,再來看看文件和文件內的命名規則 —— 沒辦法,我強迫嘛。

文件名

  • 交互文檔︰產品名_平台_產品版本號_ui_spec_文檔版本號/文檔修改日期.pdf/sketch

例︰ae_android_4.0_ui_spec_20150101.pdf

  • 視覺稿︰產品名_平台_產品版本號_mockup_文檔版本號/文檔修改日期.pdf/sketch/jpg/png/psd.ai

例︰ae_ios_4.0_mockup_v2.4.sketch

(如果不同平台的設計或不同版本的放在了一個源文件中則做適當刪減就好)

頁面名 & 畫板名

  • 頁面可以根據主流程或者版本號或者其他維度來區分。
  • 畫板則最好遵守文件一樣的命名規則︰流程/場景_操作/說明_狀態,這樣方便將畫板隨時導出,不必慌慌張張的批量改文件名。

圖層名

把每一個屏幕的內容按照功能分區,一個個 group 起來,排排坐,吃果果。注意同一組件在不同平台里可能叫法不一樣。比如 Web 端我們有 header、main content 和 footer,但是?iOS 里的 navigation bar 是在天上的,Android 里卻是指地上的那三個原生按鈕。

熟記好不同平台的結構,不然跟工程師 buddy 手舞足蹈說了半天才發現在說不一樣的東西。(當然也可以直接叫 top 和 bottom,這樣就比 header 和 nav_bar 都要簡短也不易混淆)

同時熟練地利用 sketch 里的 symbol 功能,要會聰明的偷懶。

DOs & DON’Ts

  1. 使用小寫和下劃線(或減號,只要和你的工程師保持同步就好),不要出現空格和特殊字符
  2. 使用簡短的單詞描述功能/屬性而非樣式,比如「btn_pressed」而非 「btn_blue」
  3. 用具體日期或者版本號做為後綴,不要隨意寫成「修改1」「修改2」「最新」「最新新」「最最新」

~設計工作流程是我非常著迷的東西,不僅僅要拿出有說服力的作品,整個創作過程也應該處處散發著 “專業” 的精神,如果你有任何想法都請隨時與我探討~

Happy Designing!

【免費字體下載排行榜】

Top 1︰人氣超高的35款英文字體免費下!

Top 2︰春節期間的特供中文字體,年味十足!

Top 3︰字體腫麼用?來惡補基礎先!

原文地址︰

【特级毛片www,色综合天天综合网,国产成人综合亚洲 原創资讯 投稿郵箱︰02-8993-5275@qq.com】

================關于特级毛片www,色综合天天综合网,国产成人综合亚洲================
“特级毛片www,色综合天天综合网,国产成人综合亚洲“是國內人氣最高的網頁設計師學習平台,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書︰史上最全的設計師圖書導航︰。
設計微博︰擁有粉絲量96萬的人氣微博 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航︰全球頂尖設計網站推薦,設計師必備導航︰
———————————————————
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的”福利”嗎?
添加 優秀網頁設計 微信號︰【rumotan】儒墨堂哥的全拼
您也可以通過掃描下方二維碼快速添加︰

sdcweixin

儒墨堂大課堂

非特殊說明,本文版權歸原作者所有,轉載請注明出處
本文地址︰http://www.rumotanartist.com/design-file-management

發表評論 加載中....

評論加載中....

uisdc

評論區都快餓癟了,看看我期盼的小眼神...

版式設計 交互設計師 界面設計 排版布局 職場 設計師干貨 儒墨堂專訪 儒墨堂大課堂 設計達人 配色 視覺設計 web前端開發 素材下載 AI教程 設計流程 設計理論 神器下載 字體下載 設計師專訪 psd下載 設計規範 用戶體驗設計 海報設計 平面設計 設計趨勢 動效設計 logo設計 圖標設計 ICON 產品設計 神器推薦 App設計 字體設計 職場規劃 酷站推薦 交互設計 ui設計 優秀網頁設計 設計師職場 ps技巧 酷站 用戶體驗 PS教程 網頁設計 經驗分享

您還沒有登錄

儒墨堂啟用更安全省心的 微信掃碼登錄

微信掃碼

300萬設計師聚集地!特级毛片www,色综合天天综合网,国产成人综合亚洲是極具人氣的設計師平台
2012年成立至今,一直專注于設計師的學習成長交流

特级毛片www|色综合天天综合网|国产成人综合亚洲

打開微信,掃碼分享
學設計 特级毛片www,色综合天天综合网,国产成人综合亚洲 在這里