薛薇

摘要：越來越多的人們出游住宿會選擇民宿，而互聯(lián)網(wǎng)民宿產(chǎn)品也迎來了一個飛速的發(fā)展期。許多用戶會選擇在手機APP上選擇預(yù)定民宿，國內(nèi)也出現(xiàn)了許多民宿APP。為了從更理性化的角度來分析民宿界面的配色，文章選用了Moon-Spencer的和諧度量化模型來分析界面的配色。

關(guān)鍵詞：和諧度模型;配色;Munsell色彩體系

中圖分類號：TB491 文獻標識碼：A

文章編碼：1672-7053（2019）01-0147-02

隨著人們消費水平的提高以及政府的大力支持，越來越多的人們出行住店會選擇民宿。民宿還能提供各種個性化的服務(wù)。據(jù)客棧群英會調(diào)查，2016年末，我國大陸客棧民宿總數(shù)達53853家。兩年時間內(nèi)，我國客棧民宿數(shù)量漲幅達到近78%。

民宿的興起也帶動了互聯(lián)網(wǎng)民宿產(chǎn)品的發(fā)展，民宿互聯(lián)網(wǎng)產(chǎn)品涉及的范圍也越來越廣。2017年的中國景區(qū)民宿市場研究報告表明，接近87%的用通過線上垂直類民宿產(chǎn)品進行民宿預(yù)約。而用戶獲取景區(qū)住宿的信息主要是通過旅游預(yù)訂類APP，占線上渠道的54.5%。線上民宿APP已然成為了用戶獲取民宿信息以及預(yù)定民宿的重要渠道。

1 界面配色及和諧度模型

1.1 APP界面配色概述

在使用各種民宿APP時，用戶關(guān)注點在于平臺的質(zhì)量，以及平臺上各民宿的特色、文化及性價比。但是，在各種用戶界面中，帶給用戶的第一印象是配色。配色往往也是界面中一種先聲奪人的視覺要素，美觀的配色也是增強用戶粘性的一種方式[1]。

良好的界面配色一方面可以突出重點信息，幫助用戶快速鎖定目標區(qū)域，提高用戶獲取界面信息的效率;另一方面也可以在整體上增強界面的可識別性和可理解性。同時，配色的張力和風(fēng)格可以增強用戶的心理感受和體驗[2]。

1.2 和諧度模型

顏色和諧度是色彩美學(xué)的一個重要因素。比較經(jīng)典的色彩和諧模型有：Matsuda色彩調(diào)和模板和Moon-Spencer色彩調(diào)和模型。Matsuda色彩調(diào)和模板只考慮了色調(diào)，沒有考慮飽和度和亮度[3]，而Moon-Spencer色彩調(diào)和模型克服了這一缺點。它在Munsell顏色空間上通過計算住顏色與其他顏色的相對值來衡量是否和諧[4]。

Moon-Spencer的和諧度公式：

M=O/C

其中，C表示顏色復(fù)雜性，O表示顏色組合的有序性，M表示美度，M值大于0.5時表示色彩調(diào)和，M越大則表示配色效果越好[5]。

對應(yīng)的計算方法如下：

C=N+N_H+N_V+N_C

其中，N是圖片量化成Munsell顏色空間后的顏色種類數(shù)，N_H是圖片在Munsell空間中色相值不同的顏色對數(shù)，N_V是圖片在Munsell顏色空間中Munsell明度值不同的顏色對數(shù)，N_C是圖片在Munsell顏色空間中Munsell飽和度值不同的顏色對數(shù)[4]。

O其實也被稱作為秩序因素，O主要由色相差，明度差和飽和度差（也就是彩度差）決定的。

O=O_h+O_V+0_C

其中，O_h代表色相差產(chǎn)生的秩序因素。O_V代表明度差產(chǎn)生的秩序因素。O_C代表飽和度產(chǎn)生的秩序因素。圖1表示的是由色相差產(chǎn)生的分類。

圖2表示的是明度與飽和度產(chǎn)生的分類。通過顏色之間的色相，飽和度以及明度的計算，可以將配色按照色相，明度與飽和度進行不同的分類。進行分類之后，便可以在表1中找相對應(yīng)的因數(shù)，最后得出O的數(shù)值。

2 基于和諧度模型的民宿APP地圖導(dǎo)航界面的配色分析

