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

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

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

　　1、層次

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

　　遠(yuǎn)近關(guān)系

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

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

    虛實關(guān)系

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

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

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