手機(jī)購物應(yīng)用界面的色彩搭配研究

張楠

摘要：移動電商蔓延到人們購物的各個方面，在購物類手機(jī)應(yīng)用的色彩研究中我們可以發(fā)現(xiàn)，色彩決定了用戶對手機(jī)應(yīng)用界面的第一印象，本文以近幾年來國內(nèi)外主流的手機(jī)購物應(yīng)用界面為案例，以色彩在手機(jī)購物應(yīng)用界面中的作用為切入點，探討研究手機(jī)購物應(yīng)用界面的色彩搭配。

關(guān)鍵詞：手機(jī)購物應(yīng)用 界面設(shè)計 色彩搭配

中圖分類號：TB47 文獻(xiàn)標(biāo)識碼：A

文章編號：1003-0069（2017）01-0120-02

引言

色彩是人類視覺所能感知的、客觀存在的物象，是人類認(rèn)識事物的重要媒介之一。弗羅伊德的精神分析學(xué)理論表明，我們對色彩的反應(yīng)是與生命最基層的潛意識直接相關(guān)聯(lián)的，這是一種與生俱來的本能沖突反應(yīng)。在界面設(shè)計中，色彩是傳達(dá)意義，定義主調(diào)和喚起情感的重要因素

。我們打開手機(jī)應(yīng)用程序，最先對視覺產(chǎn)生影響的就是界面的色彩，其不同的色彩搭配組合呈現(xiàn)不同的色彩效果，或明快、深沉，或清雅，艷麗，具有直接的感染力。

當(dāng)今，移動電商蔓延到人們購物的各個方面，智能手機(jī)的普及和應(yīng)用，使手機(jī)購物已經(jīng)由單一的WAP轉(zhuǎn)換為單個的客戶端模式，手機(jī)改變了人們的網(wǎng)購方式，對購物進(jìn)行重新定義，越來越多的用戶開始使用手機(jī)來進(jìn)行消費(fèi)。相應(yīng)的，淘寶，京東等各大電商也在努力適應(yīng)變革，想拼命抓住用戶在手機(jī)端小屏上轉(zhuǎn)瞬即逝的瀏覽目光，使手機(jī)購物實現(xiàn)便捷、有效的移動營銷。

在購物類手機(jī)應(yīng)用的色彩研究中我們可以發(fā)現(xiàn)，色彩決定了用戶對手機(jī)應(yīng)用界面的第一印象，用戶在回憶一個手機(jī)購物應(yīng)用給自己留下的印象時，也經(jīng)常會先想到對色彩的感受，其次是文字，布局，圖形以及一些細(xì)節(jié)。色彩在手機(jī)購物應(yīng)用界面中也起到了很大的作用，接下來我們從這幾點進(jìn)行探討分析。

一、色彩在手機(jī)購物應(yīng)用界面中的作用

（一）營造氛圍，塑造風(fēng)格

色彩決定了用戶對手機(jī)應(yīng)用界面的第一印象，對營造整體氛圍發(fā)揮著至關(guān)重要的作用，從色調(diào)、色相兩方面來看：色調(diào)決定著手機(jī)應(yīng)用界面的整體印象，營造界面氛圍，如純色調(diào)、強(qiáng)色調(diào)，華麗而強(qiáng)烈；淺色調(diào)、隱約色調(diào)，柔和而舒適；深色調(diào)、灰色調(diào)嚴(yán)肅而沉重；色相決定著在手機(jī)應(yīng)用界面的聯(lián)想空間與界面氣氛，不同的色彩會引起受眾人群不同的情緒體驗。也能給人冷暖、輕重、軟硬、動靜等不同感受，這些感受在不同時間、不同場合，和人們積極或消極的情感體驗聯(lián)系在一起。很多色彩由于其本身的特質(zhì)和長期約定成俗的象征意義，在用戶腦海中已經(jīng)形成了強(qiáng)有力的連接。設(shè)計者也可以充分地利用色彩情感效應(yīng)的規(guī)律，根據(jù)所宣傳產(chǎn)品的特點，目標(biāo)用戶的愛好和希望傳達(dá)的情感來選擇色彩。

