論色彩構(gòu)成在人機(jī)界面設(shè)計(jì)中的應(yīng)用

[摘要]人機(jī)界面設(shè)計(jì)是一種由色彩、文字、圖像、符號(hào)等視覺元素以及多媒體元素為主構(gòu)成的中間媒介。從設(shè)計(jì)上看應(yīng)屬于平面設(shè)計(jì)的范疇,因此也應(yīng)該遵守視覺傳達(dá)的一般規(guī)律。將色彩構(gòu)成引其中是必不可少的步驟。

[關(guān)鍵詞]色彩構(gòu)成計(jì)算機(jī)界面設(shè)計(jì)

中圖分類號(hào):TP3文獻(xiàn)標(biāo)識(shí)碼:A文章編號(hào):1671-7597(2009)0710116-01

《色彩構(gòu)成》(Interaction of Color),是二十世紀(jì)七、八十年代引入國內(nèi)教育,作為藝術(shù)設(shè)計(jì)專業(yè)的基礎(chǔ)課程長期開設(shè)。色彩構(gòu)成主要研究的是色彩的相互作用。是從人對(duì)色彩的知覺和心理效果出發(fā),用科學(xué)分析的方法,把復(fù)雜的色彩現(xiàn)象還原為基本要素,利用色彩在空間、量與質(zhì)上的可變幻性,按照一定的規(guī)律去組合各構(gòu)成之間的相互關(guān)系,再創(chuàng)造出新的色彩效果的過程。色彩構(gòu)成是藝術(shù)設(shè)計(jì)的基礎(chǔ)理論之一,它與平面構(gòu)成及立體構(gòu)成組成了平面設(shè)計(jì)中經(jīng)常用到的三大構(gòu)成。

人機(jī)界面(Human-Computer Interface,簡寫HCI,又稱用戶界面或使用者界面):是人與計(jì)算機(jī)之間傳遞、交換信息的媒介和對(duì)話接口,是計(jì)算機(jī)系統(tǒng)的重要組成部分。是一種由色彩、文字、圖像、符號(hào)等視覺元素以及多媒體元素為主構(gòu)成的,傳達(dá)特定信息的中間媒介。從設(shè)計(jì)上看,人機(jī)界面屬于平面設(shè)計(jì)的范疇,因此也應(yīng)該遵守視覺傳達(dá)的一般規(guī)律。

一、色彩構(gòu)成與人機(jī)界面設(shè)計(jì)有不可分割的關(guān)系

色彩的感染力不僅僅存在于研究色彩本身,而是在于普遍的社會(huì)生活中。尤其在設(shè)計(jì)范疇內(nèi),色彩擔(dān)當(dāng)了及其重要的角色。在產(chǎn)品、室內(nèi)、廣告等設(shè)計(jì)中色彩都可以傳達(dá)設(shè)計(jì)師的理念;可以協(xié)助觀者的共鳴和理解;有些情況下,色彩甚至可以決定設(shè)計(jì)成功與否。可以說,色彩是一種跨平臺(tái)、跨國界、跨文化的設(shè)計(jì)語言,對(duì)于人機(jī)界面設(shè)計(jì)來說,色彩也有著同等重要的地位。

首先,它為人機(jī)界面中的色彩設(shè)計(jì)提供了明確的構(gòu)成法則。

經(jīng)過積累和研究,在色彩構(gòu)成中已經(jīng)對(duì)色彩的產(chǎn)生原理、色彩的三元素以及色彩的混合等等進(jìn)行了深入的研究,這些都可以拿來為我所用。

然后,它提供了有視覺張力的色彩要素。

色彩構(gòu)成為設(shè)計(jì)師提供了色彩要素和組織要素的基本規(guī)律,使用它可以讓界面更符合人的視覺習(xí)慣和審美情趣。例如,強(qiáng)烈的互補(bǔ)色對(duì)比會(huì)使界面鮮明醒目,但同時(shí)也容易造成長時(shí)間注視者的不適。

二、不同姿態(tài)軟件中人機(jī)界面色彩的要求

軟件姿態(tài)可理解為軟件用一種主要的行為風(fēng)格來展現(xiàn)自己所實(shí)現(xiàn)的目標(biāo),呈現(xiàn)給特定的需求人群使用。

Alan cooper先生根據(jù)用戶感知軟件的時(shí)間和重要性將桌面軟件來劃分為四種姿態(tài):獨(dú)占(sovereign)、暫時(shí)(transient)、精靈(daemonic)、輔助(auxiliary)。每種姿態(tài)大概都對(duì)應(yīng)一組行為屬性。

獨(dú)占姿態(tài):那些全屏的,長時(shí)間內(nèi)獨(dú)占用戶注意力的程序就是獨(dú)占姿態(tài)的應(yīng)用程序。獨(dú)占式程序應(yīng)該提供較多的功能和特性,并且用戶長時(shí)間持續(xù)使用他們。例如Photoshop、word等等。獨(dú)占姿態(tài)的軟件應(yīng)該考慮到用戶經(jīng)常全屏長時(shí)間使用,大多低調(diào)沉穩(wěn),更適合保守的風(fēng)格,色調(diào)大都以黑白灰為主。

