伊嬙 劉佳
摘要:隨著科技的不斷創(chuàng)新,互聯(lián)網(wǎng)信息產(chǎn)業(yè)的迅速崛起,我們已經(jīng)進入了“互聯(lián)網(wǎng)+”時代,可以說互聯(lián)網(wǎng)無處不在,操作簡單、便攜的智能手機移動互聯(lián)網(wǎng)應用已經(jīng)滲入到我們生活的方方面面。但是在海量的信息資源充滿的移動互聯(lián)網(wǎng)應用當中同質(zhì)化現(xiàn)象日趨嚴重,這與日益增長的用戶的精神與文化需求形成了鮮明的反差。移動互聯(lián)網(wǎng)應用的界面設計,它直接關系到用戶體驗的效果,是在激烈的市場競爭中贏得市場的關鍵因素。在界面設計的所有設計元素當中,色彩是移動互聯(lián)網(wǎng)應用的用戶體驗中最為重要的組成部分,色彩設計的優(yōu)劣成為良好的用戶體驗的關鍵。本文正是基于上述問題,以移動互聯(lián)網(wǎng)應用的界面色彩設計為對象,通過大量文獻閱讀與實際調(diào)研,運用色彩語義學的相關理論闡釋UI界面中色彩設計的原則。
關鍵詞:色彩語義學 移動互聯(lián)網(wǎng)應用 UI界面 色彩設計
隨著科技的不斷創(chuàng)新,互聯(lián)網(wǎng)信息產(chǎn)業(yè)的迅速崛起,我們已經(jīng)進入了“互聯(lián)網(wǎng)+”時代??梢哉f互聯(lián)網(wǎng)無處不在,操作簡單、便攜的智能手機移動互聯(lián)網(wǎng)應用已經(jīng)滲入到我們生活的方方面面。但是在海量的信息資源充滿的移動互聯(lián)網(wǎng)應用當中同質(zhì)化現(xiàn)象卻日趨嚴重,這與日益增長的用戶的精神與文化需求形成了鮮明的反差。作為移動互聯(lián)網(wǎng)應用的“面子”——界面設計,它直接影響到用戶體驗的效果,界面設計稱為在激烈的市場競爭中贏得互聯(lián)網(wǎng)市場的關鍵因素。
馬克思曾說:“色彩的感覺是一般美感中最大眾化的形式”。在界面設計的所有設計元素當中,色彩是移動互聯(lián)網(wǎng)應用的用戶體驗中最為重要的組成部分,界面色彩設計的優(yōu)劣成為良好的用戶體驗的關鍵。優(yōu)秀的色彩設計能夠引起用戶的注意,并吸引和引導用戶去找到其所需要的信息。
一、色彩語義學
語義即語言的意義,語義學是語言學的一個分支,它是一門研究語言的意義的科學。二十世紀六十年代,設計界把這一科學引入到了產(chǎn)品設計中,形成了產(chǎn)品語義學。產(chǎn)品語義學主要研究的是人造物的形態(tài)在使用情境中的象征特性,及如何將它應用在產(chǎn)品設計之中。產(chǎn)品語義學認為產(chǎn)品不僅要具備物理功能,還應該能夠向使用者解釋或暗示出如何操作使用,同時產(chǎn)品也應該具有象征意義,能夠構成人生活當中的象征環(huán)境。也就是說,產(chǎn)品語義學考慮的不僅僅是物理和生理的功能,還有心理、社會和文化的語境。它的目的就是要使產(chǎn)品成為一個用來溝通和表達的媒介,通過運用造型、肌理、材料和色彩來傳達意義。
色彩語義學是在產(chǎn)品語義學的基礎上發(fā)展而來的。色彩語義學主要是針對色彩進行的具體的研究,即色彩所要表達的意義。色彩語義學研究的核心內(nèi)容是:色彩在產(chǎn)品使用中向使用者傳遞的特定含義的信息,在設計中如何通過色彩設計讓消費者對產(chǎn)品屬性和操作方式有更直接、準確的了解,并且在滿足消費者功能需求的同時增加其精神上的滿足。
色彩本身也是物質(zhì)與精神的結(jié)合,色彩是一種感知,是真實的感受,而不是什么抽象的想法或概念。色彩體驗是以光的刺激帶來的心理反應開始的,因此色彩對人來說,是非常復雜的物理與心理的結(jié)合。色彩從人類開始出現(xiàn)就一直伴隨著人類的生產(chǎn)、生活的方方面面,人類對色彩產(chǎn)生了獨特的認知,色彩能激發(fā)出人們內(nèi)心的共鳴。約翰內(nèi)斯·伊頓在《色彩藝術》書中提出:“色彩效果不僅在視覺上,而且在心理上應該得到體會和理解?!馨殉绨菡叩膲粝朕D(zhuǎn)化到一個精神境界中去?!?/p>
二、移動互聯(lián)網(wǎng)應用UI界面的色彩設計原則
UI界面的色彩設計不僅僅是為它賦于漂亮的顏色,而是應該深入地探討附上這些色彩之后對產(chǎn)品本身或者對用戶使用上的意義,以及所使用的色彩是否能夠引導用戶進行操作。色彩在界面設計中比圖像和文字更為直觀、更富有魅力。色彩可以將人們在長期積累中形成的共識建立起相應的語義,人們也通過自己對色彩產(chǎn)生的生理、心理上的反映來領會色彩傳達的語義,因此在進行色彩設計時色彩語義的研究就顯得尤為重要。將色彩設計與移動互聯(lián)網(wǎng)應用的精神和功能表達得更完美,從而引起用戶共鳴,抓住用戶的心理,得到用戶認可和理解,是進行UI界面色彩設計的主要目標,以色彩語義學為理論指導進行UI界面的色彩設計,結(jié)合移動互聯(lián)網(wǎng)應用產(chǎn)品的特點,才能更準確地表達出該產(chǎn)品的意義。
第一,要根據(jù)產(chǎn)品的主題來選擇主色調(diào)。色彩是一種客觀現(xiàn)象,人們雖然有著不同的生活環(huán)境和生活習慣,但是卻具有共同的對自然和生活經(jīng)驗的感受和積累,人們會對色彩產(chǎn)生具體的或抽象的聯(lián)想,因此在一定程度上會獲得對色彩語義的共識,把這種共識運用到界面設計里,無形中會拉近與用戶的距離。如購物類移動互聯(lián)網(wǎng)應用的色彩設計通常使用紅色、橙色,因為紅色、橙色是波長最長的色光,它的色彩語義是明亮、興奮、愉悅,這樣的色彩能夠保持用戶的興奮度,促進銷售的達成。比較具有代表性設計的是京東、當當、淘寶、百度外賣等應用,醒目的紅色、橙色激發(fā)了消費者的購物熱情。再如家政、洗衣類主題的移動互聯(lián)網(wǎng)應用的色彩設計,色彩多以藍、藍綠色為主,因為它們是水的象征色,同時藍色、藍綠色會給人以清新、潔凈的感覺。采用了與用戶色彩語義一致的色彩會贏得用戶的好感。
第二,需要考慮目標用戶的定位而進行UI界面色彩設計。設計理論家布德克認為:設計并不只是產(chǎn)生一個物質(zhì)實體,它還必須得實現(xiàn)其“溝通”功能。由于人們在長期的生產(chǎn)生活經(jīng)驗中積累的色彩體驗是相對固定的,色彩所產(chǎn)生的意義也是約定俗成的,因此形成了相對穩(wěn)定的色彩語義,當我們在進行UI界面設計時應該選擇目標用戶所熟悉的色彩語義,并且還要通過色彩語義特征來傳達移動互聯(lián)網(wǎng)應用產(chǎn)品的文化內(nèi)涵,體現(xiàn)出它社會的時代感和價值取向。例如為女性提供信息服務的移動UI界面設計,經(jīng)常會采用粉色系,這個色系是大部分女性所喜愛的色彩。例如美麗說、么么搭等應用的界面設計,是以粉色和玫粉色作為主色調(diào)。再如兒童教育類應用,在色彩設計中,為了符合兒童對色彩的喜好,則要使用鮮艷、活潑的色彩,如純度比較高的的紅色、黃色、綠色、藍色等。
第三,在UI界面色彩設計中為了突出色彩的語義認知,應該避免使用太多的顏色。一個設計優(yōu)良的UI界面要有一個主色調(diào),而且主色調(diào)色彩要在界面中占有一定面積,并且根據(jù)目標用戶對色彩語義的認知進行色彩搭配。如果使用過多的色彩,界面的設計很容易產(chǎn)生混亂的感覺,會降低界面的美感。最好在界面中使用3~4個顏色,另外要保證基本色的比例,主色調(diào)、輔色調(diào)及裝飾色可采用70%、25%、5%的用色比例設計,以保證界面色彩在色彩語義認知中的識認性。
第四,美國當代視覺藝術心理學家布魯默說:“色彩喚起各種情緒,表達感情,甚至影響我們正常的生理感受?!鄙誓軌蚴褂^者產(chǎn)生具有感情因素的聯(lián)想。因此要使用適合的色彩語義應用在界面設計中。例如紅色是能夠激發(fā)視覺刺激的一種色彩,容易引起人們的注意,也容易使人興奮、激動,另外在中國傳統(tǒng)色彩語義識別中紅色帶有喜慶的意味,這個代表著中國的色彩廣泛應用在很多的移動互聯(lián)網(wǎng)應用界面當中,會讓用戶產(chǎn)生溫暖和熱情之感。
第五,色彩語義學不同于傳統(tǒng)色彩設計只注重外形裝飾、審美;而是更加注重色彩與功能、工藝及產(chǎn)品與環(huán)境之間相互協(xié)調(diào)。色彩語義學將色彩劃分為功能性色彩、市場性色彩和構成性色彩。例如在UI界面設計中,主體色就是市場性色彩,而文本與背景色的色彩選擇就是功能性色彩。UI界面核心內(nèi)容是傳達信息,因此在設計界面時,必須確保文本為主體的原則,要保證文本的清晰度,保證內(nèi)容的可讀性,文本的顏色應選擇與背景色具有一定對比色的色彩,使文字更加醒目,簡潔易懂,界面中的背景色只是起到烘托、陪襯的作用,另外在UI界面上的按鈕的色彩的處理也屬于功能性色彩。UI界面的主色調(diào)與按鈕的色彩,也是屬于主體與背景的色彩關系,因此按鈕與主色調(diào)也要有對比關系。用對比的色彩突出按鈕,才能導引用戶很準確的找到它并進行后續(xù)的操作。
三、總結(jié)
日本色彩學家小林重頓在《色彩戰(zhàn)略-市場開發(fā)中最尖端的感性化時代的商品技術》一書中所提出的:色彩的廣泛應用已經(jīng)成為新時代的重要標志,人們已經(jīng)進入了“色感時代”。優(yōu)秀的色彩設計讓人獲得美感,同時它也在各個方面影響著我們的心理活動,它影響著人們的購買欲望,影響著消費者的情緒、情感,甚至影響著用戶的思想與行為。隨著色彩語義學研究的更加深入,會給我們的設計帶來更大的影響,也會提高UI界面的設計品質(zhì)。endprint