效果展示
核心步驟
- 矢量形狀繪製:使用形狀工具(矩形、橢圓、多邊形、自訂形狀)組合基本幾何體,按 Shift 保持比例,Alt 從中心繪製。
- 路徑運算:選取多個形狀圖層 → 右鍵 → 合併形狀 / 減去頂層 / 交疊形狀 / 排除重疊,快速生成複雜輪廓。
- 描邊設定:屬性欄 → 填色「無」 → 描邊選顏色 → 寬度 2-4 px → 類型「實線/虛線」 → 對齊「居中/內部/外部」。
- 端點/轉角風格:描邊選項 → 端點(平頭/圓頭/方頭)、轉角(尖角/圓角/斜角),決定視覺風格銳利或圓潤。
- 圖層樣式微調:可加 投影 增加浮雕感,或 外發光 製造霓虹感。
- 匯出 SVG:右鍵圖層 → 匯出為 SVG,向量無損應用於 Web。
設計原則
- 線條粗細統一(建議 2px/3px 基準)。
- 圓角半徑統一(如 2px/4px),保持視覺系統一致性。
- 留白呼吸感,避免細節過密。
- 善用對齊與分佈,確保幾何精準。
線性圖示以「少即是多」為核心,熟練矢量工具與路徑運算,即能高產出高質量圖示集。