基于色彩語(yǔ)義學(xué)的移動(dòng)應(yīng)用UI界面色彩設(shè)計(jì)原則

伊嬙　劉佳

摘要：隨著科技的不斷創(chuàng)新，互聯(lián)網(wǎng)信息產(chǎn)業(yè)的迅速崛起，我們已經(jīng)進(jìn)入了“互聯(lián)網(wǎng)+”時(shí)代，可以說(shuō)互聯(lián)網(wǎng)無(wú)處不在，操作簡(jiǎn)單、便攜的智能手機(jī)移動(dòng)互聯(lián)網(wǎng)應(yīng)用已經(jīng)滲入到我們生活的方方面面。但是在海量的信息資源充滿的移動(dòng)互聯(lián)網(wǎng)應(yīng)用當(dāng)中同質(zhì)化現(xiàn)象日趨嚴(yán)重，這與日益增長(zhǎng)的用戶(hù)的精神與文化需求形成了鮮明的反差。移動(dòng)互聯(lián)網(wǎng)應(yīng)用的界面設(shè)計(jì)，它直接關(guān)系到用戶(hù)體驗(yàn)的效果，是在激烈的市場(chǎng)競(jìng)爭(zhēng)中贏得市場(chǎng)的關(guān)鍵因素。在界面設(shè)計(jì)的所有設(shè)計(jì)元素當(dāng)中，色彩是移動(dòng)互聯(lián)網(wǎng)應(yīng)用的用戶(hù)體驗(yàn)中最為重要的組成部分，色彩設(shè)計(jì)的優(yōu)劣成為良好的用戶(hù)體驗(yàn)的關(guān)鍵。本文正是基于上述問(wèn)題，以移動(dòng)互聯(lián)網(wǎng)應(yīng)用的界面色彩設(shè)計(jì)為對(duì)象，通過(guò)大量文獻(xiàn)閱讀與實(shí)際調(diào)研，運(yùn)用色彩語(yǔ)義學(xué)的相關(guān)理論闡釋UI界面中色彩設(shè)計(jì)的原則。

關(guān)鍵詞：色彩語(yǔ)義學(xué) 移動(dòng)互聯(lián)網(wǎng)應(yīng)用 UI界面 色彩設(shè)計(jì)

隨著科技的不斷創(chuàng)新，互聯(lián)網(wǎng)信息產(chǎn)業(yè)的迅速崛起，我們已經(jīng)進(jìn)入了“互聯(lián)網(wǎng)+”時(shí)代?？梢哉f(shuō)互聯(lián)網(wǎng)無(wú)處不在，操作簡(jiǎn)單、便攜的智能手機(jī)移動(dòng)互聯(lián)網(wǎng)應(yīng)用已經(jīng)滲入到我們生活的方方面面。但是在海量的信息資源充滿的移動(dòng)互聯(lián)網(wǎng)應(yīng)用當(dāng)中同質(zhì)化現(xiàn)象卻日趨嚴(yán)重，這與日益增長(zhǎng)的用戶(hù)的精神與文化需求形成了鮮明的反差。作為移動(dòng)互聯(lián)網(wǎng)應(yīng)用的“面子”——界面設(shè)計(jì)，它直接影響到用戶(hù)體驗(yàn)的效果，界面設(shè)計(jì)稱(chēng)為在激烈的市場(chǎng)競(jìng)爭(zhēng)中贏得互聯(lián)網(wǎng)市場(chǎng)的關(guān)鍵因素。

馬克思曾說(shuō)：“色彩的感覺(jué)是一般美感中最大眾化的形式”。在界面設(shè)計(jì)的所有設(shè)計(jì)元素當(dāng)中，色彩是移動(dòng)互聯(lián)網(wǎng)應(yīng)用的用戶(hù)體驗(yàn)中最為重要的組成部分，界面色彩設(shè)計(jì)的優(yōu)劣成為良好的用戶(hù)體驗(yàn)的關(guān)鍵。優(yōu)秀的色彩設(shè)計(jì)能夠引起用戶(hù)的注意，并吸引和引導(dǎo)用戶(hù)去找到其所需要的信息。

一、色彩語(yǔ)義學(xué)

