參考線是版面佈局的隱形骨架。Illustrator 提供「新建參考線」對話框,可輸入精確座標、選擇方向、設定顏色,比滑鼠拖曳更精準、可複現。本技巧教你建立「像素級精確」的參考線系統。
操作方法
- 開啟對話框:「檢視」→「參考線」→「新建參考線」或 Ctrl+Shift+; (視版本)。
- 輸入精確數值:
方向:垂直/水平 → 位置:輸入具體座標(如 120 px、50%)、或勾選「相對於邊緣」輸入偏移量。
顏色:自訂顏色區分不同系統(如紅=邊界、藍=欄位、綠=基線)。
- 批量建立:重複開啟對話框,或使用「動作」面板錄製「新建參考線」步驟,批次生成模組化網格系統。
進階管理
- 鎖定/解鎖參考線:「檢視」→「參考線」→「鎖定參考線」(Alt+Ctrl+;),防止誤移。
- 清除參考線:同選單選「清除參考線」一鍵重置。
- 另存為範本:建立好標準網格(如 12 欄、8px 基線網格)的文件,另存為 .ait 範本,新專案直接套用。
實戰場景
- 響應式網頁斷點線(320/768/1024/1440 px)。
- 印刷品出血線、裁切線、安全區線。
- 圖標設計:基準線、x-height、大寫高、下延線精確定位。
「好版面靠參考線,好參考線靠數值」。拋棄滑鼠手感,擁抱數值化佈局,設計精度與複用性雙贏。