电商banner - 优设网 - 学设计上优设

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

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

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

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

电商banner 话题

首页
设计文章
电商banner

9种常见的Banner版面布局技巧

9图 1/9

9种常见的Banner版面布局技巧

双11电商首屏设计灵感参考！9种不同的风格点击率提升30%

9图 1/9

双11电商首屏设计灵感参考！9种不同的风格点击率提升30%

做电商Banner没灵感？来看这45种风格各异的Banner排版

9图 1/9

做电商Banner没灵感？来看这45种风格各异的Banner排版

甲方说你的banner视觉不突出！用这9组案例教你解决

9图 1/9

甲方说你的banner视觉不突出！用这9组案例教你解决

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

网页

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

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

2019/08/13

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

网页

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

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

2019/04/04

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

教程

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

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

2019/02/11

如何巧用线条，让你的Banner 更有设计感？

网页

如何巧用线条，让你的Banner 更有设计感？

在上两期整理banner设计的过程中，我发现线框在banner设计中的应用非常广泛。不仅能够辅助一些元素的设计，还可以为设计增色不少，增加设计感。所以，我决定总结研究一番，发现这里面还是有点道道的。

2018/02/28

Banner设计宝典之可能是最全面的流程分析总结

网页

Banner设计宝典之可能是最全面的流程分析总结

经过上篇的分享《Banner设计宝典系列！玩转9种最常见的设计风格》之后，我又马不停蹄的进行了这篇文章的总结。今天分享的内容涵盖了整个banner的设计流程，总结了流程中牵扯到的所有步骤和相关元素与大家分享。

2018/02/11

Banner设计宝典系列！玩转9种最常见的设计风格

网页

Banner设计宝典系列！玩转9种最常见的设计风格

今天要跟大家分享的是banner的设计思路。banner的设计过程可以分为五步：了解需求根据需求确定设计风格根据素材和文案确定版式构成banner的元素的设计（文案/背景/点缀/素材）调整配色整个设计分享共四期，我们今天的分享内容是第一期也就是前两步涉及到的内容——了解需求风格及各风格设计方向与特点。分析风格找到合适的设计方向是至关重要的，往往决定了整个设计的走向。

2018/02/08

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

网页

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

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

2017/12/20

2017年天猫双11海报全集，为52家品牌创意疯狂打Call！

教程

2017年天猫双11海报全集，为52家品牌创意疯狂打Call！

天气开始降温，你备好钱买冬衣了吗？还有各种节日、亲友生日、需要随份子的喜庆日，礼物都备好了吗？或许，你正和我一样在等待一场「买买买、囤囤囤」的狂欢盛宴？

2017/10/19

没经验没思路？最常用的电商Banner 设计方法都在这

教程

没经验没思路？最常用的电商Banner 设计方法都在这

琳琳linlin ：Banner怎么做？新手电商设计师经常会遇到这个问题。没有经验和思路的小白要么运营让你怎么做就怎么做，要么网上拿一张图不管三七二十一直接抄。

2017/10/09

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

网页

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

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

2017/04/25

9款适合电商促销Banner 的中文字体打包下载（个人非商用）

网页

9款适合电商促销Banner 的中文字体打包下载（个人非商用）

编者按：国庆节和双十一都快到了，今天优设特意联合@汉仪字库，给大家打包了9款电商促销Banner 专用的中文字体，过时不候，赶紧下载！链接：https://pan.baidu.com/s/1pNeaSEB 密码：74wz往期中文字体免费打包下载：《儿童节福利！13款活泼有趣的手写风格中文字体打包下载》《端午节福利！

2017/04/25

快速做出好Banner！保险类产品主图的通用设计方法总结

网页

快速做出好Banner！保险类产品主图的通用设计方法总结

商品的产品图，就是出现在各电商网站上的产品照片或者图像。在淘宝的店铺设计中，一般可分为常规的产品主图和直通车两种。本文主要介绍在保险这个垂直领域，电商产品主图的通用设计方法。

2017/04/20

这20个切入点，能让你快速着手设计广告Banner

网页

这20个切入点，能让你快速着手设计广告Banner

