浅析色彩在信息可视化界面设计中的应用

孙梦琳

摘要：随着互联网“大数据”、“数据可视化”的发展，信息可视化作为界面设计的一种表达形式，其视觉的呈现方式是自然而直观的，而色彩是界面设计中的重要元素之一，它可以带给用户不同的视觉和心理感受。所以，探讨色彩在信息可视化界面设计中的应用是UI设计发展的趋势之一。

关键词：可视化界面;UI设计;色彩

在UI设计中，色彩是产生视觉冲动和艺术感染力的重要因素之一，其使用和搭配尤为重要，协调舒适的配色更能吸引用户，也能更好地传递品牌价值。UI设计与一般的平面作品不同，其整体界面颜色不会过多，因此，使用颜色的内容往往能够使用户第一时间注意到。而信息可视化为电子设备的UI界面设计提供了更为有趣的视觉效果和交互体验感，将复杂的数据信息通过视觉图形图像元素表现，搭配相应的色彩，提升界面趣味性的同时，能够更加准确清晰、有效及时的传达相关信息，节省用户使用时间。

一、色彩对用户心理的影响

色彩对人们的视觉来说是最为敏感的，色彩能够给人们留下深刻的印象。色彩教育家约翰内斯说过：“色彩向我们展示了世界的精神和活生生的灵魂。”人的视觉器官在观察物体时，最初的几秒钟对色彩的感知达到80%，形态感知只有20%，两分钟后，色彩感知占60%，形态感知占40%，清晰的表明了色彩在UI设计中的地位，给用户留下鲜明、快速、明了的印象。色彩的合理运用，能够传递情感，但人类对于色彩传递的情感是因人而异的，对于大部分消费者群体来说，鲜艳明快的色彩给用户一种在此消费较为“便宜”的认知，而深色或不完全饱和的颜色会给予產品一种“优雅、精致、权威”的心理感受。色彩给予用户的视觉感受是直观的，具有联想性。在信息多元化的当下，如何使用户留有深刻的印象，如何给用户提供情感认知，就需要依靠视觉效果来传达信息。用户色彩心理的研究较为复杂，但色彩确实可以对用户的感知起到积极或者消极的影响。

二、可视化界面设计中色彩的使用原则

人类的认知主要来源于视觉、听觉和触觉，而最直接、最基本的认知即来自于视觉。在界面的设计上，运用色彩提升界面的美观性，给予用户视觉愉悦、易懂、易操作等体验，可以发挥色彩在UI界面设计中先声夺人的作用。

（一）色彩搭配

1.颜色不过三

在界面设计中，主要的色彩不超过三种色相的搭配，表达出产品主题即可，单个界面中色彩过多，会使用户在视觉上出现凌乱感。单一的颜色在界面设计中稍显单调乏味，可以调整单一色相中的明度或饱和度来丰富色彩，通过颜色的把控使界面具有层次感。

2.色彩配比

6：3：1原则是指主导色占60%，辅助色占30%，重点色占10%，该比例可以为界面设计中的色彩带来相对的平衡感，并能使用户明确界面中的设计重点，为用户起到视觉引导的作用，更好地了解界面的层次结构。

（1）主色

界面设计中，色彩的搭配需要符合产品的特征和想要给用户带来的心理感受，在确定整体界面的主色调前，需要对产品进行分析和定位，确定好产品的应用人群及方向后，利用色彩心理学提炼出较为贴切的主色调。主色一般用于被激活的图标、导航栏、状态栏和标签栏等。

（2）次色及辅助色

界面设计中的次色主要用来配合主色调，通过与主色调相同的色相，偏白或黑来调整颜色的明暗度。

辅助色是界面设计中的点缀色，辅助色的点缀可以使整个界面视觉效果更加丰富。一般用于界面的分类导航图标、设置功能图标、消息通知、标签等处。

（3）背景色

通常来说，APP界面的背景色使用较多的是无色系，通过无色系与主色、辅助色等有色系搭配，可以使界面看起来干净、整洁。一般用于界面的主背景、区块的分割、边框、文本内容等地方。

