劉行

【摘 要】人機(jī)交互界面設(shè)計(jì)，是指在人與產(chǎn)品、服務(wù)或系統(tǒng)之間創(chuàng)建一系列的對(duì)話。設(shè)計(jì)師在進(jìn)行人機(jī)界面交互設(shè)計(jì)的時(shí)候，不僅僅是要倡導(dǎo)設(shè)計(jì)的可用性，而是要以用戶為中心，通過視覺和言語等表達(dá)性語言在科技和美學(xué)之間取得平衡，使人機(jī)之間的互動(dòng)更加美觀、簡(jiǎn)單、易用。色彩在交互設(shè)計(jì)中往往可以給人傳遞很多的信息，使用者對(duì)界面的第一印象往往就是色彩，因此色彩的運(yùn)用在人機(jī)交互界面中有著非常重要的作用。

【關(guān)鍵詞】界面 色彩 交互 作用

從設(shè)計(jì)心理學(xué)角度來看，人們?cè)诟惺苤車h(huán)境的時(shí)候往往首先注意到的是物體的顏色，然后才會(huì)注意到物體的形狀等其他因素。在交互設(shè)計(jì)中，界面色彩的合理運(yùn)用可以協(xié)調(diào)或彌補(bǔ)結(jié)構(gòu)中存在的一些缺陷，可以贏得用戶的喜愛，獲得事半功倍的效果。相反，如果界面色彩處理不當(dāng)則會(huì)破壞界面的整體美，直接影響用戶在操作時(shí)的情緒，使之出現(xiàn)一些煩躁、乏味、憂郁、甚至沮喪的負(fù)面心情，影響界面功能的發(fā)揮。因此，在進(jìn)行人機(jī)界面交互設(shè)計(jì)時(shí)色彩發(fā)揮的作用是不容小覷的。

1 色彩的發(fā)展

不同的時(shí)期人們喜歡的顏色是不同的。二戰(zhàn)后的人們向往和平，所以50年代的人大多喜歡色彩較重的顏色，以深藍(lán)、深綠等沉靜的冷色調(diào)為工業(yè)產(chǎn)品的主打色。60年代-80年代，人們的生活比較穩(wěn)定，于是大眾喜愛的色調(diào)也發(fā)生了明顯的變化，由暗轉(zhuǎn)明，由冷轉(zhuǎn)暖，變得豐富多彩了起來。90年代以后，隨著科技的發(fā)展進(jìn)步，人們開始喜歡通過產(chǎn)品的色彩來表達(dá)對(duì)未來的向往，喜歡含有金屬光澤的銀灰、銀黑、銀白等“科技色”。

21世紀(jì)以來，人們對(duì)色彩的喜愛變化的更加頻繁，出現(xiàn)了玫瑰金，香檳金等象征時(shí)尚的新型色彩，于是很多行業(yè)的色彩專家開始研究色彩，并根據(jù)研究結(jié)果發(fā)布出每年的“流行色”給設(shè)計(jì)師參考。所以進(jìn)行交互設(shè)計(jì)的時(shí)候，設(shè)計(jì)師一定要與時(shí)俱進(jìn)才能設(shè)計(jì)出更加美觀、人性化的界面。

2 色彩給人的感覺

不同的色彩給人以不同的心理感受，在人機(jī)交互的過程中直接影響著用戶的心理體驗(yàn)，因此在進(jìn)行色彩設(shè)計(jì)的時(shí)候我們首先應(yīng)該從色彩心理學(xué)了解不同色彩給人情感暗示的效果。在色彩心理學(xué)中，淺淡的顏色會(huì)給人以柔軟的感覺，而深暗的顏色則會(huì)讓人覺得強(qiáng)硬。暖色在視覺上具有前進(jìn)感而冷色則具有后退感。明亮的顏色往往給人以輕盈的感覺，相反暗的顏色則會(huì)給讓人覺得沉重。

紅色代表興奮、熱烈、沖動(dòng)；黃色代表歡快活潑、快樂、幸福；綠色代表美麗、優(yōu)雅、寬容、大度；藍(lán)色代表冷靜、理智、純凈；紫色代表神秘、壓迫、孤獨(dú)。

除了單色的運(yùn)用，色彩還可以搭配使用。色彩的搭配方式有很多種，不同的搭配可以出來不同效果，因?yàn)槠邢蘧筒灰灰慌e例講解，大家可以多參考相關(guān)的專業(yè)資料。

3 人機(jī)交互界面色彩的選擇

在進(jìn)行人機(jī)交互界面設(shè)計(jì)的時(shí)候，首先要做的就是確定主色調(diào)，選擇界面的主色調(diào)有利于整個(gè)界面的配色，有利于更好的體現(xiàn)界面主題。主界面背景色彩的選擇通常以淺灰色、淺藍(lán)色、淺黃色、淺綠色等淺色色彩為主，這類色彩會(huì)給人以柔和、素雅的視覺感覺。淺色背景的另一個(gè)好處就是，可以搭配深顏色的文字來突出界面的重點(diǎn)，更易于用戶對(duì)內(nèi)容的識(shí)別和掌握。

