萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 手繪教學

Photoshop 藍色系 UI 圖標設計展示(30 款)

作品集展示

30 款藍色系 UI 圖標,涵蓋應用圖標、功能圖標、裝飾圖標,風格統一採用扁平化與微立體結合,色相鎖定在藍綠至藍紫區間,適合 App 介面、網站後台、儀表板設計參考。

設計規範觀察

  • 色相統一:H 200°-250°,S 60-90%,B 40-80%,形成強烈品牌識別度。
  • 圖形語言:圓角矩形容器、幾何圖形組合、2.5D 微立體(長投影/內陰影)、線性/面性圖標混用。
  • 視覺重心:主圖形置中,留白比例一致(約 15-20% 安全邊距)。
  • 狀態擴展:部分圖標提供默認/懸停/按下/禁用四態,展示交互狀態設計思維。

應用建議

建立「藍色系圖標元件庫」(Figma/Sketch/PS 元件),定義顏色變數、圓角變數、陰影變數,實現一鍵換膚與批量更新。

copyright © 萬盛學電腦網 all rights reserved