（二）界面设计中色彩使用分析

不同的色彩能够给用户传递出不同的含义和心理感受，每种颜色在思维中都有其独特的影响力。

1.红色

该颜色具有很强的视觉冲击力，能够使人产生冲动、热情、愤怒等不同的感觉，它可以快速提高用户注意力，所以，红色通常作为信息未读图标出现。在界面设计中，红色不易大面积使用，容易使用户产生视觉疲劳。当然，需要根据界面所传递的信息进行色彩的使用，如党团或重大节日庆贺，以红色为主色调，能起到提神和振奋人心的效果。

2蓝色

蓝色是大部分用户喜欢的第一色，在大自然中，我们对蓝色的认知度最高。在界面设计中，将品牌和颜色结合起来，可以营造用户对品牌的信任感，所以蓝色多以安全、可靠、高科技和创新等心理感知出现。最重要的一点是，蓝色对于色盲的用户很友好，红绿色盲群体能够在多种色彩中明确分辨出蓝色。

（三）色彩的使用使可视化界面设计更具个性化

可视化界面设计中的色彩，不但给用户带来了审美的愉悦，同时也体现了设计丰富的文化内涵及社会性内容，能够容易被用户识别记忆，从而起到更好的宣传作用。

色彩的象征性意义应用于信息可视化界面设计，透过色彩独特的心理反应和直觉刺激，在短暂的时间内能够吸引消费者的视觉注意力。

三、色彩在信息可视化界面设计中的应用

随着用户审美的提高，界面设计的交互及视觉也随之不断优化。信息可视化界面为用户提供了丰富且有趣的视觉体验及交互体验。

在信息可视化界面设计的过程中，色彩能够通过创造视觉焦点来影响用户的情绪和认知，甚至可以引导用户操作界面的行为，利用色彩的搭配对信息可视化界面进行优化，使界面的视觉效果有其独特的趣味性和魅力。

（一）色相的对比

在0°到360°的标准色轮上，距离越近的色彩，对比的视觉效果越弱，反之对比则越强，越具有视觉刺激性。通过色相的对比，能够对可视化界面传达的信息一目了然。如机场智能数据库的信息可视化界面设计，背景选用较深的颜色，数据等实时信息通过不同的色相来表现，如‘航站楼旅客分部情况’信息可视化界面中，红色代表人群密集，橙色其次，绿色代表人群稀疏，实时信息变动，一目了然。

（二）明度、饱和度的对比

色彩的明度即色彩的亮度，不同的颜色有其明暗的差异性，同一色相也有其明暗深浅的变化。色彩的明度对比的强弱取决于明度的基调差别程度，越接近白色，明度越高，反之明度越低。

今年年初我国发布疫情动态信息可视化分布图，利用色彩的对比，来显示和区分不同地区疫情的治愈率和确诊率，深色代表确诊基数较大，浅色则代表确诊基数小。在米勒定律中，如果信息块过多，会导致信息过载，所以利用信息可视化界面设计中的原则，将不同的信息组成“块”，再利用色彩对不同的“块”进行视觉分类，减少用户的认知负荷。

四、总结

现今，信息可视化的视觉表现形式已然成为一种趋势，成为了人与人、人与数据之间进行沟通的最便捷方式，用更加直观、易于理解的形式进行信息的分享和沟通，缩短信息表达方式，同时给受众者留有深刻的印象。

信息可视化最主要的目的是“一图胜万言”，能够直接在视觉上强化用户认知。本文从色彩对用户心理的影响，使用原则及应用方式进行阐述，对色彩在信息可视化界面设计中的应用具有一定的意义。

参考文献：

[1]王月颖：浅析色彩在UI设计中的作用，山东工业技术，2019年第16期

[2]宋秀贤，冯本慧，陈青青：色彩对网页界面设计的影响探究，西部广播电视，2015

[3]王学义：信息可视化中色彩应用研究，科技情报开发与经济，2008年第26期