薛薇

摘要：越来越多的人们出游住宿会选择民宿，而互联网民宿产品也迎来了一个飞速的发展期。许多用户会选择在手机APP上选择预定民宿，国内也出现了许多民宿APP。为了从更理性化的角度来分析民宿界面的配色，文章选用了Moon-Spencer的和谐度量化模型来分析界面的配色。

关键词：和谐度模型;配色;Munsell色彩体系

中图分类号：TB491 文献标识码：A

文章编码：1672-7053（2019）01-0147-02

随着人们消费水平的提高以及政府的大力支持，越来越多的人们出行住店会选择民宿。民宿还能提供各种个性化的服务。据客栈群英会调查，2016年末，我国大陆客栈民宿总数达53853家。两年时间内，我国客栈民宿数量涨幅达到近78%。

民宿的兴起也带动了互联网民宿产品的发展，民宿互联网产品涉及的范围也越来越广。2017年的中国景区民宿市场研究报告表明，接近87%的用通过线上垂直类民宿产品进行民宿预约。而用户获取景区住宿的信息主要是通过旅游预订类APP，占线上渠道的54.5%。线上民宿APP已然成为了用户获取民宿信息以及预定民宿的重要渠道。

1 界面配色及和谐度模型

1.1 APP界面配色概述

在使用各种民宿APP时，用户关注点在于平台的质量，以及平台上各民宿的特色、文化及性价比。但是，在各种用户界面中，带给用户的第一印象是配色。配色往往也是界面中一种先声夺人的视觉要素，美观的配色也是增强用户粘性的一种方式[1]。

良好的界面配色一方面可以突出重点信息，帮助用户快速锁定目标区域，提高用户获取界面信息的效率;另一方面也可以在整体上增强界面的可识别性和可理解性。同时，配色的张力和风格可以增强用户的心理感受和体验[2]。

1.2 和谐度模型

颜色和谐度是色彩美学的一个重要因素。比较经典的色彩和谐模型有：Matsuda色彩调和模板和Moon-Spencer色彩调和模型。Matsuda色彩调和模板只考虑了色调，没有考虑饱和度和亮度[3]，而Moon-Spencer色彩调和模型克服了这一缺点。它在Munsell颜色空间上通过计算住颜色与其他颜色的相对值来衡量是否和谐[4]。

Moon-Spencer的和谐度公式：

M=O/C

其中，C表示颜色复杂性，O表示颜色组合的有序性，M表示美度，M值大于0.5时表示色彩调和，M越大则表示配色效果越好[5]。

对应的计算方法如下：

C=N+N_H+N_V+N_C

其中，N是圖片量化成Munsell颜色空间后的颜色种类数，N_H是图片在Munsell空间中色相值不同的颜色对数，N_V是图片在Munsell颜色空间中Munsell明度值不同的颜色对数，N_C是图片在Munsell颜色空间中Munsell饱和度值不同的颜色对数[4]。

O其实也被称作为秩序因素，O主要由色相差，明度差和饱和度差（也就是彩度差）决定的。

O=O_h+O_V+0_C

其中，O_h代表色相差产生的秩序因素。O_V代表明度差产生的秩序因素。O_C代表饱和度产生的秩序因素。图1表示的是由色相差产生的分类。

图2表示的是明度与饱和度产生的分类。通过颜色之间的色相，饱和度以及明度的计算，可以将配色按照色相，明度与饱和度进行不同的分类。进行分类之后，便可以在表1中找相对应的因数，最后得出O的数值。

2 基于和谐度模型的民宿APP地图导航界面的配色分析

2.1 研究对象

1）自2012年以来，随着手机与平板等的移动产品的普及，人们在使用手机APP时花费的时间已经超过了网页。现阶段，手机上的各种APP界面设计已成为吸引用户的重要环节。手机也出现了各种不同的操作系统。本文选定以iOS系统的界面设计作为代表进行研究。其原因主要有以下方面：iOS的设备市场保有量较高，相比较于其他两个系统，iOS的平台发展相对稳健，iOS的创新应用也相比较会多一些，功能性也比较领先，对iOS的界面进行分析，具有代表性。最重要的是iOS平台的设备规格与尺寸相对统一，使人机工程学中区域划分与优化结构时有据可循。

2）本文通过分析一些垂直平台的民宿APP配色。总结出国内的垂直平台有途家、小猪、棒果、蚂蚁、自如民宿、木鸟。研究将围绕这几个民宿APP展开（由于自如APP没有在APP Store上架，所以文章中对途家、小猪、棒果、蚂蚁和木鸟进行分析）。

3）在进行民宿APP配色研究时，主要研究了民宿APP的首页部分，并且将首页的几种配色拆分开来，进行两两配色间的比较，这样的比较结果更为直观，也更能找出一些问题，方便改进。计算中主要分成二界面主背景色与按钮颜色的配色，界面主背景色与内容区域的配色以及内容区域与按钮颜色间的配色。

2.2 研究步骤

（1）提取每种地图APP主界面的色彩;（2）根据Moon-Spencer提出的色彩和谐度模型，对1中的界面配色进行计算;（3）制成地图APP界面配色的汇总表，做出分析总结。

2.3 结果分析

采用Photoshop对各个APP的首页进行颜色的吸取、分类，采用的是HSB的模型。因为日SB模型中色相、明度、饱和度刚好能够分离出来，能为下一步分类计算做好准备。

3 结语

这几个界面中背景色与界面按钮颜色比较和谐的是途家和小猪。背景色主色调与内容区域色调比较和谐的是途家，按钮色调与内容区域色调比较和谐的是小猪的界面。个人的主观感受是途家的界面整体比较和谐，但是整体的一个和谐度的计算还不能通过Moon-Spenser的模型来得到，Moon-Spenser的模型主要用来衡量两个配色的和谐与否。在色彩和谐度分析表中，明度与饱和度处于同色调差与暖昧区间的最后美度得分普遍不高，明度与饱和度区间处于对比调和区的普遍比较和谐。在实际的使用过程中，也会觉得明度区分大的配色会更加的美观一些，明度区间比较小的配色，界面在使用感上可能会觉得刺眼，或者是灰暗，同时，饱和度区间比较小的配色，也会显得没有重点。以后在设计界面配色的过程中，计算配色的明度与饱和度的区间，从而获得一个比较和谐的界面。

参考文献

[1]刘一凡.浅谈界面色彩设计[J].教育教学论坛，2010，（9）：86-87.

[2]牛亚峰.基于脑电技术的数字界面可用性评价方法研究[D].东南大学博士学位论文，2015.

[3]葛瑞雪.融合色彩和谐性与构图的图像美学分类方法研究[J].软件导刊，2017，16（11）：221-224+229.

[4]邝智杰.基于颜色和谐度的可计算图像美学评估关键技术研究与应用[D].北京邮电大学硕士学位论文，2014.

[5]王茹玉，庞春雨.孟斯宾瑟色彩原理下的城市广告色彩控制研究[J].山西建筑，2017，43（26）：19.