网站设计中10种banner版式的总结与分析

  人气:229   发布时间: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