这是【建站百科】专栏第17篇原创内容，由我在建站行业从业10年、给上万公司搭建过网站的经验总结而来。这次要讲的是如何设计网站banner，昨天大梦已经给大家分析过网站banner的风格与样式，这次我们来开启下一步，实操。
为方便大家阅读和理解，这次我根据网站banner的整个设计过程来进行讲解。
整个设计过程：明确需求→确定尺寸→确定设计风格和版式→构成元素（字体∕图片∕背景色∕点缀）→调整配色→注意事项确定尺寸根据放置的位置不同，banner的尺寸也有区别。根据谷歌Adsense统计，最有效、标准的Banner尺寸是:导航栏Banner：728×90 px半屏Banner：300×600px中等矩形Banner：300×250px长矩形Banner：336×280px小tips：
同等级的文案内容尽量保持字体、字号、颜色上的一致性，不然页面会显得太杂乱。如果字体颜色相同，可以根据字号的大小来区分信息层级。背景选择banner的结构包括文案层、背景层、装饰层，背景层又包括图片背景和背景色。
图片背景图片元素是banner背景层的重要部分，既包括整个页面的背景图片，也有产品图。尤其是精修过后的产品图，显得更加精美、有品质，提高用户的信任感。背景色选择一般色彩的选择与行业性质相关。
不同的颜色、不同的色调能够引起人们不同的情感反应，这就是所谓的色彩联想作用。 以下是不同的颜色所产生的的感受一览表。
红色：是一种激奋的色彩，传达了兴奋、激情、奔放和欢乐的情感，能使人产生冲动、愤怒、热情、活力的感觉，对眼睛刺激较大，容易产生视觉疲劳，使用时需要慎重考虑。
黄色：代表阳光、年轻、活力满满。一般适用于用户偏年轻的产品上，或者食物上，黄色也能让人产生食欲。橙色：是充满活力的颜色，可以让人联想到金色的秋天、丰硕的果实、跳动的火苗，是一个欢乐而幸福的颜色。
小tips：
颜色的选择需要考虑到企业的VI 色；颜色的饱和度不宜过高，背景就是背景，不能喧宾夺主；如果想要丰富画面的层次感可以考虑采用渐变效果。点缀元素选择点缀元素在banner中可有可无，但是使用了就会让整个画面看上去精致很多。一般来说，点缀元素数量越多，形式越多样；色彩越多，明度越高，越不规则，画面越活泼，反之，越高冷大牌，有逼格。点缀元素分为光效、几何元素、线条、实物等。
几何元素，一般都会比背景深一些，有时也会采用渐变，可以更好的融入背景中。采用几何点缀可以使画面更加活泼。最后，只有达到点缀元素与画面的和谐统一，才能让网站banner看起来更有质感，更吸引人。配色网站推荐在banner设计的最后一步，需要调整整体的配色，使画面看起来更加和谐。
上文也提到了不同颜色所表达的情感，但是要灵活运用，合理搭配也需要多看多练培养审美。下面大梦就推荐大家一些好用的配色网站。color hunt一个非常好用的配色网站，网站提供了非常多的配色方案，对比色、邻近色、相对色都有。点击色彩就会出现色值，如果你喜欢某套配色，直接拿走就行。
好啦，今天就到这里啦，记得点赞+收藏+关注 @云梦智能 让我看到你们的热情。
