解析PS的Velositey插件在網頁設計中應用

在這個案例中，我們使用的Header的樣式是Logo在左，導航在右。在圖層面板中，你可以看到Header中所有圖層均置于文件夾中，你可以根據需求進行命名。

注意：如果你隨后選擇其他的Header，Velositey會幫你替換掉。

增加Slider區域（Slider Section）

盡管大尺寸Banner和slider區域有缺陷，但是很多網站依然選擇保留這個區域。Velositey中內置了許多樣式，增加slider區域和添加Header一樣容易，點擊選擇即可。

案例中，我們選擇最后一個slider樣式，于是就生成了一個包含標題、內容和兩個按鈕的slider區域。

正如上圖所示，你可以在圖層面板中看到slider區域的圖層分組。

增加內容區域

增加內容區域也一樣簡單。Velositey中第三個選項卡就是內容區域。

我選擇了第三個樣式，點擊后添加了三列內容，每列包含標題、圖片和預制的內容。

增加更多模塊

在Velositey中，每個模塊相當于一個獨立的內容塊。它的內容和用途由設計師來決定。和Header、滑塊區域不同，我們可以在文檔中添加多個模塊。

在案例中，我們添加了第一個模塊，其中包含一個橫跨整個柵格的圖片，標題和預制的文本。

添加Footer

通常網頁的最底下都會添加Footer，同樣的，Velositey為我們內置了一些可選的Footer：