進行網頁或 UI 設計時,繪製參考線(特別是柵格系統)往往需要逐條計算、手動拖曳,相當耗時。Griddify 這款 Photoshop 擴充套件能一鍵生成各種間距的參考線,支援水平/垂直平分、選區區域劃分、內外偏移等功能,操作極其直觀,大幅提升排版效率。
Griddify 介面與核心功能


1. 柵格
- 輸入柵格數值(像素),點擊 Griddify 按鈕自動繪製。
- 多組數值以空格分隔,可一次產生複雜柵格。


2. 分割
- 垂直分割:將畫布垂直等分。
- 水平分割:點擊圖示切換狀態,水平等分。
- 水平 + 垂直分割:同時生成雙向等分線。



3. 內外分割
- 輸入正數:向內偏移分割。
- 輸入負數:向外偏移分割(例:-30 會向外擴展 30 像素)。


相容性與安裝
- 支援 Photoshop CS6、CC、CC 2014(若 CC 2014 無法安裝請參考官方說明)。
- 安裝步驟:
- 開啟 Adobe Extension Manager(若無請先下載安裝)。
- 下載 Griddify 安裝包。
- 解壓後雙擊
Griddify-1.0.0-beta.3.zxp 安裝,過程中若提示錯誤請直接點擊繼續安裝。
- 重啟 Photoshop,在「視窗」→「擴充功能」中選擇 Griddify 即可啟用。
掌握 Griddify,讓參考線繪製不再是設計流程的瓶頸。