語(yǔ)義即語(yǔ)言的意義，語(yǔ)義學(xué)是語(yǔ)言學(xué)的一個(gè)分支，它是一門(mén)研究語(yǔ)言的意義的科學(xué)。二十世紀(jì)六十年代，設(shè)計(jì)界把這一科學(xué)引入到了產(chǎn)品設(shè)計(jì)中，形成了產(chǎn)品語(yǔ)義學(xué)。產(chǎn)品語(yǔ)義學(xué)主要研究的是人造物的形態(tài)在使用情境中的象征特性，及如何將它應(yīng)用在產(chǎn)品設(shè)計(jì)之中。產(chǎn)品語(yǔ)義學(xué)認(rèn)為產(chǎn)品不僅要具備物理功能，還應(yīng)該能夠向使用者解釋或暗示出如何操作使用，同時(shí)產(chǎn)品也應(yīng)該具有象征意義，能夠構(gòu)成人生活當(dāng)中的象征環(huán)境。也就是說(shuō)，產(chǎn)品語(yǔ)義學(xué)考慮的不僅僅是物理和生理的功能，還有心理、社會(huì)和文化的語(yǔ)境。它的目的就是要使產(chǎn)品成為一個(gè)用來(lái)溝通和表達(dá)的媒介，通過(guò)運(yùn)用造型、肌理、材料和色彩來(lái)傳達(dá)意義。

色彩語(yǔ)義學(xué)是在產(chǎn)品語(yǔ)義學(xué)的基礎(chǔ)上發(fā)展而來(lái)的。色彩語(yǔ)義學(xué)主要是針對(duì)色彩進(jìn)行的具體的研究，即色彩所要表達(dá)的意義。色彩語(yǔ)義學(xué)研究的核心內(nèi)容是：色彩在產(chǎn)品使用中向使用者傳遞的特定含義的信息，在設(shè)計(jì)中如何通過(guò)色彩設(shè)計(jì)讓消費(fèi)者對(duì)產(chǎn)品屬性和操作方式有更直接、準(zhǔn)確的了解，并且在滿足消費(fèi)者功能需求的同時(shí)增加其精神上的滿足。

色彩本身也是物質(zhì)與精神的結(jié)合，色彩是一種感知，是真實(shí)的感受，而不是什么抽象的想法或概念。色彩體驗(yàn)是以光的刺激帶來(lái)的心理反應(yīng)開(kāi)始的，因此色彩對(duì)人來(lái)說(shuō)，是非常復(fù)雜的物理與心理的結(jié)合。色彩從人類(lèi)開(kāi)始出現(xiàn)就一直伴隨著人類(lèi)的生產(chǎn)、生活的方方面面，人類(lèi)對(duì)色彩產(chǎn)生了獨(dú)特的認(rèn)知，色彩能激發(fā)出人們內(nèi)心的共鳴。約翰內(nèi)斯·伊頓在《色彩藝術(shù)》書(shū)中提出：“色彩效果不僅在視覺(jué)上，而且在心理上應(yīng)該得到體會(huì)和理解?！馨殉绨菡叩膲?mèng)想轉(zhuǎn)化到一個(gè)精神境界中去?！?/p>

二、移動(dòng)互聯(lián)網(wǎng)應(yīng)用UI界面的色彩設(shè)計(jì)原則

UI界面的色彩設(shè)計(jì)不僅僅是為它賦于漂亮的顏色，而是應(yīng)該深入地探討附上這些色彩之后對(duì)產(chǎn)品本身或者對(duì)用戶(hù)使用上的意義，以及所使用的色彩是否能夠引導(dǎo)用戶(hù)進(jìn)行操作。色彩在界面設(shè)計(jì)中比圖像和文字更為直觀、更富有魅力。色彩可以將人們?cè)陂L(zhǎng)期積累中形成的共識(shí)建立起相應(yīng)的語(yǔ)義，人們也通過(guò)自己對(duì)色彩產(chǎn)生的生理、心理上的反映來(lái)領(lǐng)會(huì)色彩傳達(dá)的語(yǔ)義，因此在進(jìn)行色彩設(shè)計(jì)時(shí)色彩語(yǔ)義的研究就顯得尤為重要。將色彩設(shè)計(jì)與移動(dòng)互聯(lián)網(wǎng)應(yīng)用的精神和功能表達(dá)得更完美，從而引起用戶(hù)共鳴，抓住用戶(hù)的心理，得到用戶(hù)認(rèn)可和理解，是進(jìn)行UI界面色彩設(shè)計(jì)的主要目標(biāo)，以色彩語(yǔ)義學(xué)為理論指導(dǎo)進(jìn)行UI界面的色彩設(shè)計(jì)，結(jié)合移動(dòng)互聯(lián)網(wǎng)應(yīng)用產(chǎn)品的特點(diǎn)，才能更準(zhǔn)確地表達(dá)出該產(chǎn)品的意義。

