Banner设计

电商Banner如何设计转化最高？来看京东的实测对比！

作者研究了各种场景下资源位的最佳设计方案，找到了各测试中影响数据增长的关键因素。

京东JellyDesign 10.2w 人阅读 2021/10/20 Banner设计 布局设计

1

太好用了！超详细的 Banner 组件库建立指南（附案例源文件）

本文从为什么要建立 Banner 组件库、Banner 组件库的类别、四大知识要点、组件库制作流程及案例展示等方面，帮你掌握 Banner 组件库的建立方法。

黑狮力 8.9w 人阅读 2020/12/29 Banner banner组件库

2

这次我教你，优秀的Banner是怎样用对模特图的！

一张优秀的模特图能决定 Banner 的 80% 的点击量。如何根据文案挑选模特图、如何用对用好模特图是电商设计的入门基础，本文用7000+字和超多案例帮你掌握这个知识点。

土拨鼠 6.0w 人阅读 2013/08/10 Banner设计 平面设计

3

如何做好Banner设计？先掌握这个高手都会的空间陈列法！

「空间陈列法」主要分成了「焦点透视」和「陈列场景」2大部分来介绍，其中焦点透视是立体空间的塑造基础，而陈列场景则是产品陈列的具体环境。

卢维贤 11.3w 人阅读 2020/07/28 Banner设计 平面设计

4

万字雄文！移动端 Banner 设计指南（附超多案例）

可能是最全面的移动端Banner设计指南！带你从国内外Banner区别、Banner设计技巧、主体物体现，3个层面深度剖析如何做出优秀的Banner。

土拨鼠 10.0w 人阅读 2019/12/03 Banner Banner设计

5

超全面！写给入门新手的运营插画 Banner 设计指南（一）

Banner 设计画面千千万，套路来回就几样。本文总结了Banner 设计的常见框架和方法，帮你快速上手 Banner 设计！

土拨鼠 8.0w 人阅读 2019/08/13 banner教程 Banner设计

6

超全面！写给入门新手的运营插画 Banner 设计指南（二）

在拿到设计需求，没有什么想法的时候，可以参考本文的画面元素选择思路，找到适合的设计方向，提高设计效率。

土拨鼠 6.3w 人阅读 2019/08/15 Banner设计 平面设计

7

超全面！写给入门新手的运营插画 Banner 设计指南（三）

在设计的过程中，灵感经常时有时无，飘忽不定，所以把自己的做稿流程总结出来。在没有灵感和想法的时候，按照以下流程进行设计，提高工作效率。

土拨鼠 11.5w 人阅读 2019/08/18 Banner设计 平面设计

8

感觉 Banner 千篇一律不想点？腾讯动漫用这个设计让你点爆！

在大多数 Banner 都千篇一律的情况下，如何才能让用户点开呢？腾讯动漫设计中心学会了「内容植入式运营设计」方法后，效果显著！

程远 5.9w 人阅读 2019/07/20 Banner设计 TCD设计中心

9

网易设计师：能让用户掏钱的Banner 是如何设计的？

本文对当下常见Banner 的设计风格等进行剖析，从数据驱动、易懂性、情感化设计告诉你如何提高Banner 的精准性、可读性和点击率。

程远 6.3w 人阅读 2019/04/04 Banner设计 电商banner

10

用一篇超全面的文章，帮你掌握Banner 基础构成形式

编者按：做一张Banner 需要掌握版式、字体、配色等等，那么庞大的知识体系，应该如何学习？本文从排版这个知识点入手，告诉你应该如何掌握全面的Banner 设计知识。上图是自己平时对 banner 一个抽丝剥茧的过程，可以看到，通过一级一级的分析，你会发现一个小小的 banner 设计可以囊括设计的各个分支。

程远 6.2w 人阅读 2019/02/11 Banner设计 中文排版

11

基础构成五大步骤！细说Banner图设计之平面构成的奥秘

@TTTing1 ：之前说过要写一系列专门针对电商三大构成的文章，在上篇文章中已经给大家梳理了一篇关于色彩的：六个步骤细说电商banner图设计之色彩的奥秘，今天就接着给大家讲一下关于平面构成的，包括「平面构成的含义，电商banner的组成元素，如何运用平面构成」等等，都是干货。小婷姐的电商设计系列好文：《新人手册！聊聊关于电商设计的那些事儿》《前辈经验！

程远 14.3w 人阅读 2016/08/31 Banner banner教程

12

背景设计用讲故事的方法，掌握这5种Banner 背景设计的套路

