我們都知道在一個(gè)網(wǎng)站中,banner圖片對于瀏覽者來說是非常重要的,尤其是電商banner,它的最主要目的是營銷,是要讓消費(fèi)者有沖動(dòng)去購買,這對設(shè)計(jì)的要求也就更高了。而企業(yè)網(wǎng)站也一樣,一個(gè)合適的banner不僅能吸引眼球,同時(shí)也能讓用戶更好的理解產(chǎn)品及功能,反之如果這個(gè)banner不合適,那么就會(huì)導(dǎo)致整個(gè)網(wǎng)站都顯得很普通。
現(xiàn)在的banner版式設(shè)計(jì)可以說是非常豐富多彩的,尤其是電商,各種花哨的效果各種吸睛,不過也有的電商banner做的特別清爽有趣,很有新意。接下來就把banner設(shè)計(jì)版式給大家具體分析一下吧!
1.重心型
重心型版式也稱為居中型,重心型的banner容易讓瀏覽者產(chǎn)生視覺焦點(diǎn),讓消費(fèi)者一眼就能看到想要表達(dá)的,適合重點(diǎn)突出的文案或單個(gè)產(chǎn)品。
2.左右型
左右型版式,顧名思義就是把整個(gè)版面分為左右兩個(gè)部分??梢晕陌冈谧螅a(chǎn)品在右;也可以文案在右,產(chǎn)品在左。這都要看自己設(shè)計(jì)的需求去選擇。一般左右型banner在文案的那一邊都會(huì)加些裝飾或者背景有些效果,已達(dá)到左右均衡,這樣整個(gè)banner就會(huì)比較自然和諧。左右型在banner的設(shè)計(jì)中比較常見,尤其是企業(yè)網(wǎng)站的輪播圖基本都是這種版式。
3.上下型
上下型版式,顧名思義就是把整個(gè)版面分為上下兩個(gè)部分。可以文案在上,產(chǎn)品在下;也可以文案在下,產(chǎn)品在上。這都要看自己設(shè)計(jì)的需求去選擇。因?yàn)閎anner的尺寸通常沒有那么高,所以這種版式一般用的比較少。
4.傾斜型
傾斜型banner給人一種偏個(gè)性的感覺,大多數(shù)傾斜的對象都是版面的裝飾圖形和文字等。一些律動(dòng)感或時(shí)尚感比較強(qiáng)的產(chǎn)品會(huì)采用這種版式,同時(shí)這種設(shè)計(jì)也是比較別致和吸引眼球的。
5.滿版型
滿版型的banner一般以場景圖像填充整個(gè)版面,加之以文字,文字一般在左右或者居中。這種版式的背景通常視覺傳達(dá)比較直觀,給人以大氣舒展的感覺,同時(shí)視覺沖擊力也比較強(qiáng)烈。
6.蒙版型
蒙版型的banner就是以圖像在最下面,加之一個(gè)有透明度的蒙層,最后在最上層加上文字。這種banner設(shè)計(jì)也比較常見,無論是企業(yè)banner還是電商,用的都比較多,因?yàn)檫@種版式給人的產(chǎn)品代入感比較強(qiáng)。
7.曲線型
曲線型的banner一般以曲線為基礎(chǔ)去編排圖片和文字。這種版式一般在運(yùn)動(dòng)或者需要展現(xiàn)節(jié)奏和律動(dòng)的產(chǎn)品中出現(xiàn)的比較多。如健身運(yùn)動(dòng)網(wǎng)站、汽車網(wǎng)站等。
8.對稱型
對稱型banner一般給人比較穩(wěn)重大氣的感覺。對稱也分為絕對對稱和相對對稱,絕對對稱一般用的比較少,因?yàn)榻^對對稱給人一種過于嚴(yán)謹(jǐn)和死板的感覺。而相對對稱則比較靈活,同時(shí)也不失整齊穩(wěn)重,所以用的比較多。
9.三角型
三角型的排版也比較常見,尤其是以三角形作為裝飾性元素在版面中出現(xiàn),給人以前后空間感比較強(qiáng)。正三角形是最具安全穩(wěn)定因素的形態(tài)(如金字塔),而圓形和倒三角形則給人以動(dòng)感和不穩(wěn)定感。
10.四角型
四角型banner一般以四邊形為基礎(chǔ)去編排圖片和文字,給人以嚴(yán)謹(jǐn),規(guī)范的感覺,下圖是四角型的一種,同時(shí)也用到了左右型、滿版型設(shè)計(jì)。
提醒一下大家,上面的每種版式設(shè)計(jì)可能并非以一種表現(xiàn)形態(tài)出現(xiàn),可能同時(shí)存在好幾種版式形式。所以大家在分析banner的時(shí)候不要以單一的一種視角去分析,畢竟設(shè)計(jì)的靈活性是非常強(qiáng)的,所以大家也不要不局限于我上面所說的幾種版式,可以發(fā)揮更多的創(chuàng)造力和想象力哦。希望今天的這篇文章對大家有幫助!