作品集展示
30 款藍色系 UI 圖標,涵蓋應用圖標、功能圖標、裝飾圖標,風格統一採用扁平化與微立體結合,色相鎖定在藍綠至藍紫區間,適合 App 介面、網站後台、儀表板設計參考。
設計規範觀察
- 色相統一:H 200°-250°,S 60-90%,B 40-80%,形成強烈品牌識別度。
- 圖形語言:圓角矩形容器、幾何圖形組合、2.5D 微立體(長投影/內陰影)、線性/面性圖標混用。
- 視覺重心:主圖形置中,留白比例一致(約 15-20% 安全邊距)。
- 狀態擴展:部分圖標提供默認/懸停/按下/禁用四態,展示交互狀態設計思維。
應用建議
建立「藍色系圖標元件庫」(Figma/Sketch/PS 元件),定義顏色變數、圓角變數、陰影變數,實現一鍵換膚與批量更新。