基于和諧度模型的民宿類APP色彩研究

薛薇

摘要：越來越多的人們出游住宿會選擇民宿，而互聯網民宿產品也迎來了一個飛速的發展期。許多用戶會選擇在手機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.