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

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

2、設(shè)計(jì)為對象， 通 過大量文獻(xiàn)閱讀與實(shí)際調(diào)研，運(yùn)用色彩語義學(xué)的相關(guān)理論闡釋UI界面中色彩設(shè)計(jì)的原則。關(guān)鍵詞：色彩語義學(xué) 移動互聯(lián)應(yīng)用UI界面色彩設(shè)計(jì)隨著科技的不斷創(chuàng)新，互聯(lián)信息產(chǎn)業(yè)的迅速崛起，我們已經(jīng)進(jìn)入了“互 聯(lián)+”時(shí)代?？梢哉f互聯(lián)無處不在，操作簡單、便攜的智能手機(jī)移動互聯(lián)應(yīng)用已 經(jīng)滲入到我們生活的方方面面。但是在海量的信息資源充滿的移動互聯(lián)應(yīng)用當(dāng)中 同質(zhì)化現(xiàn)象卻日趨嚴(yán)重，這與日益增長的用戶的精神與文化需求形成了鮮明的反 差。作為移動互聯(lián)應(yīng)用的“面子”一一界面設(shè)計(jì)， 它直接影響到用戶體驗(yàn)的效果， 界面設(shè)計(jì)稱為在激烈的市場競爭中贏得互聯(lián)市場的關(guān)鍵因素。馬克思曾說：“色彩的感覺是一般美感中最大眾化

3、的形式”。在界面設(shè) 計(jì)的所有設(shè)計(jì)元素當(dāng)中，色彩是移動互聯(lián)應(yīng)用的用戶體驗(yàn)中最為重要的組成部分， 界面色彩設(shè)計(jì)的優(yōu)劣成為良好的用戶體驗(yàn)的關(guān)鍵。優(yōu)秀的色彩設(shè)計(jì)能夠引起用戶 的注意，并吸引和引導(dǎo)用戶去找到其所需要的信息。一、色彩語義學(xué)語義即語言的意義，語義學(xué)是語言學(xué)的一個(gè)分支，它是一門研究語言的 意義的科學(xué)。二十世紀(jì)六十年代，設(shè)計(jì)界把這一科學(xué)引入到了產(chǎn)品設(shè)計(jì)中， 形成 了產(chǎn)品語義學(xué)。產(chǎn)品語義學(xué)主要研究的是人造物的形態(tài)在使用情境中的象征特性， 及如何將它應(yīng)用在產(chǎn)品設(shè)計(jì)之中。 產(chǎn)品語義學(xué)認(rèn)為產(chǎn)品不僅要具備物理功能， 應(yīng)該能夠向使用者解釋或暗示出如何操作使用，同時(shí)產(chǎn)品也應(yīng)該具有象征意義， 能夠構(gòu)成人生活當(dāng)中

4、的象征環(huán)境。 也就是說，產(chǎn)品語義學(xué)考慮的不僅僅是物理和 生理的功能，還有心理、社會和文化的語境。它的目的就是要使產(chǎn)品成為一個(gè)用 來溝通和表達(dá)的媒介，通過運(yùn)用造型、肌理、材料和色彩來傳達(dá)意義。色彩語義學(xué)是在產(chǎn)品語義學(xué)的基礎(chǔ)上發(fā)展而來的。色彩語義學(xué)主要是針 對色彩進(jìn)行的具體的研究，即色彩所要表達(dá)的意義。色彩語義學(xué)研究的核心內(nèi)容 是：色彩在產(chǎn)品使用中向使用者傳遞的特定含義的信息，在設(shè)計(jì)中如何通過色彩設(shè)計(jì)讓消費(fèi)者對產(chǎn)品屬性和操作方式有更直接、準(zhǔn)確的了解，并且在滿足消費(fèi)者 功能需求的同時(shí)增加其精神上的滿足。色彩本身也是物質(zhì)與精神的結(jié)合，色彩是一種感知，是真實(shí)的感受，而 不是什么抽象的想法或概念。色彩體驗(yàn)

5、是以光的刺激帶來的心理反應(yīng)開始的， 因 此色彩對人來說，是非常復(fù)雜的物理與心理的結(jié)合。色彩從人類開始出現(xiàn)就一直 伴隨著人類的生產(chǎn)、生活的方方面面，人類對色彩產(chǎn)生了獨(dú)特的認(rèn)知，色彩能激 發(fā)出人們內(nèi)心的共鳴。約翰內(nèi)斯？伊頓在色彩藝術(shù)書中提出：“色彩效果不 僅在視覺上，而且在心理上應(yīng)該得到體會和理解。 它能把崇拜者的夢想轉(zhuǎn)化 到一個(gè)精神境界中去?！倍⒁苿踊ヂ?lián)應(yīng)用UI界面的色彩設(shè)計(jì)原則UI界面的色彩設(shè)計(jì)不僅僅是為它賦于漂亮的顏色，而是應(yīng)該深入地探討附上這些色彩之后對產(chǎn)品本身或者對用戶使用上的意義，以及所使用的色彩是否 能夠引導(dǎo)用戶進(jìn)行操作。色彩在界面設(shè)計(jì)中比圖像和文字更為直觀、 更富有魅力。 色彩可

