六邊形折疊效果常見於 Logo、圖標、資訊圖表，關鍵在於「折疊邊緣的虛實對比」與「六個面的幾何精度」。本教學展示一套可複用的標準化構圖流程，確保每個折角角度精確 120°、邊長一致、層疊關係邏輯自洽。

標準化構圖流程

1. 基準六邊形：多邊形工具點擊畫布 → 邊數 6、半徑 100 pt → 取消描邊、填充中性灰。
2. 分割六面：
   – 畫三條穿過中心的直線（0°、60°、120°），全選 → 「路徑查找器」→「分割」。
   – 得到 6 個等邊三角形，各自獨立圖層命名 Face 1-6。
3. 建立折疊邊緣：
   – 選取 Face 1 → 「物件」→「路徑」→「偏移路徑」-2 pt → 獲得內縮三角形。
   – 原 Face 1 填充較亮色（受光面），內縮形填充較暗色（折疊側面）。
   – 其餘 5 面同法，依光源方向決定亮/暗面分配（如光源左上，Face 1、2、6 亮；3、4、5 暗）。
4. 統一折疊寬度：全選內縮形 → 吸管工具 (I) 按 Shift 吸取首個暗面顏色，確保折疊邊寬度與色值完全一致。
5. 中心點處理：六面內縮形交會中心會有微小縫隙/重疊，畫一個小正六邊形填充中間色蓋住，或用「形狀建立工具」清理。

進階變化

• 立體厚度感：為每個暗面再偏移一次（-1 pt），填充更暗色，形成「面-側-底」三層結構。
• 材質貼圖：建立紋理符號 → 封套扭曲映射至各面 → 透明度「疊加」。
• 動畫就緒：將 6 個 Face 依序命名、分層，匯出 SVG 配合 CSS/GSMAP 實現展開/折疊動畫。

標準化流程讓創意專注於「配色與光影設計」，而非糾結幾何精度。收藏此工作流，下次畫蜂巢、晶體、科技感圖標直接套用。