兩週衝刺、兩枚作品、入選 Iconfans 徵件。本文復盤完整設計流程，提煉出「題材確立 → 風格定調 → 技術實現」三階段方法論，並分享臨摹、PSD 解構、教程學習、細節堆疊四大速成路徑，最後附上入選作品與像素級檢查清單。

階段一：確立題材——從需求反推創意核心

動筆前先自問四個關鍵問題：

1. 設計動機？商業需求還是個人練習？
2. 核心傳達訊息為何？
3. 題材能否精準承載訊息？
4. 客觀限制（時間、複雜度、輸出尺寸）允許嗎？

帶著問題瀏覽優秀作品（Dribbble、Behance、Pinterest），草稿紙快速發散，再依限制條件篩選 2-3 組備選方案。若非商業案，優先選擇「自己感興趣」的題材，內驅力是持久創作燃料。

階段二：定調風格——主觀與客觀的雙重篩選

風格決定視覺語言：

• 趨勢導向：當下流行寫實、扁平、Material、Neumorphism？
• 主題導向：金屬質感表達科技感、手繪風表達溫度、低多邊形表達現代感。
• 形式選擇：單體物件 vs. 微場景、配色方案、趣味性注入點。

題材與風格相互纏繞，大量瀏覽優秀作品、反覆草稿是必經之路。前期思考越深，後期返工越少。

階段三：技術實現——新手四條速成捷徑

1. 臨摹大神作：挑最頂尖作品，觀察光源、配色、圖層結構再動手，效率遠超臨摹平庸作。
2. 拆解 PSD：下載開源 PSD，逆向推導圖層樣式如何打造金屬、高光、投影。
3. 跟隨優質教程：Tuts+、PSDTuts、Medium 設計頻道、B 站大神實況。
4. 耐心堆疊細節：1px 高光、漸變疊加、雜訊材質、銳化邊緣，量變引質變。

像素級交付檢查清單（PS 筆記）

• 路徑對齊像素網格，避免模糊邊緣。
• 高飽和、高對比、豐富色階，小尺寸下仍清晰可辨。
• 多尺寸輸出時（16/32/64/128/256/512/1024px）檢查縮放後細節保真度，必要時手動微調。

實戰成果展示

左：科技感寫實筆電圖示；右：手繪風咖啡微場景。兩風格並行驗證方法論通用性。