Banner 广告是快速高效的吸引用户的重要手段。Banner 广告在网站中通常都占据着不错的位置，它们的转化率和它本身的设计优秀与否息息相关，最重要的是，它要能迅速的吸引用户的注意力，通过优秀的文案和视觉让用户立刻马上点击。今天的文章，我们通过一系列优秀的范例，帮你梳理Banner 广告的20种高度可行、转化率高的设计思路。

2017/04/14

用高手的实战案例，教小白从零开始设计出好看的Banner！

网页

用高手的实战案例，教小白从零开始设计出好看的Banner！

编者按：小白想进阶成为高手，学会发现高手作品的优点是关键。今天这篇从构图、字体、配色和装饰四大Banner 关键要素教你如何发掘高手作品中的优点。物连接在一起，形成一个作为一个重度沉溺在音乐世界中的设计师，我是上班路上塞着耳机，作图的时候塞着耳机，下班路上还是塞着耳机的，其实这样对听力不好。

2017/01/01

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

网页

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

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

2016/12/20

掌控Banner设计中促销氛围的“火候”，看这篇文章就够了！

网页

掌控Banner设计中促销氛围的“火候”，看这篇文章就够了！

@TTTing1 ：做电商的人接触促销类的设计需求应该是最多了的吧，但是促销是不是就意味着一定要红红火火，一定要五颜六色热热闹闹的呢？我想不一定吧。虽然红红火火五颜六色是比较刺激感官，但是太过火的话就会让人感觉不舒服产生视觉疲劳，太弱的话又会感觉没有促销氛围，所以有没有什么方法是能够平衡舒适和促销之间的关系的呢？

2016/12/08

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

网页

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

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

2016/11/29

电商丨韩国电商Banner的构图/配色/元素/应用分析总结

平面

电商丨韩国电商Banner的构图/配色/元素/应用分析总结

余闲：韩国的电商设计久负盛名，今天我们从设计的角度谈谈他们的电商广告广告设计。本文以韩国大型生活超市emart 网站的广告设计为例进行分析，文章主要分为构图/配色/辅助元素/实际应用四大块：构图分析（总结出四大类型）配色分析（从配色基础原理出发分析）辅助元素应用（分析其大规则）实际应用（我们该怎么做？）构图构图一：中心集中式画面由一个主要元素撑满，主标题作为次要元素配合画面平衡，根据画面需求添加小标签装饰。

2016/11/06

双11福利来了！电商Banner/专题设计专属中文字体打包下载

下载

双11福利来了！电商Banner/专题设计专属中文字体打包下载

@汉仪字库：每次做banner图或者专题设计的时候都会被选择什么字体所困扰，大家是不是都有酱紫的问题呢？小编今天给大家盘点一下，电商广告类别的设计用字。特别提示，以下的部分案例已经实际应用了。

2016/10/24

5个角度分析天猫视觉页，帮你掌握双11最受欢迎的电商设计风格！

网页

5个角度分析天猫视觉页，帮你掌握双11最受欢迎的电商设计风格！

编者按：天猫官方的双十一预热页面刚刚上线，这不，优设就请来了京东的视觉设计师骨头君，帮大家分析双十一电商设计的流行趋势，包括场景、配色、角度、标题、辅助性元素等，干货+趋势，绝对值得一读！欢迎关注作者的个人公众号「三根设计骨」首先放一张天猫11.11入口图：红金搭配、依然豪气的不要不要的。今年的天猫双11给大家的感受是什么：牛逼、炸裂、绚丽，过目不忘、流连忘返？

2016/10/20

解锁新姿势！我有一百种方法教你撩出满意的Banner

网页

解锁新姿势！我有一百种方法教你撩出满意的Banner

@TTTing1 ：在我看来，电商设计师是应该要保持一个比较宽的可超控阈值的，就比如说你既能做得了小清新也做得了重口味，玩得起高冷大牌也受的了特价清仓大甩卖，很多人表示不知道如何动手开始做一个Banner，于是就有了这篇文章。欢迎关注小婷姐的微信公众号「TTTink-D」，一个干货与文笔俱佳的美女设计师写在前面写这篇文章的意义在于，很多人表示不知道如何动手开始做一个Banner，拿到需求脑袋里是懵的，那么归根结底还是看的太少做的太少了，所以今天我就给大家总结梳理一下我们目前市面上的Banner有哪些...

