教你從層次/色調(diào)/創(chuàng)意3個方面設(shè)計出酷炫網(wǎng)頁(2)

    氛圍關(guān)系

　　圖1通過煙霧來拉開女主與遠(yuǎn)處機(jī)器人的層次，煙霧既弱化了遠(yuǎn)處機(jī)器人，同時突出了女主，讓兩者有一個明顯的層級關(guān)系;圖2中人物本身顏色較暗，背景也是暗色，這時候如果直接把人物置入，人物就會與背景融為一體，這里利用人為添加的光效、碎片等氛圍元素，凸顯了人物的邊緣輪廓，背光的效果使人物從黑暗中分離出來;圖3也是同理，只不過它通過光影和煙霧一起來區(qū)分眾多人物之間的層次關(guān)系。那么氛圍關(guān)系運(yùn)用到網(wǎng)頁設(shè)計當(dāng)中如下：

　　通過上面的例子可以看出，合理利用一些氛圍元素的渲染，例如光、煙霧、云等素材，不僅可以起到烘托頁面氣氛的作用，而且可以突出主體，同時弱化主體外的其他元素，成功地拉開主體與其他非主體元素之間的層次關(guān)系。

　　2、 色調(diào)

　　畫面的色調(diào)，是傳達(dá)畫面所要表達(dá)情感的有效途徑。不同的色調(diào)可以給人帶來不同的體驗，正是因為有了不同的色彩，才使得我們的設(shè)計更加豐富。

　　色調(diào)統(tǒng)一

　　上兩圖中，左圖統(tǒng)一的暖色調(diào)彰顯了畫面的熱情激昂，而右圖統(tǒng)一的冷色調(diào)則表現(xiàn)出畫面的冷酷。在處理時切記對畫面中所有的元素都要進(jìn)行統(tǒng)一的環(huán)境色處理，運(yùn)用到網(wǎng)頁設(shè)計當(dāng)中如下：

　　上面幾個例子中，為了更進(jìn)一步的融入大環(huán)境中，設(shè)計師都對原始素材進(jìn)行了色調(diào)上的二次處理，整個網(wǎng)頁的風(fēng)格在色調(diào)上保持統(tǒng)一。

    冷暖對比

　　上三圖中，在色調(diào)處理上都運(yùn)用了冷暖對比的形式，使畫面的細(xì)節(jié)更加豐富，同時，冷暖的對比可以表達(dá)出超強(qiáng)的對抗性。運(yùn)用到網(wǎng)頁設(shè)計當(dāng)中如下：

　　通過上面的例子可以看出，冷暖的對比在網(wǎng)頁的場景打造過程中，可以用來很好的表現(xiàn)“對抗”和“戰(zhàn)斗”方面的主題，另外，整個冷調(diào)的場景中適當(dāng)加入些暖調(diào)，也可以起到突出主體的作用。

　　3、創(chuàng)意

　　豐富的海報創(chuàng)意不僅可以抓人眼球，而且可以很巧妙地表達(dá)出主題。大到整體的形式，小到文字或素材的細(xì)節(jié)處理，都是可以學(xué)習(xí)并且運(yùn)用到網(wǎng)頁設(shè)計