（二）強(qiáng)化視覺區(qū)域、引導(dǎo)視覺流程

色彩在手機(jī)應(yīng)用界面中的另外一個重要作用，就是配合手機(jī)應(yīng)用界面的板式結(jié)構(gòu)，強(qiáng)化視覺區(qū)域，例如區(qū)分手機(jī)應(yīng)用界面的各個內(nèi)容版塊。另外，色彩還可以引導(dǎo)視覺流程，利用色彩主次關(guān)系來服務(wù)于不同層次的信息傳達(dá)，例如利用強(qiáng)調(diào)色來突出主要交互信息，利用色彩的變化來提醒用戶界面內(nèi)容的區(qū)分和跳轉(zhuǎn)。

二、手機(jī)購物應(yīng)用界面的色彩搭配分析

（一）色彩搭配準(zhǔn)確

1.與網(wǎng)站色彩搭配相符，與輔助色搭配相融。

大部分手機(jī)購物應(yīng)用已經(jīng)有了公司網(wǎng)站，為了強(qiáng)化公司形象，在選擇手機(jī)端界面配色時往往首選網(wǎng)站中的標(biāo)準(zhǔn)色彩。比如作為中國最大自營式電商的京東商城，從京東手機(jī)應(yīng)用界面顏色上看，采用明度和純度都較高的大紅色為主色調(diào)，淺灰色和深灰色作為輔助色，盡管界面信息量大，但通過輔助色彩進(jìn)行顏色區(qū)分，可以很好地引導(dǎo)用戶交互，使用戶更快地完成交易。再比如世界上最早經(jīng)營電子商務(wù)的公司之一——亞馬遜中國。也是銷售百萬種產(chǎn)品的綜合型電商。它的手機(jī)應(yīng)用界面也選擇了與網(wǎng)站相對應(yīng)的顏色。界面的以白、橙，黑進(jìn)行搭配，給人以都市化、現(xiàn)代、簡潔的感覺。旨在給用戶營造一種和諧，安靜，舒適的購物環(huán)境。用戶體驗好，更能增加顧客的回頭率，倡導(dǎo)長久效益（圖1-4）。

2.了解色彩心理形成的社會文化環(huán)境，充分考慮用戶感受。

手機(jī)應(yīng)用界面設(shè)計應(yīng)與當(dāng)下的經(jīng)濟(jì)、社會、文化相結(jié)合，了解用戶對色彩的感覺。除了色彩的生理直覺，還來自于色彩的社會直覺，即在不同時間、空間、國家和民族文化差異的環(huán)境下，色彩在人們心目中的意義。如色彩的流行度與其所處的政治、經(jīng)濟(jì)、文化密切相關(guān)，設(shè)計之初首先考慮這些因素才能用色準(zhǔn)確恰當(dāng)，從而獲得更多用戶的認(rèn)可。

東西方文化和審美的差異，在國內(nèi)和國外手機(jī)購物應(yīng)用的視覺風(fēng)格上得到了一些印證。國內(nèi)的手機(jī)購物應(yīng)用多以熱情洋溢暖色為主，引人注目，感情強(qiáng)烈，容易增加人們的興奮感和購買欲。如淘寶網(wǎng)的橙色，天貓的紅色；而國外的應(yīng)用較多采用冷色或彩度較低的色彩為主，如Lyst的黑色，NET-A-PORTER的淺灰色，倡導(dǎo)成熟、時尚、現(xiàn)代。不同文化下的人們對于色彩有著不同的理解，了解用戶心理形成的同時，充分地考慮用戶感受。

（二）色彩搭配整體

1.根據(jù)手機(jī)購物應(yīng)用需求，考慮主輔頁的色彩搭配。