第一，要根據(jù)產(chǎn)品的主題來(lái)選擇主色調(diào)。色彩是一種客觀現(xiàn)象，人們雖然有著不同的生活環(huán)境和生活習(xí)慣，但是卻具有共同的對(duì)自然和生活經(jīng)驗(yàn)的感受和積累，人們會(huì)對(duì)色彩產(chǎn)生具體的或抽象的聯(lián)想，因此在一定程度上會(huì)獲得對(duì)色彩語(yǔ)義的共識(shí)，把這種共識(shí)運(yùn)用到界面設(shè)計(jì)里，無(wú)形中會(huì)拉近與用戶(hù)的距離。如購(gòu)物類(lèi)移動(dòng)互聯(lián)網(wǎng)應(yīng)用的色彩設(shè)計(jì)通常使用紅色、橙色，因?yàn)榧t色、橙色是波長(zhǎng)最長(zhǎng)的色光，它的色彩語(yǔ)義是明亮、興奮、愉悅，這樣的色彩能夠保持用戶(hù)的興奮度，促進(jìn)銷(xiāo)售的達(dá)成。比較具有代表性設(shè)計(jì)的是京東、當(dāng)當(dāng)、淘寶、百度外賣(mài)等應(yīng)用，醒目的紅色、橙色激發(fā)了消費(fèi)者的購(gòu)物熱情。再如家政、洗衣類(lèi)主題的移動(dòng)互聯(lián)網(wǎng)應(yīng)用的色彩設(shè)計(jì)，色彩多以藍(lán)、藍(lán)綠色為主，因?yàn)樗鼈兪撬南笳魃?，同時(shí)藍(lán)色、藍(lán)綠色會(huì)給人以清新、潔凈的感覺(jué)。采用了與用戶(hù)色彩語(yǔ)義一致的色彩會(huì)贏得用戶(hù)的好感。

第二，需要考慮目標(biāo)用戶(hù)的定位而進(jìn)行UI界面色彩設(shè)計(jì)。設(shè)計(jì)理論家布德克認(rèn)為：設(shè)計(jì)并不只是產(chǎn)生一個(gè)物質(zhì)實(shí)體，它還必須得實(shí)現(xiàn)其“溝通”功能。由于人們?cè)陂L(zhǎng)期的生產(chǎn)生活經(jīng)驗(yàn)中積累的色彩體驗(yàn)是相對(duì)固定的，色彩所產(chǎn)生的意義也是約定俗成的，因此形成了相對(duì)穩(wěn)定的色彩語(yǔ)義，當(dāng)我們?cè)谶M(jìn)行UI界面設(shè)計(jì)時(shí)應(yīng)該選擇目標(biāo)用戶(hù)所熟悉的色彩語(yǔ)義，并且還要通過(guò)色彩語(yǔ)義特征來(lái)傳達(dá)移動(dòng)互聯(lián)網(wǎng)應(yīng)用產(chǎn)品的文化內(nèi)涵，體現(xiàn)出它社會(huì)的時(shí)代感和價(jià)值取向。例如為女性提供信息服務(wù)的移動(dòng)UI界面設(shè)計(jì)，經(jīng)常會(huì)采用粉色系，這個(gè)色系是大部分女性所喜愛(ài)的色彩。例如美麗說(shuō)、么么搭等應(yīng)用的界面設(shè)計(jì)，是以粉色和玫粉色作為主色調(diào)。再如兒童教育類(lèi)應(yīng)用，在色彩設(shè)計(jì)中，為了符合兒童對(duì)色彩的喜好，則要使用鮮艷、活潑的色彩，如純度比較高的的紅色、黃色、綠色、藍(lán)色等。