2016/10/18

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

网页

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

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

2016/09/27

电商干货！手绘在Banner图设计中可以怎么玩？

网页

电商干货！手绘在Banner图设计中可以怎么玩？

很多非科班出身的同学关心手绘对做设计是否有影响，今天这篇好文解答了几个常见的问题，包括为什么会用到手绘/Banner设计中有哪些常用的手绘形式呢/手绘一般用在哪些地方/会手绘的设计师有哪些优势/不会手绘就做不好设计了吗等等，想知道答案的别错过了。需要注意的是我们这次主要讲手绘在Banner中的运用，也就是那些用到了手绘的一些Banner设计，而关于排版／配色等方法跟我之前文章里写的道理是一样的哦：《五大步骤！细说BANNER图设计之平面构成的奥秘》《六个步骤细说电商banner图设计之色彩的奥秘》小...

2016/09/06

用好这四个元素，帮你做出高大上的电商BANNER（附技巧及神器）

网页

用好这四个元素，帮你做出高大上的电商BANNER（附技巧及神器）

@ChiNa_威海_山岩：一个电商Banner 由不同的元素（背景、主体、文字、装饰）构成，如何运用好这四个元素，就成了一个Banner 是否优秀的关键。上篇我们聊了背景和主体两部分，今天继续下集文字和装饰部分，超多案例，内附修图技巧，干货多多，别错过咯。上期回顾：《用好这四个元素，帮你做出高大上的电商BANNER（附技巧及神器）》往期电商设计好文回顾：《高效流程！

2016/08/30

用好这四个元素，帮你做出高大上的电商Banner（附技巧及神器）

网页

用好这四个元素，帮你做出高大上的电商Banner（附技巧及神器）

@ChiNa_威海_山岩：一个电商Banner 由不同的元素（背景、主体、文字、装饰）构成，如何运用好这四个元素，就成了一个Banner 是否优秀的关键。今天这篇好文，结合超多案例，教你如何运用好这四个元素，内附不少配色和修图的技巧及工具，干货多多，别错过咯。往期电商好文回顾：往期电商设计好文回顾：《高效流程！

2016/08/24

不是好看就行了！你确定会做Banner设计吗

网页

不是好看就行了！你确定会做Banner设计吗

讲座视频回顾https://uiiiuiii.com/other/121210416.html报名方式1. 关注优设微信公众号：youshege （扫描下方二维码亦可）2. 在优设微信公众号回复"讲座"，即可进入报名环节。讲座地点讲座届时会在腾讯课堂优设官方频道进行讲座时间8月20日周六晚 20：00正式开始嘉宾介绍吴婷 @TTTing1 前深圳京东JDC资深视觉设计师店铺品牌设计顾问现《做设计的面条》微信公众号博主站酷百万人气设计师嘉宾在优设分享的人气文章《不怕没灵感了！SALE 招牌的9种排版...

2016/08/17

1/2

1
2
下一页
前往页

大家都在看

界面设计

文章 162

设计流程

文章 155

干货

文章 154

电商设计

文章 136

职场经验

文章 282

B端设计

文章 222

版式设计

文章 274

经验分享

文章 5180

产品设计

文章 545

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

优设9图

优设爆火的干货频道

设计问答

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

@
优秀网页设计
380W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
官方群
优设官方微信群
01优设25+设计师交流群
02优设30+设计师交流群
03优设求职招聘群
04优设同城交友群
05优设私单群
06优设学生交流群

07优设UI设计师交流群
08优设插画师交流群
09优设平面品牌设计师交流群
10优设3D设计师交流群
11优优教程自学团
12优设VIP知识星球交流群
微信扫码添加管理员招财

微信号：扫码添加

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

优设新媒体矩阵等你来关注

优优教程网

优设大课堂

设计师导航

优设训练营