當(dāng)用戶訪問一個(gè)網(wǎng)站的時(shí)候,第一屏的信息展示是非常重要的,很大程度上影響了用戶是否決定停留,然而光靠文字大面積的堆積,很難直觀而迅速的告訴用戶來到這里會(huì)得到什么有用的信息,因此網(wǎng)頁Banner設(shè)計(jì)在這里起到了至關(guān)重要的展示作用,特別是對(duì)于首頁Banner,有效的信息傳達(dá)讓用戶和文字之間的互動(dòng)變得生動(dòng)而有趣,下面就讓我們通過大量?jī)?yōu)秀的設(shè)計(jì)案例走進(jìn)Banner設(shè)計(jì),走進(jìn)設(shè)計(jì)師們的靈感揮灑空間。
一.Banner的構(gòu)成與設(shè)計(jì)形態(tài)分解
自然界的萬物形態(tài)構(gòu)成都離不開點(diǎn)、線、面。它們是視覺構(gòu)成的基本元素,具有不同的情感特征,因此要善于采用不同的組合去體現(xiàn)不同Banner的情感訴求。
a.點(diǎn)的聚合
點(diǎn)的排列所引起的視覺流動(dòng),引入了時(shí)間的因素,利用點(diǎn)的大小、形狀與距離的變化,可以設(shè)計(jì)出富于節(jié)奏韻律的畫面。點(diǎn)的連續(xù)排列構(gòu)成線,點(diǎn)與點(diǎn)之間的距離越近,線的特性就越顯著。點(diǎn)的密集排列構(gòu)成面,同樣,點(diǎn)的距離越近,面的特性就越顯著。
b.線的流動(dòng)線分為四類:直線、曲線、折線以及三者的混合。直線又有水平線、垂直線、斜線三種形式。其中,水平線給人平靜、開闊、安逸的感受;垂直線給人崇高、挺拔、嚴(yán)肅的感受;曲、折、弧線具有強(qiáng)烈的動(dòng)感,更容易引起視線的前進(jìn)、后退或擺動(dòng)。
c.面的分割
面在設(shè)計(jì)中的概念,可以理解為點(diǎn)的放大,點(diǎn)的密集或線的重復(fù)。Banner元素在不同大小色塊元素的風(fēng)格對(duì)比下,能獲得清晰、條理的秩序,同時(shí)在整體上也顯得和諧統(tǒng)一
清晰突出的圖片所產(chǎn)生的第一視覺點(diǎn)
色塊與線條間不同比例的分隔畫面,使頁面具有形式美感
|