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

　　大家在瀏覽網(wǎng)頁時經(jīng)常可以看優(yōu)秀的海報設計，這些設計往往可以通過其優(yōu)秀的顏色處理、場景打造、氛圍渲染、排版布局、文字處理以及巧妙的創(chuàng)意等方面來抓住瀏覽者的眼球。那么我們是不是可以吸收這些優(yōu)秀的海報視覺，來幫助我們設計其他領域的東西呢?設計是相通的，答案自然也是肯定的。那么今天中國設計網(wǎng)就跟大家分享一下一些優(yōu)秀的海報設計在網(wǎng)頁中的應用。

　　我們主要通過層次、色調(diào)和創(chuàng)意三個方面來跟大家進行講解。

　　1、層次

　　畫面的層次感，說白了其實就是畫面的內(nèi)容有主次之分，有空間感和距離感，有虛實之分，光影層次清晰，這樣的畫面才起來才真實、豐富，而且通過一些特殊的處理手法，可以進一步拉開畫面中不同元素的層次，使得主體更加突出。(因本部分的講解不涉及到色彩方面的知識，為了更便于大家觀察，所以對海報進行了去色處理)

　　遠近關系

　　上兩圖中按箭頭所示方向由近及遠，畫面縱深感強，遠近景層次明顯，畫面感很強。運用到網(wǎng)頁設計當中如下：

　　通過上面的例子可以看出，遠近層次清晰的畫面，搭配上網(wǎng)頁中的內(nèi)容，可以使頁面看起來更加透氣，在瀏覽內(nèi)容的同時，也能夠通過場景傳遞出很強的代入感。

    虛實關系

　　上左圖中按箭頭所示方向依次由實到虛變化，滿足正常情況下近實遠虛的道理，層次感很強;在上右圖中，實景和遠處的虛景想必大家都可以理解，但為什么離我們最近的下方的人也是虛的呢?我們看下下面這張圖可能更容易理解。

　　這張海報其實更接近于咱們生活中的實景拍攝，而且是那種有明顯對焦主體，毫無疑問是圖中拿著竹竿的美女。那這時，雖然前景的花草離我們更近，但是因為它們偏離我們的對焦點(我們的視線并沒有直接去看這些花草)，所以，這時候前景的花草我們也是去做模糊處理的，甚至有的時候模糊度比遠處的場景還要明顯。這個是需要了解的。那我們再看下海報中的虛實關系在網(wǎng)頁中的應用。

　　通過上面的例子可以看出，把握好畫面中的虛實層次，結(jié)合網(wǎng)頁的內(nèi)容