輔助線是版面佈局的隱形骨架。本文系統梳理輔助線的精確建立、旋轉、鎖定、顯隱、顏色樣式設定，並進階介紹「新增輔助線」數值定位（支援百分比、黃金分割）、Shift 對齊像素、動作腳本生成 960 網格、JSX 腳本自定義間距、GuideGuide 擴展面板管理預設，助你從「隨意拉線」邁向「精準佈局」。

基本操作速查

• 新增：標尺拖出（不精準）vs 選單「視圖 > 新增輔助線」輸入數值/百分比（精準）。
• 刪除：拖出視圖外或「視圖 > 刪除輔助線」。
• 旋轉：按 Alt 拖動可 90° 切換橫向/縱向。
• 鎖定/顯隱：「視圖 > 鎖定輔助線」/ Ctrl+H 切換顯示。
• 設定：「偏好設定 > 輔助線與網格」或雙擊輔助線（可能微移）。

進階定位技巧

• 百分比定位：50% 畫面中線、38.2%/61.8% 黃金分割線。
• 像素對齊：拖動時按 Shift 自動吸附標尺刻度。

黃金分割示意

自動化網格系統

動作

960.gs 提供 .atn 動作生成固定寬度網格。需居中時：先跑動作 → 「圖像 > 畫布大小」水平兩側等量擴展，輔助線即居中。

JSX 腳本

下載 NumberGuidesGrid.jsx（GitHub Gist），「檔案 > 腳本 > 瀏覽」執行，輸入垂直間距/寬度，水平可輸 0，極度靈活。

GuideGuide 擴展

免費面板（需 Adobe Extension Manager 安裝），支援規律輔助線建立、預設保存管理，「視窗 > 擴展 > GuideGuide」啟用。

延伸閱讀

• 《秩序之美——網頁中的網格設計》
• 《柵格系統與版式設計》

一句話總結：離你越近的地方，路途越遠；最簡單的音調，需要最艱苦的練習。