解析PS的Velositey插件在網(wǎng)頁設計中應用

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

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

增加Slider區(qū)域（Slider Section）

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

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

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

增加內(nèi)容區(qū)域

增加內(nèi)容區(qū)域也一樣簡單。Velositey中第三個選項卡就是內(nèi)容區(qū)域。

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

增加更多模塊

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

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

添加Footer

通常網(wǎng)頁的最底下都會添加Footer，同樣的，Velositey為我們內(nèi)置了一些可選的Footer：