色彩是UI界面设计中重要的设计元素之一，出色的色彩搭配往往可以更加吸引到用户的注意力，还可以为UI界面的设计添彩，从视觉上就给用户带去良好的体验。设计师想要在UI界面上搭配好色彩...
颜色与UI物理知识：
颜色是360nm至720nm之间的光波刺激人类的眼睛并由视觉系统[3]进行处理后所触发的感知。我们的眼睛拥有三种类型的颜色接收器?分别用于处理长波、中波、短波。它们分别被称为L-、M-和S-cones?译者注?cones是人眼的圆锥细胞?。如图1所示?一束530nm的光波会触发多的M- cones?其次是L-cones?只会触发很少的S-cones。这条光束后被感知到的颜色即为绿色。
在手机界面设计中，色彩的多样性往往使得其配色方案有千千万万种，如何让色彩搭配更为契合APP界面设计的主题，
我们来看看这些色彩设计原则：
一、色彩的大小位置
大块的色彩在烘托气氛跟主题方面较为稳定，而小块的色彩则常用于点缀，起到丰富画面的作用。另外，色彩的搭配需要统一颜色，在不同的UI界面框架中统一招聘色，从而给用户一种非常统一的印象，让用户一目了然，记忆深刻。
二、严谨有节奏的色彩
想要让界面变得更有节奏感跟舒适性，可以运用相似性去进行色彩呼应，通过颜色的渐变穿插，让界面平衡在一个频率之上。处理色彩关系的时候，还要注意重色的运用，有重色的页面，会显得更为稳定舒服。
色彩平衡：
一、花色与纯色的平衡
这里的花色指的是图案，如何在进行色彩运用的时候让设计更为绚丽出彩，但是又不要过于糊里花哨呢？很简单，让花色跟纯色之间形成一种对比，花色可以让设计拥有绚丽感，而纯色可以中和花色的花哨。
因此，在进行花色跟纯色的对比时，色彩较为鲜明的要运用在核心展示上，背景则需要整体。比方说现在的QQ开屏界面就很符合这种平衡，这类设计方式也很适合用在banner之类的设计上。
二、互补色之间的平衡
在APP界面设计中，使用互补色彩的对比是为强烈的，易传播的。这种平衡的色彩能让用户的视觉产生强烈的刺激，给用户留下深刻的印象，一般适用于夸张、张扬的场景。但由于过于平凡容易造成用户的视觉疲劳，给人不安定的感觉，所以需要控制使用的位置跟信息面积。
主要的三对互补色有：红绿、蓝橙、黄紫。强烈对比的互补色可以让整个设计风格主题格外鲜明，色彩为强烈的情况就是两个色相的饱和度调整到高，面积比例为1：1，此时的气氛浓烈且冲击感强。
UI设计师需要知道色彩能带来的效果：
在情绪上的作用，通过案例展示它们是如何影响用户体验设计的。
红色：危险，重要，激情
红色是强有力的色彩之一，它能展现爱的炙热，也能反映战争的惨烈。英文当中的“to see red”，中文中的“见红”都能够很好的反映出这种色彩中蕴含的情感色彩。
通常而言，红色的元素更容易被人注意到，它的强调作用让使用这一色彩的部分显得更为重要，当然这一部分本身是提示还是警告，是好是坏就是另外一个问题了。
橙色：信心，能量，乐观
和红色同为暖色系的橙色同样有着“激励”的一面，不过程度相对会轻一些。橙色不像红色那么富有侵略性，但是同样充满活力，橙色经常出现在与健康相关的场合下，比如维他命C（当然这和饱含维生素的橙子分不开）。
黄色：注意，提醒，快乐
黄色其实是一种矛盾而有趣的色彩，它同时包含了快乐和焦虑两重情绪。黄色不仅仅能够表现经历充沛、乐观的情绪，但是同时它还是用作警示、禁止和提示的色彩。
与“UI与颜色”相关文章
赞（0）
12
12
分享：