暫時(shí)姿態(tài):暫時(shí)姿態(tài)的程序,打開了又關(guān)閉,用一套非常有限的附加控件,展現(xiàn)一些單一的功能。通常在使用某個(gè)獨(dú)占式應(yīng)用程序的過程中,暫時(shí)姿態(tài)程序在需要的時(shí)候調(diào)用、出現(xiàn)并完成自身的工作,接著迅速的消失,讓用戶繼續(xù)正常的工作。暫時(shí)姿態(tài)的軟件適合明亮清晰、簡潔明快的風(fēng)格,藍(lán)白或者明亮的綠色都很適合這類軟件。

精靈姿態(tài):不與用戶打交道的程序是精靈姿態(tài)程序。用戶不需要的時(shí)候這些程序在后臺(tái)靜靜的服務(wù),不需要用戶干預(yù)就能夠完成重要的任務(wù),比如防火墻、殺毒軟件等等。精靈姿態(tài)的軟件多在后臺(tái)運(yùn)作,用戶操作比較少也比較快,這就要求它重點(diǎn)鮮明,能夠讓用戶很快找到自己要操作的區(qū)域。

輔助姿態(tài):混合了暫時(shí)和獨(dú)占特征的程序有輔助姿態(tài)。輔助姿態(tài)象獨(dú)占應(yīng)用程序一樣長時(shí)間出現(xiàn),但它起的僅僅是輔助的作用。比如我們常常用到的下載軟件,我們可以隨時(shí)觀察下載的速度和下載量,而不需要退出別的程序。這樣的軟件設(shè)計(jì)師可以發(fā)揮的空間更大,根據(jù)不同的用戶,不同的環(huán)境可以設(shè)計(jì)出風(fēng)格各異充滿趣味的作品。

三、人機(jī)界面設(shè)計(jì)中的色彩對(duì)比

對(duì)比在界面設(shè)計(jì)中非常重要。使用對(duì)比有多種不同的方法,所有這些方法都基于色彩構(gòu)成中的顏色概念。每個(gè)人都明白,白色背景下的黑色文本最容易觀看,這是人們看到的大多數(shù)印刷材料都是白背景下的黑色文本的部分原因。同樣地,黑底白字的對(duì)比度也很強(qiáng),但閱讀起來比較困難,因?yàn)楹谏o人感覺比白色沉重,有鑒于此,應(yīng)該盡量少用。

暖色和冷色產(chǎn)生同樣的效果。暖色給人略微突出屏幕的感覺,而冷色則顯得凹進(jìn)屏幕。這意味著暖色、黑色最適合作為文本,而冷色、白色最適合作為背景。然而,這種方法也不是一成不變的。

兩種對(duì)比不鮮明的顏色,幾乎滲透在一起。這顯然不是個(gè)好的組合。還是保持顏色基本相同,而調(diào)整其明度,使它們區(qū)分得更明顯。調(diào)整對(duì)比度以后,情況好了很多。它表明在考慮對(duì)比度時(shí)有一點(diǎn)很重要:不僅僅要在分析的意義上考慮,還要從視覺的角度考慮。

隨著時(shí)代的不斷進(jìn)步,計(jì)算機(jī)軟件已經(jīng)不是為少數(shù)人設(shè)計(jì)的專業(yè)產(chǎn)品了,越來越多的非計(jì)算機(jī)專業(yè)人員開始使用各種各樣的軟件或者娛樂或者工作。這樣就要求我們的軟件設(shè)計(jì)更加人性化。軟件的界面的色彩影響用戶使用的情緒和效率,運(yùn)用色彩構(gòu)成的知識(shí),我們可以更理性的分析界面的色彩,更好的發(fā)揮設(shè)計(jì)師的想法,色彩構(gòu)成的學(xué)習(xí)對(duì)人機(jī)界面設(shè)計(jì)的諸要素的把握起著比想象更重要的作用。

參考文獻(xiàn):

[1](美)Alan Cooper、Robert Reimann、詹劍鋒、張知非等譯,軟件觀念革命交互設(shè)計(jì)精髓[M].電子工業(yè)出版社,1997.

[2]唐良瑞、蔡安妮、孫景鰲,從認(rèn)知心理及人機(jī)界面談網(wǎng)頁設(shè)計(jì)[J].工程圖學(xué)學(xué)報(bào),2000,(2):31-36.

[3]王慧,平面構(gòu)成在網(wǎng)頁界面設(shè)計(jì)中的應(yīng)用[J].藝術(shù)與設(shè)計(jì).

作者簡介:

王賽蘭(1981-),女,湖北武漢人,碩士,四川大學(xué)錦城學(xué)院工作,研究方向:計(jì)算機(jī)人機(jī)界面設(shè)計(jì)。