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

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

中圖分類號:TP3文獻標識碼:A文章編號:1671-7597(2009)0710116-01

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

參考文獻:

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

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

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

作者簡介:

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