恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
10种banner版式的总结与分析
0.0°
2018-09-30 原创文章 经验/观点 举报 12411 97 76 0


我们都知道在一个网站中,banner图片对于浏览者来说是非常重要的,尤其是电商banner,它的最主要目的是营销,是要让消费者有冲动去购买,这对设计的要求也就更高了。而企业网站也一样,一个合适的banner不仅能吸引眼球,同时也能让用户更好的理解产品及功能,反之如果这个banner不合适,那么就会导致整个网站都显得很普通。

现在的banner版式设计可以说是非常丰富多彩的,尤其是电商,各种花哨的效果各种吸睛,不过也有的电商banner做的特别清爽有趣,很有新意。接下来就把banner设计版式给大家具体分析一下吧!


01重心型


重心型版式也称为居中型,重心型的banner容易让浏览者产生视觉焦点,让消费者一眼就能看到想要表达的,适合重点突出的文案或单个产品。

Image title


02左右型


左右型版式,顾名思义就是把整个版面分为左右两个部分。可以文案在左,产品在右;也可以文案在右,产品在左。这都要看自己设计的需求去选择。一般左右型banner在文案的那一边都会加些装饰或者背景有些效果,已达到左右均衡,这样整个banner就会比较自然和谐。左右型在banner的设计中比较常见,尤其是企业网站的轮播图基本都是这种版式。

Image title

Image title


03上下型


上下型版式,顾名思义就是把整个版面分为上下两个部分。可以文案在上,产品在下;也可以文案在下,产品在上。这都要看自己设计的需求去选择。因为banner的尺寸通常没有那么高,所以这种版式一般用的比较少。


04倾斜型


倾斜型banner给人一种偏个性的感觉,大多数倾斜的对象都是版面的装饰图形和文字等。一些律动感或时尚感比较强的产品会采用这种版式,同时这种设计也是比较别致和吸引眼球的。

Image title


05满版型


满版型的banner一般以场景图像填充整个版面,加之以文字,文字一般在左右或者居中。这种版式的背景通常视觉传达比较直观,给人以大气舒展的感觉,同时视觉冲击力也比较强烈。

Image title


06蒙版型


蒙版型的banner就是以图像在最下面,加之一个有透明度的蒙层,最后在最上层加上文字。这种banner设计也比较常见,无论是企业banner还是电商,用的都比较多,因为这种版式给人的产品代入感比较强。

Image title


07曲线型


曲线型的banner一般以曲线为基础去编排图片和文字。这种版式一般在运动或者需要展现节奏和律动的产品中出现的比较多。如健身运动网站、汽车网站等。

Image title


08对称型


对称型banner一般给人比较稳重大气的感觉。对称也分为绝对对称和相对对称,绝对对称一般用的比较少,因为绝对对称给人一种过于严谨和死板的感觉。而相对对称则比较灵活,同时也不失整齐稳重,所以用的比较多。

Image title


09三角型


三角型的排版也比较常见,尤其是以三角形作为装饰性元素在版面中出现,给人以前后空间感比较强。正三角形是最具安全稳定因素的形态(如金字塔),而圆形和倒三角形则给人以动感和不稳定感。

Image title

Image title


10四角型


四角型banner一般以四边形为基础去编排图片和文字,给人以严谨,规范的感觉,下图是四角型的一种,同时也用到了左右型、满版型设计。

Image title


提醒一下大家,上面的每种版式设计可能并非以一种表现形态出现,可能同时存在好几种版式形式。所以大家在分析banner的时候不要以单一的一种视角去分析,毕竟设计的灵活性是非常强的,所以大家也不要不局限于我上面所说的几种版式,可以发挥更多的创造力和想象力哦。希望今天的这篇文章对大家有帮助!



微信公众号:小梓的设计酷

更新:2018-09-30

收藏

97人已收藏

小梓_xiaozi

微信公众号:小梓的设计酷

  • 26

    作品

  • 696

    粉丝

  • 3

    关注

  • 全面解析大厂APP的适老化设计
  • 如何做好海报设计?
  • 外国美术史与设计
  • 如何规范界面“文案”?

    猜你喜欢

      2018-09-30 原创文章 经验/观点 举报 12411 97 76 0

      10种banner版式的总结与分析

      0.0°

      你确定要举报10种banner版式的总结与分析

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年06月06日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      76
      97
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录