编者按：一直有人问Banner 背景怎么做，其实设计Banner 和讲故事一样，都是用来烘托主体的，所以也有套路可循。今天@TTTing1 这篇好文就总结了5种常用的Banner 背景设计，简单易懂，案例丰富，建议阅读。写在前面我们先回顾下banner由哪些部分组成：主要由文案、商品图或模特、背景、点缀物组成，如下图所示：（这张图的出现频率很高，大家估计都已经烂熟于心了吧，哈哈～）我们可以看到，一个Banner的主体始终是文案或商品模特，文案为主的情况居多，而背景始终是个配角，它是用来烘托主题，渲染...

程远 5.4w 人阅读 2016/09/27 Banner banner素材

13

主体设计电商干货！Banner图设计之商品图该怎么玩（上集）

编者按：拿到一个banner设计需求后该如何动手？不同风格的Banner都有什么规律可以借鉴？今天@TTTing1 （京东用户体验部）这篇好文不仅分享了拿到设计需求后5个应该执行的步骤，而且还对六种常见的商品图进行归纳总结，干货满满收！

程远 8.7w 人阅读 2016/03/17 电商 电商banner

14

主体设计电商干货！BANNER图设计之商品图该怎么玩（下集）

接下来我要给大家讲的是“Banner图设计之商品图该怎么玩”（下集），紧接着上篇文章“Banner图设计之商品图该怎么玩”（上集），我们继续来讲解这个问题。上集回顾：《电商干货！BANNER图设计之商品图该怎么玩（上集）》小婷姐的电商设计系列好文：《新人手册！

程远 8.0w 人阅读 2016/03/20 Banner banner教程

15

主体设计电商好文！超多实战案例帮你解锁5种商品摆放姿势

不沉的骨头：在做活动页面的时候你是不是也会跟我一样纠结商品要怎么样摆放呢？商品的摆放跟页面的板式布局紧密相关。这次为大家带来的是活动页面设计之商品的5种摆放姿势，下面我们一起来看看。

程远 5.0w 人阅读 2016/08/02 产品图 摄影技巧

16

标题设计福利干货！搞定电商标题设计的6个奥秘都在这里了！

@TTTing1 ：我之前写过很多关于Banner的文章，我也给大家做过图例示范，如下图所示，一个最完整最常规的Banner主要由下面这些部分组成：文案／模特或商品／背景／点缀元素／logo。我也写过上百篇关于电商的文章，内容涵盖文案／运营／设计／摄影／用户体验／用户心理／市场营销等各个方面，算是比较全面的了，但是大家可能也发现了，我对于电商设计里面的其中一个部分其实写的非常少，也就是标题设计。以前我觉得标题部分的设计比较复杂，涉及到图形设计／质感风格／文字排版／字体的气质／色彩搭配／文化背景等很多...

程远 4.2w 人阅读 2017/03/10 文章标题怎么写 标题文字

17

文字排版学会这四个技巧，帮你掌握电商Banner中的文字排版方法

我们上期提到了常用版式及在版式应用中需要注意的一些小细节。接下来我们还是围绕细节问题展开讲解，毕竟所有好的作品，最最基本的要素就是细节的丰富和完善，细节处理得好，作品想出问题都很难。今天这篇从文字排版的规律、行距和间距，主副标题的运用等细节帮你做出一个细节到位的电商Banner。

程远 7.7w 人阅读 2016/09/29 Banner 排版布局

18

促销排版不怕没灵感了！SALE 招牌的9种排版设计方法归纳（附案例）

即使是一块小小的SALE 招牌设计其实也有很多种玩法呢，今天@TTTing1 （京东用户体验设计部）这篇文章总结了9种常见的设计手法，每一个都附上优秀案例，看完也许对Banner 排版设计能有所启发哦。小婷姐的电商系列好文：《新人手册！聊聊关于电商设计的那些事儿》《前辈经验！

程远 4.0w 人阅读 2016/03/07 排版布局 排版设计

19

数字元素高手课堂！3招搞定数字元素在Banner及专题页设计中的运用

@做设计的面条：做电商设计的人都知道，我们的文案里时常会出现类似“满200减100”／“5折”／“30%OFF”／“39元起”“4月1号预售”之类的带有数字利益点的文案，而数字比文字也显得更加直观更加吸引眼球，所以对于该如何合理利用这些数字做设计也是很值得研究的一个话题，接下来我就带大家看看咯！1. 我们常见的会用到数字元素的设计有哪些呢？比如我们的很多电商Banner或专题页面里，经常会出现活动日期／抢购时间／商品价格／位数排名／剩余或已售个数／步骤序号／完成进度等跟数字有关的元素，而这些数字他...

