想練習 UI 圖標設計嗎？這篇教學帶你一步步完成一枚清新可愛的迷你藍牙音箱圖標，涵蓋形狀構建、材質質感、高光陰影與匯出規格，適合初學者實作練手。

草稿與構圖

先在紙上或圖層上快速畫草圖：音箱主體為圓角矩形，頂部有一排網格狀揚聲孔，底部有一圈指示燈環。確定比例約 1:1，畫布設 512×512 px，留足安全邊距。

矢量形狀構建

使用圓角矩形工具繪製主體，半徑 24 px。複製圖層縮小 90% 做內框，路徑運算「減去前方形狀」形成殼體厚度。頂部揚聲孔用矩形工具排列等距複製，再合併為單一形狀。

材質與光影

主體套用漸層疊加：左上 #E8E8E8 至右下 #B0B0B0，模擬鋁合金拉絲。內框加內陰影（距離 2px、大小 4px、不透明度 30%）。揚聲孔處加「圖案疊加」細碎噪點圖案，不透明度 15%。底部指示燈環用外發光（顏色 #00A8FF、大小 8px、範圍 50%）。

高光細節

新建圖層設剪貼蒙版，用 1px 白色筆刷在主體左上邊緣劃出細長高光，不透明度 60%。再在頂部邊緣加一條 2px 反光線，模擬環境光映射。

匯出與規格

完成後依平台需求匯出：iOS 需 29、40、58、76、80、87、120、152、180、1024 px；Android 需 mdpi/hdpi/xhdpi/xxhdpi/xxxhdpi 五組。建議輸出 SVG 供後續縮放不失真。