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

張楠

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

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

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

文章編號(hào)：1003-0069（2017）01-0120-02

引言

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（二）色彩搭配整體

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

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

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

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

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

（三）色彩搭配個(gè)性

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

結(jié)語(yǔ)

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