程远 4.1w 人阅读 2017/04/25 Banner设计 专题设计

20

点缀元素 Banner设计终极宝典！6招搞定点缀元素的运用！

@做设计的面条：我以前就反复提到过，一个最常规的最完整的Banner，一般有这五个组成部分：文案／模特商品／背景／点缀元素／LOGO，我给大家简单做了一个示例：这5个部分里的文案／模特商品／背景／logo我都有专门写过对应的文章，唯独点缀元素我还没有讲过，所以今天我要给大家讲的是点缀元素的在Banner设计里的运用和玩法，它也是大家经常需要用却又经常忽略了或用不好的一个知识点。为了便于大家理解，我将把这次的内容拆分为以下6个方面为大家讲解：一、点缀元素所起到的作用二、点缀元素的存在形式三、不用定位...

程远 6.5w 人阅读 2017/03/29 Banner Banner设计

21

色彩搭配六大步骤！细说电商Banner图设计之色彩的奥秘

@TTTing1 ：这是我专门为电商Banner图设计所写的一篇关于色彩的文章，文章包括6个部分，包括Banner的组成要素、Banner的作用、有哪些会影响到信息传达的因素、色彩起到的作用以及如何使用色彩等，案例丰富，深入浅出，强烈建议阅读！小婷姐的电商设计系列好文：《新人手册！聊聊关于电商设计的那些事儿》《前辈经验！

程远 6.2w 人阅读 2016/07/21 Banner banner教程

22

辨别好坏提高审美的前提！如何辨别一个Banner的好坏？（附案例）

@TTTing1 ：平时经常会有人问我“什么样才算是好的Banner ？”、“我这个Banner 有什么问题呢？”之类的问题，还有时候大家会分享一些作品但是我觉得并不是特别好，所以就觉得要不写一篇“如何判断一个Banner 的好坏”之类的文章吧，因为我们常说设计师要多看，但是多看的前提是要学会辨别一个东西的好坏，要多看好的而非不好的东西哈，要不然怎么提高审美提高眼界呢？

程远 9.9w 人阅读 2016/03/09 Banner banner教程

23

改稿案例 5个实操改稿案例，教你做出高质量的Banner设计！

@做设计的面条：做设计的时候经常毫无头绪或者看不出自己的问题在哪里？相信你们看完这篇5个改稿对比案例后，会对自己平时所存在的问题更加清晰。虽然我以前写过诸多电商设计和Banner设计方面的文章，也做过很多设计点评，但是因为懒和时间精力有限的缘故，我几乎很少亲自去改稿，毕竟我觉得自己的时间也蛮值钱的，所以我只做自己想做的事情。

程远 5.3w 人阅读 2017/12/20 实战案例 电商banner

24

春节学会这5个套路，做出不一样的春节专题页设计！

每年春节的视觉设计都千篇一律，全是红红火火毛笔字，热热闹闹手绘风。该如何跳出这个视觉风格，让专题页脱颖而出？@TTTing1 总结了5个套路，帮你做出不一样的专题设计！

程远 4.3w 人阅读 2017/01/11 专题设计 专题页

25

情人节电商大招！三步教你搞定情人节活动专题页设计及玩法！

2.14情人节马上要到了，估计很多店铺或平台都已经在准备情人节相关的活动了（或者有些手快的活动页面在年前都已经做完了吧），那么今天我就带大家一起看看，究竟情人节页面设计可以有哪些玩法以及怎么玩吧。欢迎关注@TTTing1 的微信公众号「做设计的面条」，一个干货与文笔俱佳的美女设计师。Let's Go！

程远 4.2w 人阅读 2017/02/07 专题页 情人节

26

儿童节关于六一儿童节页面设计，你早就该换个思路了！

@TTTing1 ：不知道大家有没有发现一个现象，现在几乎所有的节日都变成买买买的电商节日了（连清明节和单身狗的节日也不放过，可怕。），而且大部分节日最终其实都变成了美少女们的狂欢日，就连儿童节也变成了（大龄）美少女们最喜欢的节日之一，这大概是独生子女越来越多以及男女比例失衡的缘故吧（据人口学者及高级统计师姚美判断，2020年或将爆发光棍危机），一些父母在孩子二三十岁的时候依然还会只是把她们当孩子看，逢年过节会给她们买礼物，很多女孩子也会或希望能在儿童节这一天收到男票或闺蜜送的节日礼物等等。而鉴于这...

程远 2.6w 人阅读 2017/05/17 专题设计 经验分享

27

