3款设计方法设计顶尖的电商BANNER设计

2016-02-16 20:23 13 1 收藏

今天图老师小编要向大家分享个3款设计方法设计顶尖的电商BANNER设计教程,过程简单易学,相信聪明的你一定能轻松get!

【 tulaoshi.com - 平面设计 】

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

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

作者公众账号:liaosheji2010。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

一、走心的文案

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

3款设计方法设计顶尖的电商BANNER设计,PS教程,图老师教程网

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

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

3款设计方法设计顶尖的电商BANNER设计,PS教程,图老师教程网

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

3款设计方法设计顶尖的电商BANNER设计,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

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

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

二、均衡的构图

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

3款设计方法设计顶尖的电商BANNER设计,PS教程,图老师教程网

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

1、左右式构图

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

3款设计方法设计顶尖的电商BANNER设计,PS教程,图老师教程网

2、居中辐射式构图

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

3款设计方法设计顶尖的电商BANNER设计,PS教程,图老师教程网

3、三角形构图

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

3款设计方法设计顶尖的电商BANNER设计,PS教程,图老师教程网

4、斜线构图

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

3款设计方法设计顶尖的电商BANNER设计,PS教程,图老师教程网

三、合适的字体

3款设计方法设计顶尖的电商BANNER设计,PS教程,图老师教程网

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

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

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

3款设计方法设计顶尖的电商BANNER设计,PS教程,图老师教程网

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

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

3款设计方法设计顶尖的电商BANNER设计,PS教程,图老师教程网

3款设计方法设计顶尖的电商BANNER设计,PS教程,图老师教程网

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

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

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

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

3款设计方法设计顶尖的电商BANNER设计,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1573666.html

延伸阅读
剁手节双十一刚刚过去,双十二又要来了。世界范围内线上购物一再增长,中国的增速尤其明显。虽然淘宝、京东和亚马逊这样的主流电商平台依然占据着主流地位,小型的电商购物平台的生存空间也不小,新兴的电商平台的增长一样不容忽视。如何设计出令人兴奋的视觉搞,怎样搞定流畅的购物体验,是所有电商人都需要考虑,进一步完善的事情。 走心的...
标签: PS PS基础
本教程主要使用Photoshop设计时尚的淘宝全屏海报教程,电商海报是当下最火的一个设计行业,今天我们就一起来学习手表的全屏海报设计过程,主要使用PS来完成,找到合适的素材然后在加上文案字体的设计,喜欢的朋友一起来学习吧,有什么不懂可以下载教程素材和源文件。 教程素材: 时尚的淘宝手表海报PS教程源文件     ...
标签: PS PS基础
除了细心观察,所见即所得,就是练习,经验都是累积而来的,你必须很努力才能做到看起来毫不费力。 教程素材下载: 谜色化妆品海报设计PS教程素材
首页 这是网站的门面,代表公司的形象,应该特别注重设计很规划。 框架页 网站的主要结构页面,又称次首页或内页,大型网站往往框架页即为首页,如一些门户网站。框架页主要是网站的内部主要栏目的首页,讲究风格的一致性,并与这个、主页呼应。   普通页 望站主要的承载信息的页面,设计要求不高,但要求连接准...

经验教程

644

收藏

61
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部