Banner图，是一个网▼站设计的◆重中之重，是整个网□□□□站的第一□□□个传达重□□要信息的□□窗口。好的banner设计，会迅速抓□□住浏览者▲的眼球，让浏览者※迅速了解□□网站的业✦务范围。让浏览者□□□□停留网站□□□变长，让浏览者▼有兴趣去◥点击其他□□□的页面，达到网站□□□传播信息□□的目的。

 
如何设计□□□一个好的♦网站banner呢？一个好的banner离不开构▲图，文字，色彩，产品元素，模特，排版等等□□□□因素。所以，做banner的时候先□□□□要想好如□□□何组合好◉这些元素，达到最高□□□□的视觉冲□□击，让浏览者□□□□深刻的记□□住。
 

1. 构图

 
构图是banner的基础部◥分，一般先确□□□□定好构图，再写上相□□□对的广告▽语丰富banner内容。常用的构□□图不外乎丨左图右文，左文右图，两边文字，中间图片□□□□等。
 

采取左文右图，描述产品的特性
 

采取左文右图，配上吸引人的广告语，引导浏览者点击
 
 

采取两边产品和模特，中间搭配文字，让banner更饱满
 
 
 
2.      文字
 
文字设计□□排版在banner设计中，也显得尤□□为重要。好的文案，会让banner想表达的·东西一目□□□了然，快速定位。字体的气□□□□质和画面□□□的气质统□□□一，这样画面•看起来才□□不会有违□□□□和感。通过艺术□□字体的搭□□配，文字大小，主标题副▽标题的表□□现形式，让banner的可读性，趣味性马□□□□上提高。

采用刚性□□□□的字体，描述特性，再搭配常□□□□规字体，让产品的□□□特性更生□□□动的呈现
 
 

通过中英文字体组合，简单明了的特出商品特性
 
 

1. 色彩

 
Banner色彩一般□□会采用跟□□□网站的主□□色调能形□□成强烈对□□□□比的色彩，特出banner的冲击力，让浏览者◆的注意力◎一下子被□□□吸引进来。产品，文字跟banner的背景色◆也要形成□□□强烈的对□□比，让产品和□□□□文案更加◥突出。

网站是黑□□白色调为□□□主，搭配暗红□□□的背景色、白色的字□□□□体、高亮的模□□□□特，突出了产□□品特性
 

浅色的背景，搭配深色的字体和模特，让产品更为立体
 
总的来说，通过文字，构图，色彩等搭♦配，可以让banner生动起来。只有不断◎的练习摸▼索，不断的去□□□组合形式，才能让banner发挥它的□□特性，发挥它在□□□网站设计□□中不可获□□取的作用。