圣诞节电商丨四步挖掘灵感，30分钟打造出一款圣诞节Banner！

@TTTing1 ：大家都知道没灵感的后果是什么吧？比如做了一稿又一稿始终get不到老板的兴奋点啦，无止境地加班啦，做着做着感觉不对劲想要中途弃稿啦，时间过了一大半却还迟迟没有动手执行啦等等，所有这些对于创意人或设计师来说可都是噩梦般地存在啊。所以，要不我们今天来讲一讲怎么挖掘设计灵感好伐？

程远 3.1w 人阅读 2016/11/29 Banner Banner设计

28

圣诞节 5个突破点，搞定吸引人的圣诞节Banner及专题页面设计！

说到圣诞节相关的设计，估计大部分正常人想到的都是白茫茫的雪地里，一位和蔼可亲的圣诞老爷爷驾着驯鹿拉的雪橇，背上还有一个大袋子，袋子里面装满了各种各样的礼物，这些礼物会被挨家挨户地送到需要的人手里，这么样一个场景。之所以我们会有这种固化的思维，是因为圣诞节本来就是国外的节日习俗，我们对它的了解其实还是比较少，那么，能不能多一些开阔思维，让我们的设计更有意思更具吸引力呢？今天我们就一起来聊一下这个话题好了。

程远 4.2w 人阅读 2016/12/20 Banner Banner设计

29

三八节三八XX节专题页设计该怎么玩？看这篇就够了！

@TTTing1 ：由三八妇女节演变而成的各种女人节／女生节／女王节／女神节让，接下来我就带大家看下，这些围绕着妇女节的专题页面可以怎么玩吧。欢迎关注@TTTing1 的微信公众号「做设计的面条」，一个干货与文笔俱佳的美女设计师。let's go！

程远 2.4w 人阅读 2017/02/21 专题设计 专题页

30

情人节电商大招！三步教你搞定情人节活动专题页设计及玩法！

2.14情人节马上要到了，估计很多店铺或平台都已经在准备情人节相关的活动了（或者有些手快的活动页面在年前都已经做完了吧），那么今天我就带大家一起看看，究竟情人节页面设计可以有哪些玩法以及怎么玩吧。欢迎关注@TTTing1 的微信公众号「做设计的面条」，一个干货与文笔俱佳的美女设计师。Let's Go！

程远 4.2w 人阅读 2017/02/07 专题页 情人节

31

职场沟通 5个电商案例，教你学会优雅高效地给设计师们提修改意见

@做设计的面条：设计圈里经常流行的一些调侃或自黑的段子，其实无非就是围绕着甲方爸爸／老板大人／运营哥哥们不懂设计但又经常喜欢提修改意见，或者不给钱不给时间但又要求设计要做的高大上要有高转化率等等问题而衍变的。其实造成这些困扰的，无非就是因为大家相互之间缺少了解以及沟通不到位造成的，针对这个问题，今天我就来给大家梳理一下“运营或老板们到底该如何给设计师提修改意见以及如何跟设计师沟通”这个问题好了。首先我们来看看运营老板以及甲方爸爸们最爱用的，可以直接让设计师们崩溃＋懵逼的10大经典改稿评语：不够大气...

程远 2.7w 人阅读 2017/08/11 改稿技巧 沟通技巧

32

职场规划找不到发展方向？聊聊电商设计师如何正确认知自己的价值

@TTTing1 ：有一位面粉给我提出了一个问题，让我印象深刻，我也一直想着等空了要好好回答一下，她的问题是：“电商设计师究竟该如何认知自己的价值？比如我们花费那么多精力做的页面却只是上线几天就下线了，而别的设计师，比如做一个logo，却可以用好久可以几年甚至几十年都不换，感觉好不公平啊。”我想这个问题应该也是很多面粉所关心的，所以我想根据我这么些年的观察和经历来说一下自己的看法，也欢迎大家跟我一起探讨。

程远 3.5w 人阅读 2017/03/14 电商设计 电商设计师

33

菜单 优设网uisdc.com 优设网 - 学设计上优设

开通优设VIP星球

尊享13项VIP特权 持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

VIP优先接，累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

领取更多设计师实用特权

您还未登录

登录后即可体验更多功能

Banner设计 《从基础到进阶的终极设计宝典！》

33 篇文章 2108996 位观众

智能电视设计

这个完全不同的新领域应该如何设计？

查看专题

设计流程

从业余新人跨入专业设计师的那道坎

查看专题

Sketch 进阶指南

看过高手的用法，才发现自己完全不懂Sketch......

查看专题

交互控件

这个控件叫什么？

