劉行

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

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

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

1 色彩的發(fā)展

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

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

2 色彩給人的感覺

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

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

除了單色的運用，色彩還可以搭配使用。色彩的搭配方式有很多種，不同的搭配可以出來不同效果，因為篇幅有限就不一一舉例講解，大家可以多參考相關(guān)的專業(yè)資料。

3 人機交互界面色彩的選擇

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

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

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

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

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

4 結(jié)語

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

參考文獻：

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

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

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

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

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

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

[7]倪少清.色彩心理學.中國廣播影視出版社，2013.