第三，在UI界面色彩設(shè)計(jì)中為了突出色彩的語(yǔ)義認(rèn)知，應(yīng)該避免使用太多的顏色。一個(gè)設(shè)計(jì)優(yōu)良的UI界面要有一個(gè)主色調(diào)，而且主色調(diào)色彩要在界面中占有一定面積，并且根據(jù)目標(biāo)用戶(hù)對(duì)色彩語(yǔ)義的認(rèn)知進(jìn)行色彩搭配。如果使用過(guò)多的色彩，界面的設(shè)計(jì)很容易產(chǎn)生混亂的感覺(jué)，會(huì)降低界面的美感。最好在界面中使用3～4個(gè)顏色，另外要保證基本色的比例，主色調(diào)、輔色調(diào)及裝飾色可采用70%、25%、5%的用色比例設(shè)計(jì)，以保證界面色彩在色彩語(yǔ)義認(rèn)知中的識(shí)認(rèn)性。

第四，美國(guó)當(dāng)代視覺(jué)藝術(shù)心理學(xué)家布魯默說(shuō)：“色彩喚起各種情緒，表達(dá)感情，甚至影響我們正常的生理感受。”色彩能夠使觀者產(chǎn)生具有感情因素的聯(lián)想。因此要使用適合的色彩語(yǔ)義應(yīng)用在界面設(shè)計(jì)中。例如紅色是能夠激發(fā)視覺(jué)刺激的一種色彩，容易引起人們的注意，也容易使人興奮、激動(dòng)，另外在中國(guó)傳統(tǒng)色彩語(yǔ)義識(shí)別中紅色帶有喜慶的意味，這個(gè)代表著中國(guó)的色彩廣泛應(yīng)用在很多的移動(dòng)互聯(lián)網(wǎng)應(yīng)用界面當(dāng)中，會(huì)讓用戶(hù)產(chǎn)生溫暖和熱情之感。

第五，色彩語(yǔ)義學(xué)不同于傳統(tǒng)色彩設(shè)計(jì)只注重外形裝飾、審美；而是更加注重色彩與功能、工藝及產(chǎn)品與環(huán)境之間相互協(xié)調(diào)。色彩語(yǔ)義學(xué)將色彩劃分為功能性色彩、市場(chǎng)性色彩和構(gòu)成性色彩。例如在UI界面設(shè)計(jì)中，主體色就是市場(chǎng)性色彩，而文本與背景色的色彩選擇就是功能性色彩。UI界面核心內(nèi)容是傳達(dá)信息，因此在設(shè)計(jì)界面時(shí)，必須確保文本為主體的原則，要保證文本的清晰度，保證內(nèi)容的可讀性，文本的顏色應(yīng)選擇與背景色具有一定對(duì)比色的色彩，使文字更加醒目，簡(jiǎn)潔易懂，界面中的背景色只是起到烘托、陪襯的作用，另外在UI界面上的按鈕的色彩的處理也屬于功能性色彩。UI界面的主色調(diào)與按鈕的色彩，也是屬于主體與背景的色彩關(guān)系，因此按鈕與主色調(diào)也要有對(duì)比關(guān)系。用對(duì)比的色彩突出按鈕，才能導(dǎo)引用戶(hù)很準(zhǔn)確的找到它并進(jìn)行后續(xù)的操作。

三、總結(jié)

日本色彩學(xué)家小林重頓在《色彩戰(zhàn)略-市場(chǎng)開(kāi)發(fā)中最尖端的感性化時(shí)代的商品技術(shù)》一書(shū)中所提出的：色彩的廣泛應(yīng)用已經(jīng)成為新時(shí)代的重要標(biāo)志，人們已經(jīng)進(jìn)入了“色感時(shí)代”。優(yōu)秀的色彩設(shè)計(jì)讓人獲得美感，同時(shí)它也在各個(gè)方面影響著我們的心理活動(dòng)，它影響著人們的購(gòu)買(mǎi)欲望，影響著消費(fèi)者的情緒、情感，甚至影響著用戶(hù)的思想與行為。隨著色彩語(yǔ)義學(xué)研究的更加深入，會(huì)給我們的設(shè)計(jì)帶來(lái)更大的影響，也會(huì)提高UI界面的設(shè)計(jì)品質(zhì)。endprint