Banner - 优设网 - 学设计上优设

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

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

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

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

Banner 话题

9组绝美的国风音乐Banner设计

9图 1/9

9组绝美的国风音乐Banner设计

太绚丽了！18个优秀网页Banner设计

9图 1/9

太绚丽了！18个优秀网页Banner设计

Banner设计保姆级全方位教学！万字干货！

平面

Banner设计保姆级全方位教学！万字干货！

Banner设计看似简单，实则囊括了平面设计、设计心理学、用户研究、文案设计等多领域的知识点，本文用1万2千字的超长篇幅，帮你从零开始掌握Banner设计。

2022/09/13

Netflix的海量封面图是怎么设计出来的？960 万张图只选一张

新视野

Netflix的海量封面图是怎么设计出来的？960 万张图只选一张

前几年，基于深度学习的设计系统「鹿班」问世，关于 AI 驱动型的工具是否会革掉设计师的命的讨论甚嚣尘上，如今这个场景依然历历在目。虽然随后还诞生了不少类似的产品，比如服务于京东这样大型企业的「羚珑」，以及各种针对单项功能进行迭代的小型 AI 工具，比如专精换脸的 Deepfake，用来抠图的 Remove.bg 等等。一秒做出8000张海报设计的「鹿班智能设计平台」是怎么工作的？

2022/04/22

主编推荐

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

平面

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

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

2020/12/29

banner组件库

用超多案例，揭秘电商平台高点击率 Banner 的原因！

平面

用超多案例，揭秘电商平台高点击率 Banner 的原因！

什么样的电商 Banenr 点击率更高？京东出品的人工智能设计平台「羚珑」通过对比分析每日产生的几百万个设计图，得出这5个实用性超强的结论。

2020/03/18

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

网页

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

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

2019/12/03

交互控件科普系列！Banner 的常见样式和设计注意事项总结

交互

交互控件科普系列！Banner 的常见样式和设计注意事项总结

当你需要展示一段持续提示，却又不想打断用户操作。用 Dialog 弹窗会打断用户操作，Toast 又不够明显，Snackbar 会自动消失，那么不妨就来跟我一起认识下能满足该要求的 Banner 控件吧。

2019/09/03

如何用科学的方法，让 Banner 点击率增长 96% ？

教程

如何用科学的方法，让 Banner 点击率增长 96% ？

为什么你设计的 Banner 没人点？如何才能让你的 Banner 点击率提高96%？本文送你一份实战得出的科学方法总结，值得每个电商设计师学习。

2019/06/23

如何做好 Banner设计？我总结了这4类基础知识

网页

如何做好 Banner设计？我总结了这4类基础知识

前段时间一直在做运营类设计，banner 在其中占了较大比重，为此就想写一篇阶段性总结。其中部分观点参考了相关视频教程和文章，设计新手一枚，如有不足还请大家海涵。banner 由以下五部分组成：版式，字体，颜色，背景，点缀。

2018/06/19

实战案例！阿里巴巴如何用人工智能做Banner 设计？

网页

实战案例！阿里巴巴如何用人工智能做Banner 设计？

近年来，设计圈有两大趋势不容忽视，一是人工智能、神经网络、深度学习无疑是时下最热门的科技名词，「人工智能设计」这个词语在设计圈也深受追捧，我们也看到越来越多的初创公司勾画出自己的「人工智能设计」蓝图；二是在阿里巴巴中台战略的背景下，设计提效又再次推动着设计思维的变革，设计师们不仅仅需要出色地完成业务需求的设计，同时还需要思考设计的价值。人工智能如何在我们这样的人文语境去理解，如何去启发创意性的工作？设计师作为人与机器的翻译官，又如何利用新的技术手段更好的解决业务问题，赋能商业，扩展设计价值？

2018/05/18

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

网页

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

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

2018/02/28

如何巧用Slogan，让Banner变得更有设计感！

教程

如何巧用Slogan，让Banner变得更有设计感！

Slogan在Banner中占据着举足轻重的地位，Slogan设计得好，可以成为广告图的点睛之笔，画面品质感明显提升。设计得不好，也能毁掉整个Banner。本文主要分析如何巧用Slogan（品牌口号，广告语），实现网页Banner的创意表现。

2017/06/09

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设计终极宝典！6招搞定点缀元素的运用！

网页

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

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

2017/03/29

用高手的实战案例，教小白从零开始设计出好看的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

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

网页

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

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

2016/10/18

用好这4个设计建议，让你的轮播图点击率更高！

平面

用好这4个设计建议，让你的轮播图点击率更高！

@腾讯ISUX - Jana：轮播图（Carousels）这样的交互方式，在web时代似乎已经司空见惯。当一群人在会议室里争夺首屏焦点图的优先级时，使用轮播图，似乎能够不费吹灰之力地解决这场争端，没有人是输家。然而，轮播图这种方式真的有效吗？

2016/10/14

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

网页

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

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

2016/09/29

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

网页

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

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

2016/09/27

不抠图不合成，教你快速做出一张高格调的Banner设计

网页

不抠图不合成，教你快速做出一张高格调的Banner设计

@TTTing1 ：工作后经常有人对我们说做设计一定不要直接用图片，一定要抠图，不要偷懒，不抠图是做不好设计的，可是到后来我发现有些Banner设计即使不抠图，也可以做得很好看，谁说做设计一定要抠图？因为我在之前的文章里已经非常详细地讲解了平面构成和色彩构成的知识点了，所以在后面的文章里我不会再过多的在这些方面做文章，最多只是会提一下，毕竟每篇文章的篇幅有限，所以有些内容我不会重复写了，当然如果大家想继续了解这方面的知识可以点可以回头去看我写的这两篇文章：五大步骤细说Banner图设计之平面构成的奥...

2016/09/13

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

网页

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

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

2016/09/06

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

网页

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

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

2016/08/31

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

网页

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

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

2016/08/30

1/2

1
2
下一页
前往页

大家都在看

设计圈干货

文章 188

B端设计

文章 208

干货

文章 154

字体设计

文章 370

职场经验

文章 250

海报设计

文章 327

ps技巧

文章 643

设计史

文章 145

AI教程

文章 131

热门频道

设计专题

热门设计知识精挑细选

细节猎人

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

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

优设9图

优设爆火的干货频道

设计问答

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

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

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

微信号：扫码添加

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

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

每天官微五分钟

一年萌新变大神

扫码关注

1000W

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

优优教程网

优设大课堂

设计师导航

优设训练营