魔方是練習 Illustrator 等軸測繪圖、批量複製變換、路徑查找器布林運算的經典案例。本教程拆解從單一立方體到 3×3×3 魔方陣列的完整構建邏輯，強調「最少繪製、最大復用」的向量思維，並解析選取工具、智能參考線、鍵盤微移等效率技巧。

核心幾何邏輯：等軸測立方體拆解

• 等軸測立方體 = 1 個正方形（頂面）+ 2 個平行四邊形（左/右側面）。三面角度固定：120° 間隔。
• 無透視失真：所有平行線保持平行，適合技術插畫、圖標、資訊圖表風格。

分步構建流程

階段 1：單一立方體單元（步驟 1）

1. 矩形工具按 Shift 畫正方形（頂面）。
2. 鋼筆工具畫左/右側面平行四邊形：垂直邊等長，傾斜角 ±30°（或用「效果 > 3D > 旋轉」預設等軸測預設快速生成再展開）。
3. 三面顏色區分：頂面亮、左面中、右面暗，建立基礎光影關係。
4. 全選 Ctrl/Cmd + G 群組，縮放至適當尺寸（如 30px 高）。

階段 2：單面 3×3 陣列（步驟 2–3）

1. 選取頂面正方形，按 Alt/Option 拖動水平複製，智能參考線吸附對齊，形成 3 橫排。再整體 Alt/Option 向下複製 2 次，形成 3×3 九宮格。
2. 同法處理左/右側面平行四邊形，注意保持相對位置精準咬合，無縫隙、無重疊。

階段 3：三面整體組裝（步驟 4–5）

1. 左/右側面同樣建立 3×3 陣列，利用智能參考線（水平/垂直/45° 輔助線）確保複製精準。
2. 選取三面 3×3 群組，整體移動咬合：頂面朝上，左面連接頂面左邊，右面連接頂面右邊。方向鍵微調（每步 1px）修正像素級錯位。

階段 4：打亂配色（步驟 6）

• 色板面板準備 6 色：經典魔方紅/橙/黃/綠/藍/白，或自定義配色方案。
• 油漆桶工具 (K) 逐格點擊上色，或選取同面同色塊批次填色。利用「選取 > 相同 > 填色」快速選取同色塊統一調整。

效率技巧深度解析

操作	技巧	效率提升
多物件選取	選取工具框選 / Shift 點選 / 選取 > 相同	避免逐個點擊，支援屬性批量編輯
等比例縮放	拖動角點時按 Shift	保持幾何比例，防止變形
精確複製定位	Alt/Option 拖動 + 智能參考線吸附	無需輸入座標，視覺化精準對齊
鍵盤微移	方向鍵（預設 1px），Shift+方向鍵（10px）	像素級修正，比滑鼠更可控
45° 约束移動/複製	拖動時按 Shift，輔助線提示	保持等軸測網格對齊

進階擴展：參數化魔方系統

• 動態符號： 將單一小立方體存為「動態符號」，9×3=27 個實例引用同一源，修改源符號（如圓角、描邊）即時更新所有實例。
• 腳本自動打亂： JS 腳本隨機打亂 27 個實例的顏色屬性，一鍵生成無限變體。
• 動畫就緒結構： 圖層命名 `Cube_Row1_Col1_Layer_Top`，配合 Bodymovin/Lottie 導出旋轉動畫。
• 擴展至 N 階： 同邏輯構建 4×4×4、5×5×5 魔方，僅需調整陣列循環次數。

魔方教程看似簡單，實則蘊含向量設計的核心智慧：原子單元標準化 → 幾何邏輯陣列 → 參數化變異 → 系統化管理。這套方法論同樣適用於模組化 UI 組件庫、等軸測建築插畫、像素藝術放大、參數化圖案設計等諸多商業場景。