查看专题

B 端产品设计

从小白扫盲到大厂实战案例

查看专题

正序 倒序

京东JellyDesign 10.2w 人阅读 2021/10/20 Banner设计布局设计

黑狮力 8.9w 人阅读 2020/12/29 Bannerbanner组件库

土拨鼠 6.0w 人阅读 2013/08/10 Banner设计平面设计

卢维贤 11.3w 人阅读 2020/07/28 Banner设计平面设计

土拨鼠 10.0w 人阅读 2019/12/03 BannerBanner设计

土拨鼠 8.0w 人阅读 2019/08/13 banner教程Banner设计

土拨鼠 6.3w 人阅读 2019/08/15 Banner设计平面设计

土拨鼠 11.5w 人阅读 2019/08/18 Banner设计平面设计

程远 5.9w 人阅读 2019/07/20 Banner设计TCD设计中心

程远 6.3w 人阅读 2019/04/04 Banner设计电商banner

程远 6.2w 人阅读 2019/02/11 Banner设计中文排版

程远 14.3w 人阅读 2016/08/31 Bannerbanner教程

程远 5.4w 人阅读 2016/09/27 Bannerbanner素材

程远 8.7w 人阅读 2016/03/17 电商电商banner

程远 8.0w 人阅读 2016/03/20 Bannerbanner教程

程远 5.0w 人阅读 2016/08/02 产品图摄影技巧

程远 4.2w 人阅读 2017/03/10 文章标题怎么写标题文字

程远 7.7w 人阅读 2016/09/29 Banner排版布局

程远 4.0w 人阅读 2016/03/07 排版布局排版设计

程远 4.1w 人阅读 2017/04/25 Banner设计专题设计

程远 6.5w 人阅读 2017/03/29 BannerBanner设计

程远 6.2w 人阅读 2016/07/21 Bannerbanner教程

程远 9.9w 人阅读 2016/03/09 Bannerbanner教程

程远 5.3w 人阅读 2017/12/20 实战案例电商banner

程远 4.3w 人阅读 2017/01/11 专题设计专题页

程远 4.2w 人阅读 2017/02/07 专题页情人节

程远 2.6w 人阅读 2017/05/17 专题设计经验分享

程远 3.1w 人阅读 2016/11/29 BannerBanner设计

程远 4.2w 人阅读 2016/12/20 BannerBanner设计

程远 2.4w 人阅读 2017/02/21 专题设计专题页

程远 4.2w 人阅读 2017/02/07 专题页情人节

程远 2.7w 人阅读 2017/08/11 改稿技巧沟通技巧

程远 3.5w 人阅读 2017/03/14 电商设计电商设计师

发评论！每天赢奖品

点击 登录 后，在评论区留言，系统会随机派送奖品

2012年成立至今，是国内备受欢迎的设计师平台，提供奖品赞助 联系我们

海报设计原理与实例解析

已累计诞生 259 位幸运星

发表评论

2018-11-14 来自 优设惊喜部 ChickOS

↓ 下方为您推荐了一些精彩有趣的文章热评 ↓

大家都在看

大厂实战案例复盘

13篇文章

UI设计规范

37篇文章

智能电视设计

9篇文章

菜单优设网 - 学设计上优设

尊享13项VIP特权持续新增

Banner设计《从基础到进阶的终极设计宝典！》

正序倒序

黑狮力 8.9w 人阅读 2020/12/29 Banner banner组件库

土拨鼠 10.0w 人阅读 2019/12/03 Banner Banner设计

土拨鼠 8.0w 人阅读 2019/08/13 banner教程 Banner设计

程远 5.9w 人阅读 2019/07/20 Banner设计 TCD设计中心

程远 14.3w 人阅读 2016/08/31 Banner banner教程

程远 5.4w 人阅读 2016/09/27 Banner banner素材

程远 8.0w 人阅读 2016/03/20 Banner banner教程

程远 7.7w 人阅读 2016/09/29 Banner 排版布局

程远 6.5w 人阅读 2017/03/29 Banner Banner设计

程远 6.2w 人阅读 2016/07/21 Banner banner教程

程远 9.9w 人阅读 2016/03/09 Banner banner教程

程远 3.1w 人阅读 2016/11/29 Banner Banner设计

程远 4.2w 人阅读 2016/12/20 Banner Banner设计

点击登录后，在评论区留言，系统会随机派送奖品

2012年成立至今，是国内备受欢迎的设计师平台，提供奖品赞助联系我们

2018-11-14 来自优设惊喜部 ChickOS

微信扫码添加管理员招财

微信号：扫码添加