优秀的电商banner图（电商banner设计作品）

大家好！今天让创意岭的小编来大家介绍下关于优秀的电商banner图的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

创意岭作为行业内优秀的企业，服务客户遍布全球各地，相关业务请拨打电话：175-8598-2043，或添加微信：1454722008

本文目录:

• 1、如何让Banner做的更好看？

• 2、首页banner应展示哪些内容

• 3、新手设计师该如何搞定电商Banner?

• 4、电商设计需要学什么？

一、如何让Banner做的更好看？

①文字排版Banner中的文字信息传达应与口语表述相似，需要抑扬顿挫、重点突出地进行。在文字排版上，要求重点突出，大小粗细错落有致。字与字之间的结构、布局、留白、组织、呼应等要疏密有序。字体保持在两种左右，加入一些跟内容有关联的元素或者形状，可以很好地表达整个设计的情绪。在明确主题以及内容之后，我们就要根据主题和内容来设计版式，版式就是画面的整体布局，好的版式能够清楚的表达核心思路，正确的展示想要给用户看的东西；大体上排版一般分为两种：图文左右排版和文字居中排版。1、图文左右排版 因为我们的视觉浏览习惯都是从左往右还有从上到下的，所以我们在做 Banner 的时候会经常性的选择使用左右排版，那么使用左图右文还是左文右图也是需要根据主题和内容来决定的。当配图示意比较模糊的时候，我们使用左文字右图的形式，强调文字的吸引力，有一定指导作用。图片来自花瓣这里文字能够精准地将信息带给用户，文字所占比例比图片多些，这也解释了为何大部分左文右图排版的 Banner 都是文字占比大于图片。当配图示意比较明确，同时图片能够强调吸引的时候，我们采用左图右文字，如下图： 使用左图右文字，也是因为图片的内容更吸引用户多一些，所以对图像的品质要求更高，精致感品质感也有要求，这种类型大多使用在家居，护肤等产品上。小结：图文左右排版，以分割排版的方式构图，画面有明确的独立性和引导性，这种方式留白更多，较好的视觉引导和方向使信息更明确，更显品质感。 2、文字居中文字居中的排版多用于电商促销、公众号的文章封面等，大多是突出文字的内容，比如促销的折扣，文章的主题等，其余的产品或者图片都是为了搭配文字做出的气氛烘托，吸引用户点击。 图片来自花瓣使用这种方式让画面展示规整稳定、醒目大方，视觉更聚焦，信息更集中，在突出主体的同时能使整体画面具有一定的冲击力。小结：文字居中布局对于实物（人，商品，创造形象）要求并不高，文字信息本身的处理要求就会高一点。在确认好主题和内容后，我们根据产品所要突出的重点来决定我们的版式，是要突出文字还是突出产品，突出产品即使用左图右文字，这种版式对产品的图片要求比较高；想要突出文字，则可以选择左文字右图或者文字居中排版，但都对文字的设计要求比较高。 不确定用什么版式，我们可以在设计的时候不妨多做几个版本，大胆尝试。 ②文字设计Banner的文字信息是其表达中心思想的灵魂，如果在设计文字的时候全部使用自带字体，会使 Banner显得太过生硬，不富有情感，应该更多地采用字体变形，重新组合。通过不同的笔触粗细和宽高比例，展现 Banner的视觉冲击力和活力。文案内容要高效的传递信息，吸引用户注意力，让人一下子看到主题，文案中文字的排版要区分主次，把控好信息层级；使用合适的字体，明确字体适用的场合，同一画面中字体的使用尽量不要超过三种，过多会显得杂乱，要使用识别度高的字体。而 Banner 中常用的字体有三种：衬线体、非衬线体和书法体。 1、衬线体衬线体笔画有粗细之分，它模仿的是中国古代字体和古代碑文上的字体，简单且易变形，衬线体能给人古典，经典，文艺的感觉，适合用于文艺气息的家居用品或文娱类的相关宣传设计上。 图片来自花瓣以上图为例：文案内容中的“全面沦陷”，让人一目了然；下面一行的内容，更加详细解释了上面的主标题。画面颜色凸显主题，所以字体变形，使用白色，反而在画面中更加突出。衬线字体一般推荐使用方正经黑简体、方正俊黑、方正兰亭显黑简体、华文细黑等，使用的时候注意版权问题。 2、非衬线体非衬线体较简洁，笔画较粗，很容易产生视觉重点，非衬线字体体现现代、简约的特性，适合用于苍劲有力、促销类的相关设计，吸引用户注意力，提高Banner点击率。图片来自花瓣以上图为例：主副标题区分清楚，在字体笔画变形上，结合科技感的气氛，增加了光的流动感，让标题不会过于死板。非衬线字体常用的有：汉仪润圆、方正综艺简体、造字工房劲黑、造字工坊版黑、方正兰亭粗黑、冬青黑体、思源黑体等。 3、书法体书法体源自中国古代，能体现中国文化和挥洒墨水的豪气，适用于传统、中国风、意境的文艺主题和金戈铁马般的豪迈主题。图片来自花瓣上图为例：中秋节是中国的传统文化，使用书法体能够将整体画面营造的中国古典风更好的融合起来，书法体推荐李旭科书法、汉仪尚巍手书、叶根友行书繁体等字体 。

