如何在界面设计中“色”诱用户|运营学社

　　在规划过程中，怎样最佳地调配颜色，诱导用户视野?是不是在为图标挑选什么颜色而烦恼，反反复复地测验，总不能到达想要的作用。是不是总在仰慕“别人家的规划”，而苦于无从下手?其实一切的颜色都有些小规则，今天@Micu规划就和咱们聊一聊“色”。

怎样在界面规划中“色”诱用户

作者微信大众号：MICU规划

　　在颜色的运用中，咱们对颜色都会有不同程度的了解，然后影响到规划页面的体现。

熟练地将颜色调配运用到规划中去，会让规划更为慎重和得当。优异的规划它的颜色调配十分的舒畅，令人赏心悦目。那咱们怎样才干调配出最贴合规划的颜色更好呢?

为何“色”?由于“生理”上有需求!

既然是平面规划，视觉影响是最直观的。比方当下盛行的涂色书，为啥普普通通的图画能展现出那样美丽的作用，便是由于色，由于合理的颜色调配。

再比方好的气候是蓝色，而灰色的气候就雾霾的天了。

那么马路边那些亮着红灯的区域，那你想到啥?我就不说了。

所以在研讨感官是为了从生理上得到“咱们看到什么样的颜色时”会做出什么样的反映。

用户尽管没有上过颜色的相关课程，可是他们依然能很直观地看出什么是契合他们审美的。

相同颜色的挑选不只诠释了规划的体现办法也营建了用户对产品的购买需求。需求从中满意用户最直观的生理需求点。

咱们就来看看下面的几种办法吧，怎样将用户的愿望蛊惑起来。

从感触抓到色的要点（焦点）

我在规划过程中总结的经历，画面中首要颜色不要超越三种，表达出主题即可。

太多的颜色会使页面乱七八糟，搅扰首要信息。

这是12306的网站，颜色用的数量我是没有数过来，要点在哪里?想要凸显的信息太多，还总是闪闪闪。假如处处是焦点，那就真的没焦点了。用户最首要的是买票，扫来扫去地满页面地找，这不是好的用户体会，有些反智!!

　　再看看其他互联网公司做的三方刷票网站。为毛一下就这么简略~

规划有主颜色配色，色相构成是一致的配色，由绿色为色相分配、一致了画面的配色。

　　疑问：叠加作用，能测验出好的颜色吗?

许多同学在规划初期不知道选用颜色定位，常常用叠加来测验作用，成果发现越来越没有条理。

颜色叠加自身的确很好，一般用海报等布景上比较多，不宜在交互的页面。盲目运用颜色叠加，会使画面变得复杂烦闷。表达上意义含糊，用户会觉得凌乱，无法找到需求找到的信息和功用。可见，叠加的作用不光没有加分，反而减分。

疑问：信息量or简练，怎样取舍?

简练、准确是颜色中心规范，简略明了的颜色能快速被用户解读。

不要奢求用户能够在一个页面上逗留太多时刻，一页显现N多信息时代早就过去了。

疑问四：假如经过颜色气氛，诱导用户?

好的颜色调配和挑选能激起用户购买而定场景感和购买愿望。

比方暖色能激起用户的胃口，在消费内的软件中经常用到(淘宝)。蓝色能给人带来安静，大部分的阅览软件则用到了蓝色(知乎)

在界面颜色要学会做加减法

准则一：色的巨细方位

大块的颜色烘托气氛和主题比较安稳，小块的颜色用于装点，丰厚画面。

一致颜色让用户认准店面。

首要需求在不同的界面结构中一致招牌色，确保产品给用户能一望而知的找到这个店。

那么我和咱们介绍一下一款不为人知的软件“BIG”。首要称号十分的霸气，易于用户回忆和传达。全体选用了朱赤色遵循了整个产品的规划。不管是LOGO仍是菜单栏十分的一致。让用户在运用完后对这个产品有了十分一致的形象。

　　其实它是淘宝APP发现页面中内置的一款软件，所以说招牌色多么的重要，在这么丰厚的软件中怎样让用户一望而知，用一次就回忆深入!

准则二：谨慎而有节奏

在界面中的能够运用类似性与来进行颜色照应，这样的画面更有节奏感和舒适性。

运用颜色突变交叉，让界面平衡在一个频率上。

　　在页面颜色联系的处理中，咱们需求留意重色的运用，它对画面的平衡有十分大的作用。

