「參考案例」與「素材」是設計師的彈藥庫，但多數設計師的素材庫要麼是「亂糟糟的垃圾場」，要麼是「吃灰的數字墳墓」。科學分類與明確功能定位，是將素材庫從「存儲負擔」轉化為「創作加速器」的關鍵。本文提出一套可落地的分類體系與功能映射表。

一、 核心區分：參考案例 ≠ 素材

維度	參考案例	素材
定義	完整/局部的優秀設計作品（網頁、海報、APP、包裝、空間等）	可直接使用/改造的原子化視覺元素（圖片、圖標、紋理、字體、模板、代碼片段）
核心價值	提供「設計決策參考」（佈局邏輯、配色策略、交互模式、信息架構、品牌調性表達）	提供「生產現成資源」，縮短執行工時
收集對象	優秀作品、競品分析、跨領域啟發、歷史經典、獲獎作品	免版權圖片、圖標庫、字體文件、UI Kit、樣機模板、代碼片段、紋理材質
更新頻率	低頻、高質（精選入庫）	高頻、大量（批量入庫）
檢索方式	按專案類型/行業/風格/功能模塊/設計難點/決策邏輯	按文件格式/尺寸/色系/主題/授權類型/用途場景

二、 參考案例分類體系（六維標籤法）

建議使用 Notion/Eagle/Obsidian 等工具，為每個案例打上六組標籤：

1. 專案類型：官網/Banner/海報/APP/小程序/包裝/空間/品牌VI/動態設計/展覽/字體設計…
2. 行業屬性：科技/電商/金融/教育/醫療/文娛/快消/政府/非營利/個人IP…
3. 風格標籤：極簡/瑞士風/新粗野/酸性設計/賽博龐克/復古/未來感/插畫風/字體設計導向/攝影導向…
4. 功能模塊：首屏/導航/表單/數據可視化/引導流程/空狀態/錯誤頁/個人中心/支付流程/分享頁…
5. 設計難點/亮點：複雜信息架構/多語言適配/無障礙設計/動效系統/暗黑模式/響應式斷點/品牌聲音視覺化/數據驅動設計…
6. 決策邏輯標註：關鍵！ 在案例圖上標註：為什麼這裡用這種佈局？配色邏輯什麼？交互如何引導？字體層級如何建立？這才是案例的真正價值。

三、 素材分類體系（五維屬性法）

文件夾結構/標籤系統建議：

1. 格式類型：AI/PSD/Sketch/Figma/XD/SVG/PNG/JPG/TTF/OTF/WOFF/JS/TS/Vue/React/HTML/CSS…
2. 授權屬性：極重要！ CC0/CC BY/CC BY-SA/商用授權/個人項目授權/團隊授權/企業授權/禁用。每個素材必須掛載授權證明/來源鏈接。
3. 主題/風格：商務/科技/醫療/教育/生活/自然/抽象/幾何/節日/節氣/色系/季節…
4. 技術規範：尺寸規格（1x/2x/3x/@2x/@3x）、色彩模式（RGB/CMYK/Lab）、色域、命名規範、組件化程度（原子/分子/有機體/模板/頁面）。
5. 用途場景：Hero Banner/圖標系統/插畫系統/裝飾紋理/樣機展示/原型占位/代碼片段/動效預設…

四、 功能映射表：什麼時候用什麼？

設計階段	核心需求	調用對象	具體動作
項目啟動/競品分析	理解行業慣例、發現差異化機會	參考案例	按行業/專案類型篩選，重點標註「決策邏輯」，產出《競品分析報告》
方案發散/構思	尋找視覺靈感、佈局參考、交互模式	參考案例	按風格/功能模塊/設計難點篩選，建立「情緒板」與「邏輯板」雙板並行
方案定型/細化	驗證具體決策（如：這個表單佈局是否最優？）	參考案例	精準檢索同類功能模塊案例，對比優劣，形成設計論據
執行產出/視覺落地	獲取現成圖片/圖標/字體/樣機/代碼	素材	按格式/授權/規範/場景精準檢索，直接拖拽使用/微調
設計系統構建	提煉可復用組件/規範/Token	參考案例 + 素材	從優秀案例逆向提煉規範，從優質素材標準化封裝組件
移交/交付	提供開發可用資源/標註	素材（標註文件/切圖/代碼片段/設計Token）	按開發需求導出標準化交付包

五、 維護機制：讓素材庫「活」起來

• 週度清理：清空下載文件夾，按規範重命名、分類、打標、入庫。
• 月度精選：從參考案例中選出 5-10 個「本月最佳」，寫入《靈感通訊》分享團隊，強制自己深度解碼。
• 季度審計：清理失效鏈接、過期授權、低質素材、重複文件。更新授權信息。
• 專項專題：針對當前專案難點（如「複雜表單設計」「暗黑模式適配」），專項整理專題素材包，專案結束後歸檔或併入常規庫。

結語：素材庫是設計師的第二大腦

一個科學分類、功能清晰、持續維護的素材庫，不只是文件夾集合，是設計師外掛的認知系統、沉澱的經驗資產、應對不確定性的確定性工具。從今天開始，花 2 小時重構你的素材庫架構，建立六維標籤與五維屬性，制定維護節奏。三個月後，當你再次面對棘手專案時，你會發現：靈感不再是等來的，是查來的；方案不再是憑感覺，是有據可依。這，就是專業設計師與業餘愛好者的分水嶺。