色調(diào)可以用來表現(xiàn)不同的風(fēng)格與主題，可以表現(xiàn)的生動(dòng)與活潑，也可以表現(xiàn)冷靜與莊重，還可以表現(xiàn)為憂郁與孤獨(dú)等等。色調(diào)可以根據(jù)界面的用途、功能、結(jié)構(gòu)、時(shí)代性及用戶的審美與習(xí)慣等因素來選擇與確定。確定的標(biāo)準(zhǔn)是色形一致，以色助形，形色生輝。例如：Apple、微軟等高科技公司為了表達(dá)其產(chǎn)品的簡(jiǎn)潔、時(shí)尚、高端等特點(diǎn)，網(wǎng)頁界面的色調(diào)通常都會(huì)采用高明高彩的銀白色來突出產(chǎn)品的輕盈和品質(zhì)，這就是形色一致，色助于形。反之，如果以黑灰色作為界面的主色調(diào)，那么就會(huì)給人以沉重、生硬、甚至壓抑的感覺，使人產(chǎn)生誤區(qū)，懷疑其是否具有時(shí)尚、高科技的特點(diǎn)。這就是色調(diào)選擇的不對(duì)，形色不一，色破壞了形。色調(diào)的確定一般還要參考以下幾點(diǎn)：

（1）用暖色調(diào)有溫暖、舒適的效果，用冷色調(diào)會(huì)使人感到冷清、智慧。（2）以高彩度的暖色為主調(diào)能使人刺激興奮，以低彩度的冷色為主調(diào)可以讓人平靜思索。（3）高明色調(diào)活潑、明快，低明色調(diào)冷靜、莊重。

在背景的色調(diào)搭配上還要盡量避免強(qiáng)烈的色彩對(duì)比，特別是使用色彩對(duì)立的顏色。約翰內(nèi)斯·伊頓是包豪斯色彩理論的創(chuàng)始人，也是最早引入現(xiàn)代色彩體系的教育家之一。他曾指出：“對(duì)比效果及其分類是研究色彩美學(xué)時(shí)一個(gè)適當(dāng)?shù)某霭l(fā)點(diǎn)?！贝竺娣e顏色在運(yùn)用時(shí)應(yīng)盡量采用低對(duì)比度，過于豐富的背景色彩會(huì)直接影響前景圖片和文字的呈現(xiàn)，嚴(yán)重時(shí)會(huì)使文字溶于背景中，不易用戶的識(shí)別，這不符合以人為中心的設(shè)計(jì)理念。通常情況下，背景的色調(diào)搭配一般應(yīng)以單、純?yōu)橐?，為了防止生硬和單調(diào)，有時(shí)也會(huì)在單純的基礎(chǔ)上給背景賦予一定的變化以增加視覺效果。例如在制作標(biāo)題時(shí)，可用顏色較深的底色搭配上對(duì)比鮮明的字體，達(dá)到醒目的視覺效果。實(shí)際上，背景的主要作用在于協(xié)調(diào)和襯托視覺的主體，統(tǒng)一整個(gè)交互界面的風(fēng)格，有助于體現(xiàn)界面的主題。

在確定主色調(diào)與背景色調(diào)之后還需要對(duì)交互界面的內(nèi)容進(jìn)行設(shè)計(jì)，例如如何突出重點(diǎn)，如何讓用戶看著舒服等等。雖然不同的人機(jī)交互界面的用途不同，表達(dá)主題與內(nèi)容不同，但是卻都有著相似的方法與原則。對(duì)于界面中的一些次要內(nèi)容，如裝飾圖片和線條，宜采用不搶眼的顏色以免喧賓奪主。而對(duì)于一些需要突出強(qiáng)調(diào)的元素，則宜采用明亮的色彩，用彩色亮點(diǎn)來刺激視覺以產(chǎn)生強(qiáng)烈的視覺沖擊。但是色彩亮點(diǎn)的使用一定要適度，否則非但達(dá)不到突出強(qiáng)調(diào)的作用，還會(huì)形成一種均勻的視覺“噪點(diǎn)”，破壞整個(gè)界面的效果。

4 結(jié)語

生活之中，我們看待一個(gè)物體往往最先吸引眼球的是顏色，同樣，色彩在人機(jī)界面設(shè)計(jì)中亦有著無可替代的作用。不同色調(diào)的界面給我們帶來的心理感受不同，而這種感受直接決定了用戶的使用體驗(yàn)。因此，我們?cè)谧鼋换ピO(shè)計(jì)的時(shí)候不僅要關(guān)注交互界面的整體結(jié)構(gòu)，也需要重點(diǎn)對(duì)色彩進(jìn)行設(shè)計(jì)，根據(jù)不同的用途與場(chǎng)景進(jìn)行用最合適的，最人性化的色彩設(shè)計(jì)。

參考文獻(xiàn)：

[1]黃國(guó)松.色彩設(shè)計(jì)學(xué).中國(guó)紡織出版社，2001.

[2]鐘蜀巧.色彩構(gòu)成.中國(guó)美術(shù)學(xué)院出版社，1994.

[3]章利國(guó).設(shè)計(jì)藝術(shù)美學(xué).河南美術(shù)出版社，2002.

[4]李樂山.人機(jī)界面設(shè)計(jì)基礎(chǔ).西安交通科技大學(xué)出版社，2004.

[5]羅仕鑒，朱上上.人機(jī)界面設(shè)計(jì).機(jī)械工業(yè)出版社，2002.

[6]Jon Kolko.交互設(shè)計(jì)沉思錄.機(jī)械工業(yè)出版社，2012.

[7]倪少清.色彩心理學(xué).中國(guó)廣播影視出版社，2013.