不管是什么类型的网站制作，都会用到banner图，它不仅可以准确扼要地向用户传达信息，还可以美化网页，提高用户的视觉体验性。一个出色的网页banner图一定要能抓住用户的眼光，吸引用户点击，它一般都会遵循以下设计规律：

1．在新闻网站的banner图中，通常都不会有大篇幅的文字，而是在文字中穿插各种图片，减轻用户的阅读疲劳。同时，新闻网站信息众多，我们只能在banner图中突出某些重点新闻，提高点击量。设计这种类型的banner图时，可以在底层放一张背景图，然后加上黑色到透明的渐变层，最后在最上面加上文章标题。

2．有些banner图是在左边配插画，右边配大小标题的，这种设计简单明了，有扁平化设计的风格，而且还可以应用到APP设计中。不过，左边的插画一定要先找到最合适的素材，然后把素材绘制成简单的插画，它可以是抽象化的，也可以是具体化的，只要能让用户快速看懂它的意义即可。

3．当banner图中有很多元素时，就要考虑这些元素的构图，让它们看起来有条理、不混乱。我们可以利用一张纯色或与主题相关的大背景图作为底层，然后在四周均匀添加各种元素，中间留白的地方则放上大小标题，这样可以集中用户的注意力，实现高转化率。

4．说到留白，它是网页设计中常用的手法，无论是那种网站，都可以使用，让元素之间保留空间感和距离感，给用户带来呼吸自由的感觉。在banner图设计中，我们可以先选一张高清背景图，然后在图片留白的位置添加文字即可，利用留白突出视觉效果。

5．有些banner图会把图片、文字、背景、颜色结合起来，其中文字颜色会从产品的主色调中提取，而背景色调则会从产品主色调中的高光部分获得。一般，在右侧放产品实物图，左侧放产品宣传文案，再加上淡淡的背景图，可以产生很高的营销效应，提高长成交率。