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

    氛圍關(guān)系

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

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

　　2、 色調(diào)

　　畫面的色調(diào)，是傳達(dá)畫面所要表達(dá)情感的有效途徑。不同的色調(diào)可以給人帶來(lái)不同的體驗(yàn)，正是因?yàn)橛辛瞬煌纳剩攀沟梦覀兊脑O(shè)計(jì)更加豐富。

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

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

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

    冷暖對(duì)比

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

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

　　3、創(chuàng)意

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