氛圍關系

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

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

　　2、 色調

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

　　色調統一

　　上兩圖中，左圖統一的暖色調彰顯了畫面的熱情激昂，而右圖統一的冷色調則表現出畫面的冷酷。在處理時切記對畫面中所有的元素都要進行統一的環境色處理，運用到網頁設計當中如下：

　　上面幾個例子中，為了更進一步的融入大環境中，設計師都對原始素材進行了色調上的二次處理，整個網頁的風格在色調上保持統一。

    冷暖對比

　　上三圖中，在色調處理上都運用了冷暖對比的形式，使畫面的細節更加豐富，同時，冷暖的對比可以表達出超強的對抗性。運用到網頁設計當中如下：

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

　　3、創意

　　豐富的海報創意不僅可以抓人眼球，而且可以很巧妙地表達出主題。大到整體的形式，小到文字或素材的細節處理，都是可以學習并且運用到網頁設計