參考線、格點和智慧型參考線概觀

上次更新時間 2025年12月2日

了解參考線、格點和智慧型參考線如何協助您在 Adobe Photoshop 專案中精確定位並對齊元素,進而獲得專業的版面和設計。

什麼是參考線、格點和智慧型參考線?

在 Photoshop 中建立專業設計時,精確的對齊和定位至關重要。Photoshop 提供三種功能強大的對齊工具:參考線、格點和智慧型參考線,可協助您建立完美對齊的版面,無須猜測。

這些視覺輔助工具會以非列印線條或點的形式顯示在影像上方,為精確定位元素提供參考點。每種工具都有其獨特的用途,同時相互配合幫助您建立精緻的專業設計。

參考線

參考線是可自訂且可移動的線條,能協助您精準定位特定元素。不同於具有固定結構的格點,參考線可以精確放置在您所需的位置。

參考線的關鍵特性:

  • 顯示為浮動在影像上方的非列印彩色線條
  • 可以在精確座標處水平或垂直放置
  • 可以根據需要移動、鎖定或移除
  • 可以使用不同顏色自訂以組織版面配置
  • 在 8 個畫面像素內拖曳時,元素會貼齊參考線

當您需要在不同圖層間對齊元素,或是建立不依循一般格點圖樣的自訂版面時,參考線格外有用。例如,設計網站視覺稿時,您可以放置參考線以標記不同內容區段的邊界。

格點

格點可在整個版面上提供一致且等間隔的線條圖樣。這非常適合用於建立對稱版面,或確保元素之間的間隔一致。

格點的關鍵特性:

  • 在整個版面上會以非列印線條或點的統一圖樣顯示
  • 保持線條之間的一致間距
  • 幫助建立對稱的版面配置並保持比例
  • 可將相同的格點圖樣套用至所有影像
  • 啟用貼齊功能時,元素會貼齊格線

在設計介面、具有重複元素的版面,或需要在設計中維持一致的比例時,格點格外實用。

智慧型參考線

智慧型參考線是動態對齊輔助工具,會在需要時自動顯示。其可協助您根據物件之間的相對位置對齊物件,不需要手動放置參考線。

智慧型參考線的關鍵特性:

  • 在建立或移動形狀、選取範圍或圖層時自動出現
  • 協助將物件對齊其他物件的邊緣或中心
  • 使用輔助按鍵時,會顯示元素之間的距離
  • 提供即時的對齊關係回饋
  • 可依需要切換開啟或關閉

當您需要快速對齊多個元素,或以特定的相距距離放置物件時,智慧型參考線特別有用。