界面设计中的色彩感知技巧！

在设计界面时，需要定义界面的主题风格，那么就要先定位界面的颜色方向。如何选择符合产品定位的颜色就变得尤为关键，在设计中又如何才能抓住产品的色彩倾向，如何对产品进行合理的配色，达到“色诱”用户的目的呢？让我们来一起看一下不同的颜色带给用户的不同感受吧！

感知色彩

在选择或搭配颜色不知如何下手时，可以先用视觉进行感知。对色彩的感知就是对色彩的理解和感受，例如在图中，我们可以通过蓝色得知右图是晴天，而灰色则代表阴天。颜色的感知是从心里感受出来的，了解每个颜色的不同感受有助于判断一个产品的颜色方向。

用色彩判断天气

对于一位设计师来讲，感知色彩是必备的技能之一。对于我们的产品而言，虽然大部分用户都没有系统的学习过色彩知识，但是他们仍然可以很直接地判断出配色的好坏。这就好比如我们去快餐店，店里的配色是暖色调，这就容易激发食客的食欲，并且有快速吃完马上离开的欲望；而咖啡厅一般会选用比较暗的色系，这样能够让喝咖啡的人感觉比较沉寂，所以如果要洽谈业务的话一定不要选择去大片暖色调的场所。

下面我们就来看一下不同颜色给我们带来的感知是什么样的，从而方便我们去定义合适的颜色方向。

红色

象征着激情和理想

正能量：吉祥、喜庆、爱情、热烈、奔放、激情、斗志。

负能量：危险、流血、暴力。

作用：强调警示或提示引导。

红色经常运用在一些活动页面中，可以在很大程度上提高氛围和点击欲望，如图所示。

红色的运用

由于红色的饱和度非常高，所以其提示性非常强，在设计时常常会将按钮设计成红色，以突出需要表现的信息，如图所示。

用红色突出信息

橙色

象征着温暖，是与能量有关的颜色，能促进食欲，同时还能强化视觉感受。

正能量：积极、活跃、温暖、欢乐、明朗、成熟。

负能量：焦躁、喧嚣。

作用：增强食欲，提高动力。

因为橙色具有促进食欲的特性，所以大多运用在美食和消费类的App中，例如大众点评、淘宝、美团的设计都用到了橙色，如图所示。

橙色的运用

黄色

象征着活力，比纯白的明度还要高，很醒目，但容易产生视觉疲劳。

正能量：希望、光明、乐观、聪明。

负能量：警告、低俗。

作用：提高用户的认知性。

黄色也具有增强食欲感的作用，但相比于橙色而言，黄色更时尚更轻快。由于黄色是明度最高的颜色，所以在设计过程中需要注意明暗的平衡，设计时经常会选用一些比较深的颜色来压住画面，从而减少视觉疲劳，如图所示。

黄色的运用

绿色

象征着自然的一种颜色。

正能量：清新、希望、安全、和平、舒适、生命。

负能量：疲劳、下降、邪气。

作用：阅读感很舒服，安全可靠。

很多安全检测的软件在设计时会使用到绿色，还有一些旅游类的App也会用到绿色，但是要特别注意一点，在国内绿色还代表了“下跌”的意思，所以不要把绿色用在理财产品中，如图所示。

绿色的运用

蓝色

象征着智力和理性，是最安静的颜色。

正能量：沉着、智慧、理智、理性、永恒、信奈、凉爽。

负能量：寒冷、冷漠、抑郁、消沉。

作用：有安定的作用，让用户沉浸在内容中，从而提高效率。

蓝色是最安静的颜色，通常偏工具型的软件会用蓝色作为主题色，目的是让用户在安静的环境下阅读产品内的文章和相关信息，如图所示。

蓝色的运用

粉色

象征着可爱、童真和甜蜜，经常用在与少女有关的产品上。

正能量：纯真、甜蜜、温馨、萌、可爱、放松、温柔。

负能量：软化、娇气、孤立。

作用：温暖人心，丰富画面。

粉色经常出现在女性类的产品中，例如“美颜相机”和一些“姨妈”类的软件，可以很好地体现女性的特点，是女性的专属颜色，如图所示。

粉色的运用

黑色

象征着个性，是一种富有时尚品位的颜色。

正能量：品位、潮流、时尚、格调、认真。

负能量：孤独、黑暗、恐怖。

作用：提高品位，加强对比节奏感。

时尚离不开黑色，所以经常用在服装和奢侈品等App设计中，如图所示。黑色给人的是时髦，在服装界被无数人奉为经典色。

黑色的运用

好啦！今天就分享到这里！

明天米醋将继续跟大家来分享

在界面设计中如何搭配颜色

我们明天见！

本篇文章来源于微信公众号:                         MICU设计