解析PS的Velositey插件在網(wǎng)頁設(shè)計(jì)中應(yīng)用

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

現(xiàn)在我們已經(jīng)完成了基本的布局，接下來，我們可以定制它，讓它看起來更符合一個(gè)高保真的原型。

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

 使用圖層效果

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

重復(fù)這些步驟，這里就是需要你精心打磨的設(shè)計(jì)細(xì)節(jié)了。它們讓你的網(wǎng)頁的可讀性更高，增加視覺表現(xiàn)力，等等等等。

使用調(diào)整圖層

調(diào)整圖層的存在，使得設(shè)計(jì)師可以以非破壞性的方式來定制圖層的色調(diào)（亮度、對(duì)比度等）。在案例中，我們可以將模塊中的圖標(biāo)變?yōu)楹诎?。在模塊組中找到對(duì)應(yīng)的圖層，右鍵點(diǎn)擊，選擇“編輯內(nèi)容”選項(xiàng)，隨后，點(diǎn)擊“新建調(diào)整圖層”然后選擇黑白效果就好了。

最終成品

最后，將預(yù)制的文本內(nèi)容（標(biāo)題、文本）替換成你需要的內(nèi)容，然后這個(gè)原型就算是成品了！

結(jié)語

仔細(xì)看看Velositey，你會(huì)發(fā)現(xiàn)用好工具真的能事倍功半。不論你是用PS、AI還是熱衷Sketch，這些系統(tǒng)化的設(shè)計(jì)平臺(tái)都有著許多使用技巧和拓展工具，閑暇的時(shí)候稍加研究，絕對(duì)會(huì)獲益匪淺。你說呢？

細(xì)節(jié)調(diào)整

當(dāng)我們?yōu)槲臋n進(jìn)行個(gè)性化調(diào)整的時(shí)候，盡可能保證每個(gè)圖層的完整性是基本原則。每個(gè)圖層在進(jìn)行調(diào)整的時(shí)候，不能對(duì)其進(jìn)行破壞性的修改，這樣可以確保原型的可調(diào)整性。這樣一來，我們就需要用到PS的以下特性：

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

使用智能對(duì)象

在置入LOGO的時(shí)候，將其調(diào)整為智能對(duì)象是非常有必要的。