banner 获取当前指示物_电商Banner设计策略

文/陆丽芳 Banner设计的主要目的是将活动信息准确的传达给用户,让用户第一时间知道卖的是什么,起到引流的作用。在Banner设计时,能保证让用户明确主题的同时,进而让用户产生购买的欲望,就是成功的Banner设计。

fc9c6ee54f2990e6da735ec15c139a89.png
c8502abbef27f2acc571df7fc51e5362.gif

Banner主要由产品图或模特、文案、背景和点缀物组成,Banner的主体一般是产品、模特或文案,背景和点缀物一般是用来烘托主题、渲染气氛和突出主体的,通过Banner快速地给消费者传达出信息,引导和激发他们的购买欲望。在设计Banner时,要根据用户群体和用户需求进行风格策划。

729ca171e088ce7b24a975665246ac7d.png
473472cd4db5ef2adf77b63f7f1574bc.gif

版式分割是指在有限的版面空间里用图形或图片把整个版面分割为两个或多个部分,用户可以通过版面的面积大小判断主次关系,起到了一定的引导性,增加画面的层次感和节奏感、同时使画面更具活力和视觉冲击力。

0c66539bd83298c4e0d6002854715677.png

目前比较常用的版面分割有直线型分割、倾斜型分割、三角形风格、圆形分割和不规则分割等,直线型分割给人一种理性的感觉;倾斜型分割会让版面更具速度和动感。在运动、促销和游戏设计中可以考虑使用此类分割方式。

dd3903f1a2a3a51031cac14d79035ea5.png

三角形是本身一个稳定的图形,有很强的视觉引导性,通常会给人时尚、尖锐或暴力刺激等感受,如果想减轻尖锐感觉,可以改用矩形或多边形作为分割图形。圆形本身是一种光滑饱满的图形,所以会给人可爱、灵动的感觉会更具亲和力,使人更容易接受,母婴或欢乐气氛的主题可以选择此类分割方式;不规则形状分割更加有利于氛围的营造。

fc6982ba7094eaea29366475c2bfd436.png
302ed9119d39dedbe9fa2546b1066bb3.gif

在确定了版面分割形式以后,接下来确定版式布局,主要有以下几种常见的版式布局:

①左右布局,产品和文案采用左右布局方式,清晰、直观、容易分辨。

ea3d137665846bff67e7e53f4875ffee.png

②左中右布局,一般是文案在中间,两边是远近搭配的模特或者产品,增加画面层次感。

③上下布局,此类布局适合产品和文案的结合,适合大促风格中产品较多的情况。

41812f6f55b18a0e859ab566d3ca98ec.png

④居中辐射式布局,它以中心开始布局向外扩张,此类布局,一般将文字作为中心,突出主标题,把其他主题元素环绕在文字周围,构图自然稳定、空间感强。此外,为了增加活动氛围突出运动感,可以将构图进行倾斜处理,但要注意角度不能超过45度,否则会影响阅读。

84e96db977f09aaff11ec5bda8123253.png
2765c3b9d3bf23b90c73865cd5aba3ea.gif

Banner文案表达也直接关系到利益点的表达,文案的是否简单明了、清晰易懂,直接影响着用户的决策时间。在设计文案时,需要去挖掘用户的某种情怀,只要得到了认同就能顺利的获取用户的注意力,就能增强用户对产品的接受程度,博取用户的信任。

4fda59e884d9eda8eceef2eb016ab8c5.png
34fbbeb60d62a95f5a5b3be57650c6b5.gif

阅读习惯一般是从上到下、从左右到右的扫描顺序,文案排版一般分为左对齐、居中对齐和自由方式对齐。左对齐是最常见最直观最传统的文字排版方式;右对齐比较少见;居中对齐比较常见,也容易出效果;自由型会给人一种错落的感觉,有很强的速度感。总之文案排版要适合版面布局,要充分融入到画面中去。

5290067a532322b3fe31de2e876d32a8.png
1fcf177963c2b3d351844416e19df100.gif

在文案的字体设计方面,字体要与主题相符合要尽可能体现产品的性格与气质,比如:女性化妆和服饰类就不适合使用粗壮的字体,应该选择细致优雅的字体。对字体进行适当变形,可以使文案更具设计感和视觉冲击力。

53e78e5dbfd1e289e1913f06a9bfac6a.png

字体设计上也可以选择立体字的形式,立体字有很强的促销效果,可以让字体设计更加丰富、更有力度感,但要注意的是,立体字的厚度尽量不要超过字体笔画的厚度,不然会显得比较笨重。还可以考虑选择使用描边形式,描边形式可以很好的解决文字与背景颜色太相近的的问题,可以加强层次感.但是要记住外框的颜色要比背景深一些。

c5da2d91563eab9e2cab841f99844d29.png
dad82fcf6e6167213f4766522abb4a32.gif

配色主要解决背景、标题、元素和产品素材的配色关系,一个优秀的配色方案不仅能给用户带来感官上的享受,还可以激发用户的情感。配色要符合品牌风格,例如:卖化妆品最好不要深色系的背景,除非是属于高端品牌,深色系能带来大气奢华的感觉;电器类一般使用科技蓝;化妆品类可以使用粉色;食品类可以使用橙色增加食欲。

457ddedd2a014ef948bfa323d36a538c.png

一般深色背景配浅色产品,浅色背景配深色产品。对比色是用的最多的,在使用对比色时一般选用3种颜色中,只能选出一种颜色作为主色,其他两种作为辅助色来使用,使产品和背景有明暗对比。

9ec64750e8accaca74d2a08df2191077.png
4dee6273139fc06d1bf16a9b9dc81fbe.gif

细节决定成败,在设计行业中更是不变的真理。质感、光影、留白、字符间距、投影、和点缀物元素等都属于细节的一部分。在画面中增加光影,可以营造空间层次感,使画面更饱满。点缀物可以看成构成理论中点线面当中的点,这些点是丰富画面气氛的主要元素,点缀物的合理运用可以丰富画面,增强趣味性和营造氛围。

d3f7993560875c9fdcc966c836ebb860.png

Banner设计需要站在用户的角度,设计出适合用户心理特征的 Banner,让其成为一个有个性、有脾气的设计,增强用户体验满足用户浏览需求。

8fe1397903c1e833b9deb5eb5b535175.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值