二、首页banner应展示哪些内容

一、走心的文案

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

我们时常会看见这样的广告：文案内容直接罗列了公司经营产品或业务，抑或是像说明书一样详尽介绍产品或服务的主要功能。从广告主的角度来看这是合理

的，用户需要知道我们产品有这些特点，这样我的的产品和服务才能被记住。但事实往往是：这些平淡无趣的广告，除了广告主自己以外，很难有用户真的愿意关注

它。

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

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

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

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

二、均衡的构图

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

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

1、左右式构图

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

2、居中辐射式构图

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

3、三角形构图

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

4、斜线构图

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

三、合适的字体

看到这个banner竹子总感觉好像那里不对，女性的特点是细致优雅，为什么字体如此粗壮了？和女性化妆品的气氛完成不符啊。每个字体好像人一样，

都有自己的性格与气质。选择使用一款字体的时候，除了考虑它的易读性，更多考虑的是这款字体能否准确地传达出对产品独有的气质。下面竹子告诉你应该如何选

择字体。

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

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

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

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

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

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

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

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

三、新手设计师该如何搞定电商Banner?

既然说经验那就说明是有一定规律可循的，只有符合一定规律才会更好看一些。

先从Banner中的文字排版说起，如何能通过排版给人以视觉上的美感。

一.文字排版

不管给到什么文字，先想怎么对齐。一般都是左对齐、右对齐、居中对齐三种形式。

这三种形式中又有，文字中间大，上下小，大部分的排版都在遵循着这个规律。

因为人们视线是发散性的，文字大小、粗细、长短、错落排布，而且这样的做法可以让画面更具有灵性。

banner上的字要看清不能让人去猜，也就是大家经常说的，形式服务于内容。就是要简单。研究半天才能看明白的文字会让人反感。

况且浏览者不会把太多精力放在banner上，3秒以内看不懂就过了，没机会了。

文字内容要集中，不能分散，不要让用户到处找信息，这样也可以让画面看的更加整体，不会使画面看着一团乱糟糟。

文字尽量采用容易辨认的字体，因为文字的目的就是让人看懂的，文字太花哨，会感觉很乱。

文字颜色可以吸取图片颜色，或者产品颜色。但颜色也不能太靠，保证文字清晰可见，这样整体画面颜色和谐统一，不会出现大的问题。

二．选择图片

首先我们需要记住，

背景就是个作陪衬的，不能抢了主角的风头，

同时背景又在整个设计中起到了烘托主题渲染气氛的作用，

所以背景应该围绕着我们的设计主题来展开制作，而不是天花乱坠的。

产品本身有现成的推广图最好了，

如果需要设计师自己找图需要注意清晰度一定要高，还要符合产品特点，适合的才是最好的。这里需要注意版权问题，不能乱用。

总结：

产品图片选择清晰大图，

文字排版合理有设计感，

颜色选取合适，背景小装饰物的点缀不喧宾夺主。

这样一张合格的banner就做成了。

体会到设计的真谛，唯多看多练！

四、电商设计需要学什么？

《117605-巧匠-43期高级电商设计特战班（16节课程）带素材课件》百度网盘资源免费下载

链接:https://pan.baidu.com/s/1ancE_Ps0wEievYMotuRsfA

117605-巧匠-43期高级电商设计特战班（16节课程）带素材课件|作业|素材|视频|更多资源.url|16_毕业.mp4|15_移动端详情页.mp4|14_专题页.mp4|13_合成技法.mp4|12_创意思维.mp4|11-调色技巧.mp4|10_材质贴图.mp4|09_光影理论资料.mp4|08-透视空间.mov|07_霓虹灯场景.mp4  

以上就是关于优秀的电商banner图相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。

推荐阅读：

优秀的设计作品及设计师（优秀的设计作品及设计师怎么写）

关于vi设计的优秀书籍（有关vi设计的相关文献）

优秀作业展字体设计（优秀作业展示字体）_1

众创指购原始股真的（众创指购原始股真的能赚钱吗）

线上店铺是什么意思（什么叫线上店铺）