下面是淡色菜单栏和深色菜单栏的差异。咱们能够发现，有重色后的页面，显得更为安稳舒畅。

　　准则三：在类似中，找照应

咱们来看一组操练，找找颜色的照应性。

　　1. 界说了颜色的基调，找到了形象店面色。

在规划中咱们只选用了单一的颜色进行了规划，运用巨细联系差异了功用的主次联系。视觉上比较平衡可是页面显得单调。

2. 为了让用户聚集在首要的功用上，在首要功用上运用了补色比照。这种办法比造型上的差异更为激烈。

3. 但在选用过多的颜色会使界面没有次序性。这种颜色的调配会给用户一种紊乱感。

4. 用色上不只需求聚集，还有考究颜色的照应性。同类颜色会互相照应，聚集点只要在首要的点上。

所以说留意五颜六色的联系与功用的差异及其重要。这样才干掌握好颜色的节奏感。

怎样用“色”？

用“色”，到达平衡。

人们巴望日子的安稳和安靖，平衡感能满意用户的视觉需求。假如在界面规划中运用一对或多对的平衡颜色能让用户从心里需求上得到满意，这样的规划能更简单让用户具有亲近感，给用户留下愉悦而舒畅的美感。

在平衡颜色中的界说并不是面积持平就叫平衡。要考究主题性中找到颜色的平衡联系，以及版式等元素中的协调性。

一般在颜色运用中的“平衡色”有五种类型：

一：互补色之间的平衡

二：冷色和暖色的平衡

三：深色和淡色的平衡

四：有颜色和无颜色的平衡

五：花样与纯色的平衡

互补色平衡法

在界面规划中，运用互补颜色的比照是最为激烈的，最易传达的。

这种颜色能运用户的视觉发生激烈的影响，情感浓郁，给人留下明显的形象。这种办法是。合适在夸大的、张扬的场景下运用。

但这种颜色用的太过于普通简单形成用户的视觉疲惫。给人一种不安靖的感觉。那么在运用这样的调配办法时需求操控运用的方位和信息的面积了，中心的当地能够这样去运用。

首要的三对互补色：红绿、蓝橙、黄紫。

咱们能够看到许多APP的icon为了招引用户的留意就用到了激烈比照的互补色。

西红柿快点、QQ空间、相机360

　　运用这种斗胆的平衡色能使整个风格主题分外的明显。

这种平衡颜色最为激烈的状况便是使两个色相的饱和度都调整到最高，面积份额也在1:1。此刻的气氛最为浓郁，冲击感最强!

咱们能够看到代购现场这款APP的LOGO规划选用了1:1的颜色联系比以上的APP icon更为杰出。所以在运用商场中更为简单让用户找到，到达了品牌的传达性。

　　冷暖色平衡法

冷暖色是人类在大天然日子总结出来的颜色规则。咱们看到赤色、黄色让人联想起焚烧的火焰，太阳等，是一种温暖的感觉。这样的颜色就界说为“暖色”而蓝色就然我想起了水、冰雪，是冷的感觉。所以便是“冷色”。

冷暖对别色是天然平衡的规则，能够在规划中很多运用，这样的配色会使著作十分的出彩，不显单调。

　　在规划中，冷色与暖色的平衡是界面规划中最为广泛的运用办法，作用也十分的拔尖。

颜色比如便是阴阳太极，冷与暖的两级平衡复原了日子中的调和。冷暖颜色调配的办法根本没有啥缺陷，运用在规划中，技巧性比较多，对规划的细腻感触要求比较高。

　　深色和淡色的平衡

在颜色中颜色选用淡色，柔软而轻盈，也会显得不行安稳。选用深色，会显得厚重高档，但简单烦闷。在界面规划时，在主颜色是淡色的状况下，恰当弥补些深色，能更好的平衡画面。

在锤子手机界面中为了让页面平衡，首图展现了是非两个机型，让页面更为安稳平衡。

　　花样（图画）与纯色的比照

在运用颜色时分怎样能让规划更为艳丽出彩呢?但有不要过花乱呢?

这时分就要留意了，花样与纯色需求有比照，颜色比较明显而花的一般运用在中心展现上，而布景需求全体。

QQ开屏就很好的杰出了产品的品牌特征，让用户过目不忘。这种规划办法也合适运用在banner等规划中。

　　好的规划不应该永远是“人家的规划”，看得不行多，揣摩不行透，练手太少。多描摹10遍，狠决然吧。