几招教你设计顶尖电商Banner

当用户访问电商网站的时候，第一屏的信息展示是非常重要的，很大程度上影响了用户是否决定停留，然而光靠文字大面积的堆积，很难直观而迅速的告诉用户来到这里会得到什么有用的信息，因此网页Banner设计在这里起到了至关重要的展示作用，特别是对于首页Banner，有效的信息传达可以快速提高页面转化率。那么竹子来教你如何设计一个好的电商Banner。

作者：风尾竹，公众账号：liaosheji2010。

一、走心的文案

好的标题能够吸引你的注意，而糟糕的标题，让人看都不想看，扫一眼便略过去了。所以做好Banner第一件事情，就是需要设计走心的文案。所谓走心，就是触动你的心灵，或者说让你感兴趣，激发你的点击欲望。

我们时常会看见这样的广告：文案内容直接罗列了公司经营产品或业务，抑或是像说明书一样详尽介绍产品或服务的主要功能。从广告主的角度来看这是合理的，用户需要知道我们产品有这些特点，这样我的的产品和服务才能被记住。但事实往往是：这些平淡无趣的广告，除了广告主自己以外，很难有用户真的愿意关注它。

那我们来分析下写文案人的心理：B点明确想让用户买我的记录仪。那么A点是用户想买记录仪不知道哪家好，我的记录仪有这么多功能，那么用户一定需要这个记录仪。

但用户真正的A点可能并不是“想买记录仪，不知道哪家记录仪比较好”，而是我为什么需要行车记录仪?所以对于这样的用户A点，可能更合适的文案思路是告诉用户：

然用户绝对不会因为你写了几句话，就买下产品，还会考虑价格品质等等因素。不过我们这个Banner的使命就是吸引用户点击，提高页面转化率。用户感兴趣点了，你就成功了。、

均衡的构图

构图其实说白了就是经营画面，进行布局，如何在你构图的引导下吸引用户点击，产生欲望，了解内容，如果都能达到，那说明你的构图成功了。

第一眼睛看到这个banner这个图完全抓不到重点啊，满眼的小文字，另外加上两个傲娇的大叔。完全不知道想表达什么。等等，下面四个小方块是什么鬼？构图感觉实在糟糕。那么下面来说下banner的构图，构图规则分以下几种：

1、左右式构图

最常见的构图方式，分别把主题元素和主标题左右摆放。

更多关于排版请私信小编哦！

电商Banner设计策略

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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