如果手機(jī)購物應(yīng)用程序的主輔頁采用統(tǒng)一色彩，那么手機(jī)購物應(yīng)用的二級跳轉(zhuǎn)頁面都是以同一色彩作為基礎(chǔ)，再通過變化版式布局、圖標(biāo)樣式、使用多樣的彩圖等方式來協(xié)調(diào)統(tǒng)一化色彩造成的單調(diào)。比如“有范APP”，其手機(jī)應(yīng)用界面主要分為三類，男生館、女生館和生活館，主頁和其他二級頁面采用統(tǒng)一的黑色，主打時尚潮流，不拘一格，追求個性，但是每一個館的圖標(biāo)色彩，圖標(biāo)的樣式以及多樣的彩圖都有細(xì)微變化，色彩統(tǒng)一但不單調(diào)。

如果手機(jī)購物應(yīng)用程序主輔頁采用不同的主色彩，色彩變化跨度很大，容易形成繁亂不統(tǒng)一的感覺，那么可以通過采用不同色相、相近色調(diào)，來加強(qiáng)統(tǒng)一感。一般在購物類手機(jī)應(yīng)用程序中，設(shè)計者會在歡迎頁面做出四個色彩對比強(qiáng)烈的頁面，以引起人們對每個頁面信息的注意。但他們的色調(diào)類似，都屬于明亮色，通過相近的版式保持了頁面的統(tǒng)一性，保證了用戶的接納程度。

2.考慮圖片與手機(jī)應(yīng)用界面色彩搭配的關(guān)系。

作為讀圖時代，隨著網(wǎng)速提升、上網(wǎng)流量限制的減少，圖片在手機(jī)購物應(yīng)用界面中占的比例越來越大，不僅是PC端，手機(jī)端也開始使用精美清晰的圖片，甚至一些細(xì)心的電商設(shè)計者在做手機(jī)應(yīng)用的時候考慮客戶流量使用情況，給出兩種界面效果，一種是有無線網(wǎng)絡(luò)情況下的高清圖片，一種是在沒有無線網(wǎng)絡(luò)下的常規(guī)圖片。一般來說，設(shè)計講究的各大電商為保證視覺體驗的流暢性和舒適性，會對所使用的商品圖片進(jìn)行修飾調(diào)整，讓商品圖片可以融入到這個手機(jī)購物的色彩氛圍中。

（三）色彩搭配個性

手機(jī)應(yīng)用界面的基本色相數(shù)量是有限的，但配色方案及給人的感受卻是豐富多彩的。比如客戶要求以“粉色”為主色，但其實“粉色”涵蓋范圍很廣，鮮亮的粉紅，淡雅的粉紅，這些不同程度的粉紅所形成的情感差異很大，印象自然也不同。我們在做手機(jī)購物應(yīng)用的時候首先會對配色進(jìn)行一個關(guān)鍵詞搜索，當(dāng)我們想做孕嬰產(chǎn)品的時候，首先會想到溫和、舒適、淡雅，想到的色彩自然就是淺粉色、淺藍(lán)色和淺黃色。比如蜜芽寶貝的主色彩依然考慮用最常規(guī)的粉色，但是在每一類別里面根據(jù)版式需要，很好地搭配了柔和的藍(lán)色，紫色，綠色以及橙色，消除了過于粉嫩的感覺，給用戶營造出一種簡單、放心、有趣的母嬰用品購物體驗。

結(jié)語

色彩設(shè)計看似偏于感性，但事實上有著理性牽引的感性才更能打動人心，色彩搭配的合理運(yùn)用直接決定了手機(jī)應(yīng)用程序的用戶接受度和市場接納度。目前市場上的手機(jī)購物應(yīng)用同質(zhì)化嚴(yán)重，色彩搭配形式層出不窮，當(dāng)遇到同一行業(yè)類型的項目時，為了避免色彩設(shè)計同質(zhì)化，避免用戶視覺疲勞。我們必須深入挖掘目標(biāo)用戶群的需求和特點，從設(shè)計細(xì)節(jié)入手，創(chuàng)作出獨(dú)特的配色方案。和版式、文字、圖片等其他視覺元素相結(jié)合，進(jìn)行創(chuàng)造性的個性化設(shè)計，給人留下印象深刻的個性視覺風(fēng)格，方可從眾多同類型手機(jī)應(yīng)用中脫穎而出。endprint