淺析色彩在人機交互界面中的作用

劉行

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

【關鍵詞】界面 色彩 交互 作用

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

1 色彩的發展

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

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

2 色彩給人的感覺

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

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

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

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

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

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

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

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

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

4 結語

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

參考文獻：

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

[2]鐘蜀巧.色彩構成.中國美術學院出版社，1994.

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

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

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

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

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