網站設計中10種banner版式的總結與分析

  人氣:731   發布時間:2018-06-08 16:49:50 【

我們都知道在一個網站中,banner圖片對于瀏覽者來說是非常重要的,尤其是電商banner,它的最主要目的是營銷,是要讓消費者有沖動去購買,這對設計的要求也就更高了。而企業網站也一樣,一個合適的banner不僅能吸引眼球,同時也能讓用戶更好的理解產品及功能,反之如果這個banner不合適,那么就會導致整個網站都顯得很普通。


現在的banner版式設計可以說是非常豐富多彩的,尤其是電商,各種花哨的效果各種吸睛,不過也有的電商banner做的特別清爽有趣,很有新意。接下來就把banner設計版式給大家具體分析一下吧!


1.重心型
重心型版式也稱為居中型,重心型的banner容易讓瀏覽者產生視覺焦點,讓消費者一眼就能看到想要表達的,適合重點突出的文案或單個產品。

網站設計中10種banner版式的總結與分析-圖盛科技網站建設公司

2.左右型
左右型版式,顧名思義就是把整個版面分為左右兩個部分。可以文案在左,產品在右;也可以文案在右,產品在左。這都要看自己設計的需求去選擇。一般左右型banner在文案的那一邊都會加些裝飾或者背景有些效果,已達到左右均衡,這樣整個banner就會比較自然和諧。左右型在banner的設計中比較常見,尤其是企業網站的輪播圖基本都是這種版式。

網站設計中10種banner版式的總結與分析-圖盛科技網站建設公司

3.上下型
上下型版式,顧名思義就是把整個版面分為上下兩個部分。可以文案在上,產品在下;也可以文案在下,產品在上。這都要看自己設計的需求去選擇。因為banner的尺寸通常沒有那么高,所以這種版式一般用的比較少。


4.傾斜型
傾斜型banner給人一種偏個性的感覺,大多數傾斜的對象都是版面的裝飾圖形和文字等。一些律動感或時尚感比較強的產品會采用這種版式,同時這種設計也是比較別致和吸引眼球的。

網站設計中10種banner版式的總結與分析-圖盛科技網站建設公司

5.滿版型
滿版型的banner一般以場景圖像填充整個版面,加之以文字,文字一般在左右或者居中。這種版式的背景通常視覺傳達比較直觀,給人以大氣舒展的感覺,同時視覺沖擊力也比較強烈。

網站設計中10種banner版式的總結與分析-圖盛科技網站建設公司

6.蒙版型
蒙版型的banner就是以圖像在最下面,加之一個有透明度的蒙層,最后在最上層加上文字。這種banner設計也比較常見,無論是企業banner還是電商,用的都比較多,因為這種版式給人的產品代入感比較強。

網站設計中10種banner版式的總結與分析-圖盛科技網站建設公司

7.曲線型
曲線型的banner一般以曲線為基礎去編排圖片和文字。這種版式一般在運動或者需要展現節奏和律動的產品中出現的比較多。如健身運動網站、汽車網站等。

網站設計中10種banner版式的總結與分析-圖盛科技網站建設公司

8.對稱型
對稱型banner一般給人比較穩重大氣的感覺。對稱也分為絕對對稱和相對對稱,絕對對稱一般用的比較少,因為絕對對稱給人一種過于嚴謹和死板的感覺。而相對對稱則比較靈活,同時也不失整齊穩重,所以用的比較多。

網站設計中10種banner版式的總結與分析-圖盛科技網站建設公司

9.三角型
三角型的排版也比較常見,尤其是以三角形作為裝飾性元素在版面中出現,給人以前后空間感比較強。正三角形是最具安全穩定因素的形態(如金字塔),而圓形和倒三角形則給人以動感和不穩定感。

網站設計中10種banner版式的總結與分析-圖盛科技網站建設公司

10.四角型
四角型banner一般以四邊形為基礎去編排圖片和文字,給人以嚴謹,規范的感覺,下圖是四角型的一種,同時也用到了左右型、滿版型設計。

網站設計中10種banner版式的總結與分析-圖盛科技網站建設公司

提醒一下大家,上面的每種版式設計可能并非以一種表現形態出現,可能同時存在好幾種版式形式。所以大家在分析banner的時候不要以單一的一種視角去分析,畢竟設計的靈活性是非常強的,所以大家也不要不局限于我上面所說的幾種版式,可以發揮更多的創造力和想象力哦。希望今天的這篇文章對大家有幫助!

[返回]

免費咨詢

  • 張小姐: QQ
  • 姚經理: QQ
  • 周先生: QQ
  • 13580784249
试机号后分析汇总牛材网