手動拖曳參考線、計算柵格間距是版面設計的隱形時間殺手。Griddify 這款免費 Photoshop 擴展，能以參數化方式秒級生成複雜柵格、等分參考線、內外偏移分割，支援 CS6 至 CC 2014+ 全版本。本文詳細演示核心功能與操作邏輯。

安裝與啟動

下載 Griddify.zxp，雙擊由 Adobe Extension Manager 安裝（CC 2015+ 需用 ZXP Installer）。重啟 PS，選單 窗口 > 擴展功能 > Griddify 打開面板。

四大核心功能模塊

1. 柵格生成

輸入像素值（如 60）點擊「Griddify」即生成等寬柵格。支援多值組合（如 60 20 60 產生「寬欄-窄溝-寬欄」節奏），更可基於當前選區範圍生成局部柵格。

2. 等分分割

輸入分割數（如 12），點擊垂直/水平圖示，畫布瞬間被等分為 12 欄/行。雙擊圖示切換垂直/水平模式，同時啟用生成十字交叉網格。

3. 內/外偏移分割

輸入正值（如 30）向內縮進生成邊距參考線；輸入負值（如 -30）向外擴展，快速標示出血線、安全區。

4. 兼容性與持久化

支援 PS CS6/CC/CC2014/CC2015/CC2017/CC2018/CC2019/2020/2021/2022/2023/2024。參考線隨文檔保存，團隊協作零成本同步。

工作流整合建議

• 將常用柵格預設（如 960gs 12 欄、Bootstrap 12 欄）存為動作，分配快捷鍵 F2~F4。
• 配合「視圖 > 吸附 > 參考線」，元件對齊零誤差。
• 專案啟動時執行一次 Griddify，全流程受益於精準骨架。

拒絕手工算間距，擁抱參數化版面佈局新習慣。