上文中提出了配色方案可以有效提升APP用户体验的概念，并且介绍了色彩基本概念，目标用户对配色方案的印象、使用场景等影响因素因素。本文将详细介绍Moon-Spencer色彩和谐度模型及其使用方法。

三、APP配色测评 — 色彩和谐度模型

一个值得APP运营者关注的问题就是：如何让感性的色彩设计上升到理性的用户体验研究。因此，驰昂咨询通过案头研究、用户访问、定性研究等方式，提出了Moon-Spencer色彩和谐度模型，可以应用于APP的配色方案的测评。

Moon-Spencer色彩和谐度模型是通过收集APP界面上的不同色彩，使用工具进行HSB数据提取，并进行将色彩调和配色的定量化、理性化计算，最后测试主色与配色是否和谐美观的一个模型。

Moon-Spencer的和谐度公式如下所示：

M=O/C

其中，C代表颜色复杂性，O代表颜色组合的有序性，M代表美度，当M值大于0.5时表示色彩和谐，用户视觉感受美好，配色效果佳。

本文选取了受访用户最喜爱的3款APP的界面，以及在2020年Q1服务类APP测评的报告中，UI设计评分较低的3款APP，总计6款测评APP来进行APP应用色彩和谐度测评，手机系统选用iOS13.5.1版本，测评APP版本信息如下所示：

表1：测评APP信息

测试步骤如下：

(1) 提取每个测评APP主界面的三种色彩：使用Photoshop 2020对6款APP的首页进行颜色的吸取、分类，模型将采用HSB形式来提取色相、明度、纯度的具体数值。

(2) 根据Moon-Spencer提出的色彩和谐度模型，对(1)中的界面配色进行计算：先将HSB数据中的色相、明度、饱和度对应相减，然后将计算出来的差值分别对应到图5、图6中，统计出该图中APP色彩差值所对应的区域，最后得出数据分析表3。

(3) 制成测评APP界面配色的汇总表4，并得出结论。

图 3 Moon-Spencer色相间隔分类

图 4 Moon-Spencer明度与饱和度间隔分类

表 2 秩序因数

表 3 APP色彩调和分析表

表 4 APP提取色彩调和美度分析表

由APP提取色彩调和美度分析表可知，Airbnb、Mars与叮咚买菜APP的M值大于0.5，因此，这两款APP的界面色彩搭配和谐，用户视觉感受美好，配色效果突出；而M值较低的APP是农业银行、广东移动和太平洋保险，M值得分分别为0.262、0.110、0.185，结果显示APP中提取色彩的纯度和明度差异较小，色彩和谐度不高。综上所述，测评结果显示，明度与纯度处于同色调差与暧昧区间的美度得分较低，明度与纯度区间处于对比调和区的色彩比较和谐。

参考文献：

[1] 日本奥博斯科编辑部. 配色设计原理[M]．中国青年出版社,2009-11.

[2] 高玉娇, 覃京燕, 陶晋. 手机APP交互设计中动态色彩的视知觉研究[J].包装工程,2016.

[3] 滝本孝雄,藤沢英昭(著),成同社(译).色彩心理学[M].北京科学技术文献出版社,1989.

[4]王茹玉,庞春雨.孟斯宾瑟色彩原理下的城市广告色彩控制研究[J].山西建筑,2017,043(026):19-20.

[5] 刘蕴忠，杨 瑞．基于孟—斯宾瑟色彩调和原理下的配色技术［J］．河北工业科技，2012，2(3):29．

[6] 色彩（美术术语）.

https://baike.baidu.com/item/%E8%89%B2%E5%BD%A9/7998511?fr=aladdin