配色教程—— 配色的正确打开方式

最终，我们将新的配色规范逐步落实到网易七鱼所有的Web端和Mob端页面中，使七鱼的整体官网设计焕然一新。在新的官网页面中，不仅提升了整体的设计品质，同时也解决了前面分析的问题，整体提升了15%的客户留存率。

通过这个案例我们可以发现，整体配色的改变，可以极大的提升官网对于用户的第一印象。用户往往在进来的一瞬间就决定了对官网的印象，并最终影响用户是否进一步阅读，而配色则是其中非常重要的一部分，正确的配色能够让用户更愿意停留并阅读内容。

（2）推广活动页面中的对比色应用

在推广页面的设计中，通常需要用营造强烈的视觉冲击，以达到快速吸引用户并传递信息的目标。这就需要大面积的对比色，来达到强烈的对比效果。而在较大面积使用对比色时，整体色彩的主次和整体平衡至关重要。

我们可以来看一个案例：

可以看到，整个页面主由橙色和深蓝紫色两个主要对比色构成。大面积的对比色产生了强烈的视觉冲击，让整个页面充满了吸引力。整个画面用最强烈的对比色重点突出了两个主要的人物角色，从而吸引用户注意并进行阅读，最终将用户引导至购买入口。至此，整个页面的任务也算是完成了。

在推广页面中，我们需要注意的是，重点信息并非只能是文字内容，也可以是最吸引用户的画面核心元素

3. 尝试更多的创新配色

除了掌握以上的几种基本色系的配色方法外，大家可以在此基础上尝试更多的配色风格。比如在同色系、对比色系的基础上，有目的地加入色彩元素丰富色调，在保持整体色彩层级的同时，加入更丰富的变化，从而达到配色目标。

更清新的"同色系"配色

更丰富的"同色系"配色

更多彩的"对比色"配色

复古的平面风配色

而对于很多初学者来说，我建议大家能够首先明确配色的目标，在配色时保持色彩层级的精简明确。在此基础上，循序渐进，逐步去尝试更多地配色风格。只有这样，才能养成良好的配色习惯。

✨