2.1 研究對象

1）自2012年以來，隨著手機與平板等的移動產(chǎn)品的普及，人們在使用手機APP時花費的時間已經(jīng)超過了網(wǎng)頁?，F(xiàn)階段，手機上的各種APP界面設(shè)計已成為吸引用戶的重要環(huán)節(jié)。手機也出現(xiàn)了各種不同的操作系統(tǒng)。本文選定以iOS系統(tǒng)的界面設(shè)計作為代表進行研究。其原因主要有以下方面：iOS的設(shè)備市場保有量較高，相比較于其他兩個系統(tǒng)，iOS的平臺發(fā)展相對穩(wěn)健，iOS的創(chuàng)新應(yīng)用也相比較會多一些，功能性也比較領(lǐng)先，對iOS的界面進行分析，具有代表性。最重要的是iOS平臺的設(shè)備規(guī)格與尺寸相對統(tǒng)一，使人機工程學(xué)中區(qū)域劃分與優(yōu)化結(jié)構(gòu)時有據(jù)可循。

2）本文通過分析一些垂直平臺的民宿APP配色?？偨Y(jié)出國內(nèi)的垂直平臺有途家、小豬、棒果、螞蟻、自如民宿、木鳥。研究將圍繞這幾個民宿APP展開（由于自如APP沒有在APP Store上架，所以文章中對途家、小豬、棒果、螞蟻和木鳥進行分析）。

3）在進行民宿APP配色研究時，主要研究了民宿APP的首頁部分，并且將首頁的幾種配色拆分開來，進行兩兩配色間的比較，這樣的比較結(jié)果更為直觀，也更能找出一些問題，方便改進。計算中主要分成二界面主背景色與按鈕顏色的配色，界面主背景色與內(nèi)容區(qū)域的配色以及內(nèi)容區(qū)域與按鈕顏色間的配色。

2.2 研究步驟

（1）提取每種地圖APP主界面的色彩;（2）根據(jù)Moon-Spencer提出的色彩和諧度模型，對1中的界面配色進行計算;（3）制成地圖APP界面配色的匯總表，做出分析總結(jié)。

2.3 結(jié)果分析

采用Photoshop對各個APP的首頁進行顏色的吸取、分類，采用的是HSB的模型。因為日SB模型中色相、明度、飽和度剛好能夠分離出來，能為下一步分類計算做好準備。

3 結(jié)語

這幾個界面中背景色與界面按鈕顏色比較和諧的是途家和小豬。背景色主色調(diào)與內(nèi)容區(qū)域色調(diào)比較和諧的是途家，按鈕色調(diào)與內(nèi)容區(qū)域色調(diào)比較和諧的是小豬的界面。個人的主觀感受是途家的界面整體比較和諧，但是整體的一個和諧度的計算還不能通過Moon-Spenser的模型來得到，Moon-Spenser的模型主要用來衡量兩個配色的和諧與否。在色彩和諧度分析表中，明度與飽和度處于同色調(diào)差與暖昧區(qū)間的最后美度得分普遍不高，明度與飽和度區(qū)間處于對比調(diào)和區(qū)的普遍比較和諧。在實際的使用過程中，也會覺得明度區(qū)分大的配色會更加的美觀一些，明度區(qū)間比較小的配色，界面在使用感上可能會覺得刺眼，或者是灰暗，同時，飽和度區(qū)間比較小的配色，也會顯得沒有重點。以后在設(shè)計界面配色的過程中，計算配色的明度與飽和度的區(qū)間，從而獲得一個比較和諧的界面。

參考文獻

[1]劉一凡.淺談界面色彩設(shè)計[J].教育教學(xué)論壇，2010，（9）：86-87.

[2]牛亞峰.基于腦電技術(shù)的數(shù)字界面可用性評價方法研究[D].東南大學(xué)博士學(xué)位論文，2015.

[3]葛瑞雪.融合色彩和諧性與構(gòu)圖的圖像美學(xué)分類方法研究[J].軟件導(dǎo)刊，2017，16（11）：221-224+229.

[4]鄺智杰.基于顏色和諧度的可計算圖像美學(xué)評估關(guān)鍵技術(shù)研究與應(yīng)用[D].北京郵電大學(xué)碩士學(xué)位論文，2014.

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