电商banner常见的设计风格（电商Banner设计策略）

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

① 官方头条号：设计智造 顶级创意设计师必备

② 本篇为 设计智造www.cocoo.top 编辑整理，版权归原作者所有，转载请注明出处！

,