觀察 ThemeForest 熱銷的 Avada、Enfold、Salient 三大 WordPress 主題，不難發現它們共享極相似的佈局模式：Logo 置左、導航置右、大幅輪播 Banner、嚴格遵循柵格系統。這類重複性極高的工作，正是 Velositey 這款 Photoshop 插件大展身手的舞台。

本文將詳細介紹 Velositey 的安裝配置、核心功能操作，以及如何結合 PS 原生特性（智能對象、調整圖層、圖層效果）進行非破壞性的高保真原型微調。

安裝與啟動

Velositey 僅支援 CS6 與 CC 版本，需先安裝 Adobe Extension Manager。將解壓後的 Velositey 資料夾放入 Photoshop Plug-ins/Panels 目錄，或透過 Extension Manager 安裝。安裝完成後，在 PS 選單「視窗 → 擴充功能 → Velositey」即可開啟面板。

幾鍵搞定基礎佈局

新建文件與柵格系統

點擊「[+] New Template」建立空白文檔，預設寬度 1170px、間距 30px 的標準柵格，完美適配網頁設計。

一鍵生成 Header、Slider、Content、Modules、Footer

面板提供豐富的預製模組：

• Header：多種 Logo/導航組合，圖層自動分組好管理。
• Slider：內含標題、文案、雙按鈕等多種輪播樣式。
• Content：多欄位圖文混排區塊。
• Modules：可重複添加的獨立內容塊，靈活構建長頁面。
• Footer：多種頁尾樣式一鍵套用。

全程僅需滑鼠點擊，幾分鐘即可產出完整線框架。更可插入合理留白優化視覺節奏。

非破壞性精修：打造高保真原型

遵循「保持圖層完整、拒絕破壞性編輯」原則，善用三大 PS 核心特性：

智能對象與鏈接智能對象

將 Logo 轉為智能對象，雙擊進入 PSB 編輯內容，存檔即同步更新主文件。進一步轉為「鏈接智能對象」並存入專案 image 資料夾，即可在 Header、Footer 等多處複用，修改一處處處更新。

圖層效果與調整圖層

利用圖層樣式為按鈕添加漸變、描邊、陰影；用調整圖層統一色調、對比度，所有修改均可隨時回溯調整。

掌握 Velositey + PS 原生工作流，讓網頁原型設計從「重複勞動」蛻變為「高效創作」。