優秀設計師手藝不一定比你好,但效率一定比你高。設計本質是「解決問題」,提升效率完全可以從四個環節切入:素材積累、設計流程、完稿輸出、文件管理。就像下廚:備菜(素材)、烹飪(流程)、出品(完稿)、收拾廚房(歸檔)——媽媽比你快,不只是手藝好,更是流程順、備料全。@Ping 老師手把手傳授實戰心法。
一、 素材積累:建立你的「彈藥庫」
三大分類目的
- 尋找靈感/參考:按場景分類——Awesome App、Website、Logo、Illustration、Typesetting……做 Profile 頁直奔 Awesome App/Profiles。
- 設計標準模板:源文件、字體、規範文檔、設備模板(iOS/Android PSD)、組件庫——新專案拖拽即用,快速搭建框架。
- 內容填充素材:頭像、風景、美食、商品圖……追求真實感,平時整理臨時用不慌不忙。
工具推薦:告別層層文件夾
作者使用 Ember (RealMac Software 出品),支援標籤、智能資料夾、快速預覽,遠勝傳統文件夾嵌套。
零積累怎麼辦?善用現成素材庫
- 界面模塊:pttrns.com (iOS/Android)、Android Niceties、Android Patterns
- 靈感:Pinterest、花瓣、Calltoidea
- 頭像:UI Faces
- 風景:500px
- iOS Icon:iOS Icon Gallery
- Apple 高清資源:iTunes Artwork Finder by Ben Dodson
二、 設計流程:工欲善其事,必先利其器
PS 介面佈局優化 (針對 UI 設計)
- UI 介面細長 → 工具欄設 2 列,縮短橫向移動。
- 圖層面板獨佔一欄 (最常用);歷史記錄同組默認隱藏。
- 屬性、資訊、色板、字符樣式歸組右側,高頻微調零距離。
- 工具條全靠快捷鍵,鼠標只在右側面板區活動,效率飛升。
堅持良好圖層命名:基本素養,拒絕「圖層 1、圖層 2 副本」
PS Action (動作) 自動化:一鍵搞定重複操作
- 快速拉參考線/設定 App 框架:搭配 GuideGuide、Griddify 外掛更強。
- 一鍵中英混排字體設置:iOS 中文「平方」+ 英文「San Francisco」;Android 中文「思源黑體」+ 英文「Roboto」。錄製 Action:先設英文字體,再設中文字體(順序關鍵),選中混排段落一鍵搞定。
Creative Cloud 庫:正版用戶的核武器
雲端同步:顏色、字體樣式、矢量圖標、元件 (Status Bar、分享圖標)……新專案拖拽即用,配色上 Adobe Color CC 同步到庫。效率提升不止一個數量級。
三、 文件管理:版本控制與歸檔規範
設計師噩夢:版本多、文件亂、找不到歷史稿。作者團隊執行「月度備份 + 專案制歸檔」,結構如下:
- 頂層按專案分資料夾
- 專案內分:01_需求文檔、02_設計源文件、03_輸出標註、04_切圖素材、05_其他
- 源文件再按「頁面/模塊/版本」細分
- 每月統一備份雲端/NAS,人員變動、硬體損壞數據萬無一失
四、 尾聲:理性輔助感性,把時間還給設計本身
我們常談設計的理性與感性,效率屬於理性範疇——用理性思維和工具輔助感性創作,才能產出更好作品。 文中分享皆為個人習慣積累,核心只有一個:極大降低無效時間浪費,把更多時間留給設計本身。 找到屬於你的「媽媽下廚法」,效率自會水到渠成。