3个方法教你设计顶尖电商BANNER

   Banner的重要性无需赘言,今天这篇文章从走心的文案、不同的构图方法和如何字体选择3个方面,聊聊如何迅速提升Banner的质量 >>>

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

  作者:风尾竹,公众账号:liaosheji2010。

  本文为作者授权优设发布,未经作者本人授权请勿转载,谢谢 :)

  一、走心的文案

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


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

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


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


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

  一篇帮你快速学会写文案的经典好文:《年度最佳教程!7招教你写出互联网顶尖文案!》

  二、均衡的构图

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


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

  1、左右式构图

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


  2、居中辐射式构图

  标题文字居中,分别把主题元素环绕在文字周围,用在着重强调标题的环境。


  3、三角形构图

  倒三角构图,标题突出,构图自然稳定,空间感强。


  4、斜线构图

  产品所占比重相对平衡,构图动感活泼稳定,运动感空间感强。此类构图适合科技、汽车、潮流题材,不过好像电商一般不卖汽车?


  三、合适的字体


  看到这个banner竹子总感觉好像那里不对,女性的特点是细致优雅,为什么字体如此粗壮了?和女性化妆品的气氛完成不符啊。每个字体好像人一样,都有自己的性格与气质。选择使用一款字体的时候,除了考虑它的易读性,更多考虑的是这款字体能否准确地传达出对产品独有的气质。下面竹子告诉你应该如何选择字体。

  男性气质:方正粗谭黑、站酷高端黑、造字工房版黑、蒙纳超刚黑

  黑体给人感觉粗壮紧凑,颇有力量感,可塑性很强。适用于各种大促类的电商广告。


  文艺气质:方正大小标宋、方正静蕾体、方正清刻本悦宋、康熙字典体

  宋体的衍生有很多,又长有扁,有胖有瘦。旅游类电商网站经常会用到此类字体。运用宋体进行排版处理,既显得清新又文艺。


  女性气质:方正兰亭超细黑、汉仪秀英体

  字如其人,女性的特点是细致优雅、苗条细长;常被用作化妆品、女性杂志、艺术等女性主题领域。

  文化气质:王羲之书法字体、颜真卿颜体

  书法字体具有很强的设计感与艺术表现力,运用好的话往往是点睛之笔。各式各样的书法字体有着自己独特的细腻的特点,把握好这一点,既能增加文化内涵,也能衬托出产品的气质。

时间: 2024-10-27 23:50:57

3个方法教你设计顶尖电商BANNER的相关文章

200家顶尖电商网站带来的设计启示

想知道排名前200的电商网站在设计上有什么共同点吗?想知道这些网站是如何在保证一流的更新率同时仍然提供优质的用户体验吗?我们调研了200多家电商网站制作了如下最新的图文表格--"200家顶尖电商网站的设计趋势". 自:互动中国

如何设计大型电商网站的后台尺码筛选体系?

问题描述 如何设计大型电商网站的后台尺码筛选体系? 46C 举例子,服装类商品,涉及海外商品,服装上会有各种尺码,而作为电商网站会把不同的尺码转换成大家熟知的国际码或者是中国码,但此处会有问题,所有的尺码对照并不是一对一的关系,不同品牌又有自己的尺码对照体系,作为网站来说又希望在前台能够筛选到全站的S码商品,所以全部商品都要参与到这个尺码筛选的逻辑中去,希望各位大神提提意见,到底要怎样去设计呢? 解决方案 先制定一个标准码,然后根据这个标准码进行转换,所有的筛选按照标准码来筛即可.

精研用户需求,设计类电商优集品全面升级

近日,国内http://www.aliyun.com/zixun/aggregation/33542.html">设计类电商品牌代表优集品进行了内部调整,不仅升级包装,更新了域名,更推出了会员定向"嗨购"版块,对自有平台展开了进一步优化.这也是优集品成立以来的第一次重大调整.有相关人士指出,调整后的优集品将更加贴近用户,从而实现成长加速. 优集品市场总监刘琦介绍,此次优集品上线以来的大规模调整,涉及到了三个部分,即包装升级.域名换新,以及推出了会员定向服务"嗨

电商设计-关于电商商品属性表设计

问题描述 关于电商商品属性表设计 目前考虑的是把常用的属性弄成一张表,假设就只有id,商品名,商品价格 然后如衣服,电脑,都有不同的属性 方式一:建立一张表(递增id,商品id,商品属性名,商品属性参数) 方式二:商品表加多个列 text,然后对应的属性都以json格式保存如: [{"type":"尺码","value":"34"},{"type":"","value:&quo

交互设计实例:电商B2C优惠券选择需求

文章描述:B2C站购物流程中优惠券的交互设计优化方案. 我们在互联网上经常买东西,也会经常收到优惠券,最近有空做了一个小调研,在一个网站上,有30%的用户拥有超过10张的生效优惠券,但是,当我们使用优惠券的时候,我们发现一个问题,很多网站在购物结算页面只能显示10张优惠券,那么,如果多于10张优惠券后,我们怎么选择使用呢? 我模拟一个用户,当我去一家超市,我购买了很多或者单件商品后,我发现我包包里有N张优惠券,我开始纠结了,我该使用那张呢?于是,我开始翻包里的优惠券,看看哪张快过期了,哪张是我这

电商Banner设计背后的12个人性的秘密

如何设计高转化率移动电商网站

中介交易 SEO诊断 淘宝客 云主机 技术大厅 随着移动互联网的崛起,移动购物也变得越来越流行,用户不用再坐在电脑前购买商品,动动拇指就可在手机上下单,而相应的移动电商也成为趋势,电商对用户的争夺已经在移动端全面展开,3721.html">2014年第一季度中国移动购物市场交易规模达到641.9亿元,同比增长140.8%,这也是为什么电商巨头们现在都铆足了劲头在移动端开展争夺.那为附和移动电商的趋势,移动电商网站该如何设计来提高转化率呢? 首先,了解自己移动电商网站的用户 挖掘了解用户肯定

《 产品设计思维:电商产品设计全攻略》一一2.3 电子商务的存在形态

2.3 电子商务的存在形态 理解了角色与场景和活动的概念,就需要把这些方法应用到实际的电商系统构建过程,首先大家需要了解电商的各种存在形态.大家习惯于将电商的模式称为B2B.B2B.C2C,最近两年还出现了B2B.O2O等概念.这些概念从字面上就能很容易理解背后的商业逻辑,所以大家在谈商业模式时常说:"我们做的是B2C业务".但是在真实的电商运作结构中,这些模式大多数都不会以单一的模式存在,即没有所谓的纯粹的电商存在形态,因为随着业务模式的不断发展变化,以及市场与消费需求的改变,电商为

iOS实现电商购物车界面示例_IOS

先看界面效果图: 主要实现了商品的展示,并且可以对商品进行多选操作,以及改变商品的购买数量.与此同时,计算出,选中的总价格. 做此类型项目:要注意的:视图与数据要分离开来.视图的展现来源是数据模型层.所以我做的操作就是改变数据层的内容,在根据数据内容,去更新视图界面. 已下是具体实现思路与代码: 1. 实现步骤 在AppDelegate.m中包含ViewController.h头文件,创建ViewController对象(vc),接着创建一个UINavigationController对象(nV