本专题堪称Banner 设计自学指南，从最基础的四大构成元素，到每个元素的设计方法都有超全的干货说明，针对每年的重要电商节日，还发了专题教程。除了教程和方法，还为电商设计师贴心准备了职场规划，快点下你收藏的小手吧~
2022/07/31更新
作者研究了各种场景下资源位的最佳设计方案，找到了各测试中影响数据增长的关键因素。
本文从为什么要建立 Banner 组件库、Banner 组件库的类别、四大知识要点、组件库制作流程及案例展示等方面，帮你掌握 Banner 组件库的建立方法。
一张优秀的模特图能决定 Banner 的 80% 的点击量。如何根据文案挑选模特图、如何用对用好模特图是电商设计的入门基础，本文用7000+字和超多案例帮你掌握这个知识点。
「空间陈列法」主要分成了「焦点透视」和「陈列场景」2大部分来介绍，其中焦点透视是立体空间的塑造基础，而陈列场景则是产品陈列的具体环境。
可能是最全面的移动端Banner设计指南！带你从国内外Banner区别、Banner设计技巧、主体物体现，3个层面深度剖析如何做出优秀的Banner。
Banner 设计画面千千万，套路来回就几样。本文总结了Banner 设计的常见框架和方法，帮你快速上手 Banner 设计！
在拿到设计需求，没有什么想法的时候，可以参考本文的画面元素选择思路，找到适合的设计方向，提高设计效率。
在设计的过程中，灵感经常时有时无，飘忽不定，所以把自己的做稿流程总结出来。在没有灵感和想法的时候，按照以下流程进行设计，提高工作效率。
在大多数 Banner 都千篇一律的情况下，如何才能让用户点开呢？腾讯动漫设计中心学会了「内容植入式运营设计」方法后，效果显著！
本文对当下常见Banner 的设计风格等进行剖析，从数据驱动、易懂性、情感化设计告诉你如何提高Banner 的精准性、可读性和点击率。
编者按：做一张Banner 需要掌握版式、字体、配色等等，那么庞大的知识体系，应该如何学习？本文从排版这个知识点入手，告诉你应该如何掌握全面的Banner 设计知识。上图是自己平时对 banner 一个抽丝剥茧的过程，可以看到，通过一级一级的分析，你会发现一个小小的 banner 设计可以囊括设计的各个分支。
@TTTing1 ：之前说过要写一系列专门针对电商三大构成的文章，在上篇文章中已经给大家梳理了一篇关于色彩的：六个步骤细说电商banner图设计之色彩的奥秘，今天就接着给大家讲一下关于平面构成的，包括「平面构成的含义，电商banner的组成元素，如何运用平面构成」等等，都是干货。小婷姐的电商设计系列好文：《新人手册！聊聊关于电商设计的那些事儿》《前辈经验！
编者按：一直有人问Banner 背景怎么做，其实设计Banner 和讲故事一样，都是用来烘托主体的，所以也有套路可循。今天@TTTing1 这篇好文就总结了5种常用的Banner 背景设计，简单易懂，案例丰富，建议阅读。写在前面我们先回顾下banner由哪些部分组成：主要由文案、商品图或模特、背景、点缀物组成，如下图所示：（这张图的出现频率很高，大家估计都已经烂熟于心了吧，哈哈～）我们可以看到，一个Banner的主体始终是文案或商品模特，文案为主的情况居多，而背景始终是个配角，它是用来烘托主题，渲染...
编者按：拿到一个banner设计需求后该如何动手？不同风格的Banner都有什么规律可以借鉴？今天@TTTing1 （京东用户体验部）这篇好文不仅分享了拿到设计需求后5个应该执行的步骤，而且还对六种常见的商品图进行归纳总结，干货满满收！
接下来我要给大家讲的是“Banner图设计之商品图该怎么玩”（下集），紧接着上篇文章“Banner图设计之商品图该怎么玩”（上集），我们继续来讲解这个问题。上集回顾：《电商干货！BANNER图设计之商品图该怎么玩（上集）》小婷姐的电商设计系列好文：《新人手册！
不沉的骨头：在做活动页面的时候你是不是也会跟我一样纠结商品要怎么样摆放呢？商品的摆放跟页面的板式布局紧密相关。这次为大家带来的是活动页面设计之商品的5种摆放姿势，下面我们一起来看看。
@TTTing1 ：我之前写过很多关于Banner的文章，我也给大家做过图例示范，如下图所示，一个最完整最常规的Banner主要由下面这些部分组成：文案／模特或商品／背景／点缀元素／logo。我也写过上百篇关于电商的文章，内容涵盖文案／运营／设计／摄影／用户体验／用户心理／市场营销等各个方面，算是比较全面的了，但是大家可能也发现了，我对于电商设计里面的其中一个部分其实写的非常少，也就是标题设计。以前我觉得标题部分的设计比较复杂，涉及到图形设计／质感风格／文字排版／字体的气质／色彩搭配／文化背景等很多...
我们上期提到了常用版式及在版式应用中需要注意的一些小细节。接下来我们还是围绕细节问题展开讲解，毕竟所有好的作品，最最基本的要素就是细节的丰富和完善，细节处理得好，作品想出问题都很难。今天这篇从文字排版的规律、行距和间距，主副标题的运用等细节帮你做出一个细节到位的电商Banner。
即使是一块小小的SALE 招牌设计其实也有很多种玩法呢，今天@TTTing1 （ 京东用户体验设计部）这篇文章总结了9种常见的设计手法，每一个都附上优秀案例，看完也许对Banner 排版设计能有所启发哦。小婷姐的电商系列好文：《新人手册！聊聊关于电商设计的那些事儿》《前辈经验！
@做设计的面条 ：做电商设计的人都知道，我们的文案里时常会出现类似“满200减100”／“5折”／“30%OFF”／“39元起”“4月1号预售”之类的带有数字利益点的文案，而数字比文字也显得更加直观更加吸引眼球，所以对于该如何合理利用这些数字做设计也是很值得研究的一个话题，接下来我就带大家看看咯！1. 我们常见的会用到数字元素的设计有哪些呢？比如我们的很多电商Banner或专题页面里，经常会出现活动日期／抢购时间／商品价格／位数排名／剩余或已售个数／步骤序号／完成进度等跟数字有关的元素，而这些数字他...
@做设计的面条 ：我以前就反复提到过，一个最常规的最完整的Banner，一般有这五个组成部分：文案／模特商品／背景／点缀元素／LOGO，我给大家简单做了一个示例：这5个部分里的文案／模特商品／背景／logo我都有专门写过对应的文章，唯独点缀元素我还没有讲过，所以今天我要给大家讲的是点缀元素的在Banner设计里的运用和玩法，它也是大家经常需要用却又经常忽略了或用不好的一个知识点。为了便于大家理解，我将把这次的内容拆分为以下6个方面为大家讲解：一、点缀元素所起到的作用二、点缀元素的存在形式三、不用定位...
@TTTing1 ：这是我专门为电商Banner图设计所写的一篇关于色彩的文章，文章包括6个部分，包括Banner的组成要素、Banner的作用、有哪些会影响到信息传达的因素、色彩起到的作用以及如何使用色彩等，案例丰富，深入浅出，强烈建议阅读！小婷姐的电商设计系列好文：《新人手册！聊聊关于电商设计的那些事儿》《前辈经验！
@TTTing1 ：平时经常会有人问我“什么样才算是好的Banner ？”、“我这个Banner 有什么问题呢？”之类的问题，还有时候大家会分享一些作品但是我觉得并不是特别好，所以就觉得要不写一篇“如何判断一个Banner 的好坏”之类的文章吧，因为我们常说设计师要多看，但是多看的前提是要学会辨别一个东西的好坏，要多看好的而非不好的东西哈，要不然怎么提高审美提高眼界呢？
@做设计的面条 ：做设计的时候经常毫无头绪或者看不出自己的问题在哪里？相信你们看完这篇5个改稿对比案例后，会对自己平时所存在的问题更加清晰。虽然我以前写过诸多电商设计和Banner设计方面的文章，也做过很多设计点评，但是因为懒和时间精力有限的缘故，我几乎很少亲自去改稿，毕竟我觉得自己的时间也蛮值钱的，所以我只做自己想做的事情。
每年春节的视觉设计都千篇一律，全是红红火火毛笔字，热热闹闹手绘风。该如何跳出这个视觉风格，让专题页脱颖而出？@TTTing1 总结了5个套路，帮你做出不一样的专题设计！
2.14情人节马上要到了，估计很多店铺或平台都已经在准备情人节相关的活动了（或者有些手快的活动页面在年前都已经做完了吧），那么今天我就带大家一起看看，究竟情人节页面设计可以有哪些玩法以及怎么玩吧。欢迎关注@TTTing1 的微信公众号「做设计的面条」，一个干货与文笔俱佳的美女设计师。Let’s Go！
@TTTing1 ：不知道大家有没有发现一个现象，现在几乎所有的节日都变成买买买的电商节日了（连清明节和单身狗的节日也不放过，可怕。），而且大部分节日最终其实都变成了美少女们的狂欢日，就连儿童节也变成了（大龄）美少女们最喜欢的节日之一，这大概是独生子女越来越多以及男女比例失衡的缘故吧（据人口学者及高级统计师姚美判断，2020年或将爆发光棍危机），一些父母在孩子二三十岁的时候依然还会只是把她们当孩子看，逢年过节会给她们买礼物，很多女孩子也会或希望能在儿童节这一天收到男票或闺蜜送的节日礼物等等。而鉴于这...
@TTTing1 ：大家都知道没灵感的后果是什么吧？比如做了一稿又一稿始终get不到老板的兴奋点啦，无止境地加班啦，做着做着感觉不对劲想要中途弃稿啦，时间过了一大半却还迟迟没有动手执行啦等等，所有这些对于创意人或设计师来说可都是噩梦般地存在啊。所以，要不我们今天来讲一讲怎么挖掘设计灵感好伐？
说到圣诞节相关的设计，估计大部分正常人想到的都是白茫茫的雪地里，一位和蔼可亲的圣诞老爷爷驾着驯鹿拉的雪橇，背上还有一个大袋子，袋子里面装满了各种各样的礼物，这些礼物会被挨家挨户地送到需要的人手里，这么样一个场景。之所以我们会有这种固化的思维，是因为圣诞节本来就是国外的节日习俗，我们对它的了解其实还是比较少，那么，能不能多一些开阔思维，让我们的设计更有意思更具吸引力呢？今天我们就一起来聊一下这个话题好了。
@TTTing1 ：由三八妇女节演变而成的各种女人节／女生节／女王节／女神节让，接下来我就带大家看下，这些围绕着妇女节的专题页面可以怎么玩吧。欢迎关注@TTTing1 的微信公众号「做设计的面条」，一个干货与文笔俱佳的美女设计师。let’s go！
@做设计的面条 ：设计圈里经常流行的一些调侃或自黑的段子，其实无非就是围绕着甲方爸爸／老板大人／运营哥哥们不懂设计但又经常喜欢提修改意见，或者不给钱不给时间但又要求设计要做的高大上要有高转化率等等问题而衍变的。其实造成这些困扰的，无非就是因为大家相互之间缺少了解以及沟通不到位造成的，针对这个问题，今天我就来给大家梳理一下“运营或老板们到底该如何给设计师提修改意见以及如何跟设计师沟通”这个问题好了。首先我们来看看运营老板以及甲方爸爸们最爱用的，可以直接让设计师们崩溃＋懵逼的10大经典改稿评语：不够大气...
@TTTing1 ：有一位面粉给我提出了一个问题，让我印象深刻，我也一直想着等空了要好好回答一下，她的问题是：“电商设计师究竟该如何认知自己的价值？比如我们花费那么多精力做的页面却只是上线几天就下线了，而别的设计师，比如做一个logo，却可以用好久可以几年甚至几十年都不换，感觉好不公平啊。”我想这个问题应该也是很多面粉所关心的，所以我想根据我这么些年的观察和经历来说一下自己的看法，也欢迎大家跟我一起探讨。
发评论！每天赢奖品
点击 登录 后，在评论区留言，系统会随机派送奖品
2012年成立至今，是国内备受欢迎的设计师平台，提供奖品赞助 联系我们
你好 短视频
已累计诞生 134 位幸运星
发表评论
Wo~本文的评论还空着，快来抢沙发
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