眾所周知，網頁的banner對訪客很重。尤為是電商的banner，此目的是營銷，要讓用戶有購買的欲望和沖勁，這對banner設計要求會很高。企業banner的作用也就不言而喻。接下來我們直接介紹10種網頁banner設計版式。

1、重心型

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

2、左右型

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

3、上下型

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

4、傾斜型

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

5、滿版型

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

6、蒙版型

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

7、曲線型

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

8、對稱型

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

9、三角型

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

10、四角型

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