超实用！5个帮你快速进阶的电商Banner设计技巧

而我在这里说的2个方法只是提醒下大家尽量少犯错误，例如如果用到暗红色，这个时候你就应该毫不犹豫的用亮色或白色。

举例说明：

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

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

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

如上白色和黄色去搭配亮色色块显然是可行的、但是还是比较刺眼的哦，从用户角度考虑还是要慎用。

所以配色要配的舒适，有时候很多小伙伴会误入歧途，亮色搭配不行，他还是尝试亮色搭配。下次不妨用暗色试试哦。

深色配浅色、浅色配深色

从中间开始往上走颜色越来越深，反之越来越浅。深浅配色是指一个颜色由明度和饱和度来控制颜色，然后进行配色。

举个例子：

深绿色作为背景色块，用它的浅色来搭配。如上图可见

或者反之进行搭配：

看案例：

案例中背景颜色和文案或利益点的形状载体采用了深色配浅色的道理，当然文案还是以白色为主。

大多数都是色块的深浅搭配而不是文字哦（记住色块的情况下白色是视觉焦点）

五、Banner 终极宝！设计师终极绝招！

养成10分钟1次Ctrl+S 的好习惯。

Banner5宝回顾总结

1. 图案图形让画面变得节奏感
   

2. 背景分割没有特定的形状，而是看你需要什么形状

3. 配色切勿亮色配亮色、暗色配暗色

优秀的设计案例还有很多这个需要大家平时的采集和观察，更多的思考你会发现更多的空间。

下面我们来看下几个改稿分享。

六、案例改稿分享

案例一 ：修改前

案例中的错误：

1. 背景白色线条和白色立体英文过于抢眼

2. 标题细节表现不够、不够精致

案例一 ：修改后

解决方案：

1. 弱化线条和立体英文（混合模式柔光调整透明度即可）

2. 在标题上面叠加一层图案（或者是点或者是线）

修改后可以发现中间主体在画面中更加突出、主体位置更加明显。标题也比纯白色更加精致。

案例二 ：修改前

案例中的错误：

1. 字体上面刮痕过多，显得标题有些脏

2. 标题有一些轻飘

案例二：修改后

解决方案：

1. 减少划痕到最舒服的比例（在素材不够清晰的时候可以采用锐化素材将其更加精致）

2. 给标题增加一层厚度，增加力量感。

线条缩小容易变粗，大家可以看细节图。刮痕变得更精致，也不会显得画面脏了

案例三 ：修改前

案例中的错误:

1. 两侧比较空不饱满，商品推挤高度顺序和标题主体不够紧密

2. 标题虽然变形和做了一些处理，是不是是否更加有冲击力一些呢？

3. 飘絮少了一些氛围。

案例三：修改后

解决方案：

1. 放大两侧商品和添加商品之间的高度。

2. 绘制划痕使其文字有刮破的感觉、周围增加碎屑强调气氛,另外增加字体厚度，强调力量感。

3. 增加飘絮营造更加热闹的画面气氛。

修改后两侧更加饱满、标题也更有气氛。

到这里这次的分享就完结了，谢谢大家！

欢迎关注作者的微信公众号：“三根设计骨”

注：相关网站建设技巧阅读请移步到建站教程频道。

（编辑：源码网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!