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

在這個階段，我們已經完成了網頁設計的必要部分，從Header到Footer，只需要幾次點擊就可以了。為了更好的布局，你還可以這樣添加一些合理的空檔：

現在我們已經完成了基本的布局，接下來，我們可以定制它，讓它看起來更符合一個高保真的原型。

上面這個過程有多快？看下面的視頻你就明白！

 使用圖層效果

調整圖層效果想必大家都已經非常熟悉了。在案例中，我們借助圖層效果來為按鈕上色，添加漸變。具體的操作在這里就不贅述了。

重復這些步驟，這里就是需要你精心打磨的設計細節了。它們讓你的網頁的可讀性更高，增加視覺表現力，等等等等。

使用調整圖層

調整圖層的存在，使得設計師可以以非破壞性的方式來定制圖層的色調（亮度、對比度等）。在案例中，我們可以將模塊中的圖標變為黑白。在模塊組中找到對應的圖層，右鍵點擊，選擇“編輯內容”選項，隨后，點擊“新建調整圖層”然后選擇黑白效果就好了。

最終成品

最后，將預制的文本內容（標題、文本）替換成你需要的內容，然后這個原型就算是成品了！

結語

仔細看看Velositey，你會發現用好工具真的能事倍功半。不論你是用PS、AI還是熱衷Sketch，這些系統化的設計平臺都有著許多使用技巧和拓展工具，閑暇的時候稍加研究，絕對會獲益匪淺。你說呢？

細節調整

當我們為文檔進行個性化調整的時候，盡可能保證每個圖層的完整性是基本原則。每個圖層在進行調整的時候，不能對其進行破壞性的修改，這樣可以確保原型的可調整性。這樣一來，我們就需要用到PS的以下特性：

此外，我個人比較喜歡盡可能少地使用圖層。

使用智能對象

在置入LOGO的時候，將其調整為智能對象是非常有必要的。