6、以將人們在長期積累中形成的共識建立起相應(yīng)的語義，人們也通過自己對色彩產(chǎn)生的生理、心理上的反映來領(lǐng)會色彩傳達(dá)的語義，因此在進(jìn)行色彩設(shè)計(jì)時(shí) 色彩語義的研究就顯得尤為重要。將色彩設(shè)計(jì)與移動互聯(lián)應(yīng)用的精神和功能表達(dá) 得更完美，從而引起用戶共鳴，抓住用戶的心理，得到用戶認(rèn)可和理解，是進(jìn)行 UI界面色彩設(shè)計(jì)的主要目標(biāo)，以色彩語義學(xué)為理論指導(dǎo)進(jìn)行 UI界面的色彩設(shè)計(jì)， 結(jié)合移動互聯(lián)應(yīng)用產(chǎn)品的特點(diǎn)，才能更準(zhǔn)確地表達(dá)出該產(chǎn)品的意義。因此在一定程度上會獲得對色 無形中會拉近與用戶的距離。如 橙色，因?yàn)榧t色、橙色是波長最第一，要根據(jù)產(chǎn)品的主題來選擇主色調(diào)。色彩是一種客觀現(xiàn)象，人們雖 然有著不同的生活環(huán)境和生活習(xí)慣，

7、但是卻具有共同的對自然和生活經(jīng)驗(yàn)的感受 和積累，人們會對色彩產(chǎn)生具體的或抽象的聯(lián)想， 彩語義的共識，把這種共識運(yùn)用到界面設(shè)計(jì)里， 購物類移動互聯(lián)應(yīng)用的色彩設(shè)計(jì)通常使用紅色、 長的色光，它的色彩語義是明亮、興奮、愉悅，這樣的色彩能夠保持用戶的興奮 度，促進(jìn)銷售的達(dá)成。比較具有代表性設(shè)計(jì)的是京東、當(dāng)當(dāng)、淘寶、百度外賣等 應(yīng)用，醒目的紅色、橙色激發(fā)了消費(fèi)者的購物熱情。再如家政、洗衣類主題的移 動互聯(lián)應(yīng)用的色彩設(shè)計(jì)，色彩多以藍(lán)、藍(lán)綠色為主，因?yàn)樗鼈兪撬南笳魃?，?時(shí)藍(lán)色、藍(lán)綠色會給人以清新、潔凈的感覺。采用了與用戶色彩語義一致的色彩 會贏得用戶的好感。第二，需要考慮目標(biāo)用戶的定位而進(jìn)行 UI界面色彩

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

9、鮮艷、活潑的色彩，如純度比較高的的紅色、黃色、綠色、藍(lán)色等。第三，在UI界面色彩設(shè)計(jì)中為了突出色彩的語義認(rèn)知， 應(yīng)該避免使用太 多的顏色。一個(gè)設(shè)計(jì)優(yōu)良的UI界面要有一個(gè)主色調(diào)，而且主色調(diào)色彩要在界面 中占有一定面積，并且根據(jù)目標(biāo)用戶對色彩語義的認(rèn)知進(jìn)行色彩搭配。如果使用 過多的色彩，界面的設(shè)計(jì)很容易產(chǎn)生混亂的感覺， 會降低界面的美感。最好在界 面中使用34個(gè)顏色，另外要保證基本色的比例，主色調(diào)、輔色調(diào)及裝飾色可 采用70% 25% 5%勺用色比例設(shè)計(jì)，以保證界面色彩在色彩語義認(rèn)知中的識認(rèn) 性。第四，美國當(dāng)代視覺藝術(shù)心理學(xué)家布魯默說：“色彩喚起各種情緒，表 達(dá)感情，甚至影響我們正常的生理感受?！?/p>

10、色彩能夠使觀者產(chǎn)生具有感情因素的 聯(lián)想。因此要使用適合的色彩語義應(yīng)用在界面設(shè)計(jì)中。例如紅色是能夠激發(fā)視覺 刺激的一種色彩，容易引起人們的注意，也容易使人興奮、激動，另外在中國傳 統(tǒng)色彩語義識別中紅色帶有喜慶的意味，這個(gè)代表著中國的色彩廣泛應(yīng)用在很多 的移動互聯(lián)應(yīng)用界面當(dāng)中，會讓用戶產(chǎn)生溫暖和熱情之感。第五，色彩語義學(xué)不同于傳統(tǒng)色彩設(shè)計(jì)只注重外形裝飾、審美；而是更 加注重色彩與功能、工藝及產(chǎn)品與環(huán)境之間相互協(xié)調(diào)。色彩語義學(xué)將色彩劃分為 功能性色彩、市場性色彩和構(gòu)成性色彩。例如在 UI界面設(shè)計(jì)中，主體色就是市 場性色彩，而文本與背景色的色彩選擇就是功能性色彩。UI界面核心內(nèi)容是傳達(dá)信息，因此在設(shè)計(jì)界面時(shí)，必須確保文本為主體的原則，要保證文本的清晰度， 保證內(nèi)容的可讀性，文本的顏色應(yīng)選擇與背景色具有一定對比色的色彩，使文字更加醒目，簡潔易懂，界面中的背景色只是起到烘托、陪襯的作用，另外在UI界面上的按鈕的色彩的處理也屬于功能性色彩。UI界面的主色調(diào)與按鈕的色彩， 也是屬于主體與背景的色彩關(guān)系，因此按鈕與主色調(diào)也要有對比關(guān)系。用對比的 色彩突出按鈕，才能導(dǎo)引用戶很準(zhǔn)確的找到它并進(jìn)行后續(xù)的操作。三、總結(jié)日本色彩學(xué)家小林重頓在色彩戰(zhàn)略-市場開發(fā)中最尖端的感性化時(shí)