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

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

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

　　1、層次

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

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

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

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

    虛實(shí)關(guān)系

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

　　這張海報(bào)其實(shí)更接近于咱們生活中的實(shí)景拍攝，而且是那種有明顯對(duì)焦主體，毫無疑問是圖中拿著竹竿的美女。那這時(shí)，雖然前景的花草離我們更近，但是因?yàn)樗鼈兤x我們的對(duì)焦點(diǎn)(我們的視線并沒有直接去看這些花草)，所以，這時(shí)候前景的花草我們也是去做模糊處理的，甚至有的時(shí)候模糊度比遠(yuǎn)處的場(chǎng)景還要明顯。這個(gè)是需要了解的。那我們?cè)倏聪潞?bào)中的虛實(shí)關(guān)系在網(wǎng)頁中的應(yīng)用。

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