新手必学：电商banner设计5大秘诀

发布时间：2017-09-01 03:38:20 所属栏目：推广来源：鸟哥笔记

导读：副标题#e# 分享案例给大家，希望对大家有所帮助本文把电商Banner 的设计方法都说得七七八八了，如何用图案提升节奏感+用装饰活跃氛围；分割背景怎么做；大色块背景如何配色等等，全是电商Banner 常见的技巧。值得一提的是文中案例非常丰富，能大大降低新手

新手必学：电商banner设计5大秘诀

案例中背景颜色是整个蓝色大色块，在这样的情况下。白色的文案就显得非常突出了，成为了视觉的焦点。所以有时候我们会看到天猫、淘宝、京东的促销活动中的会场Banner经常会这样做，一是让主题文案成为视觉的焦点，二是延展其它会场方便套用。没有过多的特效处理，这样大大的节约了时间成本。用色块背景的时候该注意什么最重要的就是配色了，颜色尽量不要超过三种。模特或产品的颜色不要和背景颜色跳跃太大，列如上面的案例背景是蓝色，那么其它的颜色可以是青色、紫色、黄色搭配起来会比较舒适。可能你会说黄色和蓝色相隔那么远，黄色是和任何颜色都可以很好的搭配的，所以你会看到官方的Banner图中出现黄色的利益点、小色块。如果你用不好对比色、互补色、近似色等这些配色理论。那我们就把这些简化成2个点01）暗色配亮色、亮色配暗色02）深色配浅色、浅色配深色暗色配亮色、亮色配暗色暗色和亮色没有规定说哪一个颜色就是暗色或亮色，如果非要说那就是黑和白了。某一个颜色暗和亮是可以控制的，就像是颜色深浅。但是我们以饱和度最高的情况下，从最基本的红橙黄绿青蓝紫来说，如果它们对比起来就产生了暗和亮的。

新手必学：电商banner设计5大秘诀

这里的分类表明的不是绝对的，因为一个蓝色非常亮，但是如果和黄色比起来是不是蓝色相对暗了呢。，每个颜色都有它最亮的色值，当然不会超过白色和黑色。白黑才是最亮和最暗的。就像如果这个世界没有瘦子那么就不会有瘦子一样。所以我们会通过调颜色饱和度的深浅来让它变暗或亮，当然如果要深度的熟悉配色原理，还是要从对比色、互补色等这些原理去了解，才能更加的透彻。而我在这里说的2个方法只是提醒下大家尽量少犯错误，例如如果用到暗红色，这个时候你就应该毫不犹豫的用亮色或白色。举例说明：

新手必学：电商banner设计5大秘诀

如上在选定的颜色中，黄色比蓝色亮这就是亮色配暗色，反之就是暗配亮（以背景色块为主色）。

新手必学：电商banner设计5大秘诀

如上2个颜色同为暗色所以不管怎么样都是一个错误的案例（不管是亮色还是暗色的情况下白色和黑色都是可以搭配的，当然首先考虑白色-白色是视觉焦点）

新手必学：电商banner设计5大秘诀

如上很显然2个亮色进行搭配不是明智的选择，如果非要使用亮色和亮色搭配、我建议用白色或者黄色这2个特色的颜色。

新手必学：电商banner设计5大秘诀

如上白色和黄色去搭配亮色色块显然是可行的、但是还是比较刺眼的哦，从用户角度考虑还是要慎用。所以配色要配的舒适，有时候很多小伙伴会误入歧途，亮色搭配不行，他还是尝试亮色搭配。下次不妨用暗色试试哦。深色配浅色、浅色配深色从中间开始往上走颜色越来越深，反之越来越浅。深浅配色是指一个颜色由明度和饱和度来控制颜色，然后进行配色。

新手必学：电商banner设计5大秘诀

举个例子：

新手必学：电商banner设计5大秘诀

深绿色作为背景色块，用它的浅色来搭配。如上图可见或者反之进行搭配：

新手必学：电商banner设计5大秘诀

看案例：

新手必学：电商banner设计5大秘诀

案例中背景颜色和文案或利益点的形状载体采用了深色配浅色的道理，当然文案还是以白色为主。大多数都是色块的深浅搭配而不是文字哦（记住色块的情况下白色是视觉焦点）五、Banner 终极宝！设计师终极绝招！养成10分钟1次Ctrl+S 的好习惯。下面我们来看下几个改稿分享。六、案例改稿分享案例一：修改前

新手必学：电商banner设计5大秘诀