交互設(shè)計中的二維界面語言應(yīng)用

摘 要：本文對交互設(shè)計語言依語言度量進行分類，通過舉例討論了不同度量下交互設(shè)計語言的表達方式。對二維語言即平面表達方式進行了細分，并針對交互設(shè)計中的二維語言應(yīng)用進行了探究，得出交互設(shè)計中二維語言在形式、色彩和材質(zhì)等方面的表現(xiàn)特點。

關(guān)鍵詞：交互設(shè)計；二維語言；視覺藝術(shù)；界面設(shè)計

從清晨叫醒的鬧鐘、制作午餐的電飯煲到辦公使用的電腦、網(wǎng)站以及生活中使用的手機、下載的各種軟件等等，人們無時無刻不在與產(chǎn)品打交道。有些產(chǎn)品在使用過程中能很順利的與人“溝通”，能讓使用者毫不費力地完成各種任務(wù)。然而，有些產(chǎn)品卻讓使用者感覺很“難用”，甚至還會一次又一次地讓用戶犯錯誤。總的來說，不同產(chǎn)品給用戶帶來的體驗是不同的。

1.交互設(shè)計語言應(yīng)用

交互設(shè)計，為用戶和產(chǎn)品搭建了溝通的橋梁。吉蓮·克蘭普頓·史密斯（Gillian Crampton Smith）曾寫道：“交互設(shè)計就是通過數(shù)字界面形塑出人類對于工作、娛樂與休閑的新面向。”她把語言依其度量分為1D、2D、3D及4D。所謂1D語言，包括詞匯與用語。這些詞匯與用語需要傳達出讓人理解的動作指令，這些指令的表達與人的習慣用法應(yīng)該具有一致性；2D語言一般是從圖形和符號中衍生出來的交互設(shè)計；3D指的就是具體有形的物品。當人們看見產(chǎn)品上的一個按鈕，就知道去開關(guān)它；4D語言指的就是時空，包括影音作品與動畫。例如使用者將一個不同大小的檔案夾移動到另一個檔案夾中，就會發(fā)出不同程度的聲響。音效的不同可作為操作的回應(yīng)，而且很容易理解它的含義。當設(shè)計師將這些語言注入后，產(chǎn)品自己就會與使用者形成良好的溝通。

交互設(shè)計語言，具有一定的引導性。它能讓使用者在操作時，清楚的知道自己正處于系統(tǒng)中的哪個環(huán)節(jié)，該做什么，下一步怎么做，以及該如何回應(yīng)。通過不同設(shè)計語言的表達將用戶體驗放到中心位置去考慮設(shè)計的細節(jié)，優(yōu)化整個設(shè)計。

2.二維界面語言應(yīng)用

2D即平面，指的是在二維空間中的設(shè)計活動。因此，二維語言也是平面設(shè)計語言，其中包括形式語言、色彩語言、材質(zhì)語言。交互界面設(shè)計中，二維語言有著極其重要的地位，它能帶給用戶不同的視覺感受，第一時間吸引用戶，使他們更有效地進行日常工作和學習。

形式主要指形狀與形態(tài)。形狀通常用來區(qū)分元素，通過改變圖標的外形，能讓它們更快得被辨認出來，把經(jīng)常使用得按鈕做大，不僅用戶點擊的時候變得更容易，同時提升了界面的效率。在平面構(gòu)成中，不同的點、線、面所呈現(xiàn)的形式與心理感受是不同的。點，由圓組成，外形光滑圓潤飽滿，這樣的形態(tài)通常讓人們浮現(xiàn)一些可愛的、有親和力的畫面想像，常出現(xiàn)在一些歡樂的主題中；方，由直線構(gòu)成。在閱讀瀏覽方面，方形可以盡量排除形態(tài)上的干擾，以最整潔的方式梳理信息。所以，方形常出現(xiàn)在信息量較大的界面中，或者情感內(nèi)斂的主題中；三角，由折線尖角構(gòu)成。尖銳的造形給人以強烈的情感刺激和反差。傾斜的角度也會帶給人以速度感。所以，三角的形態(tài)帶來的感受通常是刺激的、運動的、時尚的。這樣的形態(tài)時常會出現(xiàn)在一些時尚主題中或體現(xiàn)速度感、暴力等主題中。可見，形式語言的個性是極其鮮明且豐富的。不管是在交互設(shè)計的界面設(shè)計、軟件開發(fā)等領(lǐng)域里，形式都起著重要的作用。

色彩是一種語言，它有自己獨特的寓意。當人們看到網(wǎng)站或者交互軟件的第一感覺主要是由色彩營造的展示氛圍而來的，色彩的吸引力往往高于其造型所產(chǎn)生的印象。作為第一視覺語言，色彩的作用顯而易見。在交互設(shè)計中，巧妙的使用色彩，可以更完美的突出主題內(nèi)容、交互主體形象和特定信息。在統(tǒng)一的大交互區(qū)域面中，通過使用不同色塊的區(qū)域，可劃分出不同功能的交互區(qū)域。與此同時，與分割交互區(qū)域恰好相反，通過使用色調(diào)或色相相近、相同的色彩進行聯(lián)系與呼應(yīng)，這樣多區(qū)域之間也會存在連續(xù)性，產(chǎn)生渾然一體的效果。利用色彩對交互區(qū)域的分割、延續(xù)與融合，色彩在交互設(shè)計中既有豐富性又有統(tǒng)一性，從而增加交互設(shè)計的整體性和多樣性。

在設(shè)計產(chǎn)品時，不能單純憑借自己的喜好去配色，應(yīng)結(jié)合產(chǎn)品本身的定位以及標準色和整體的色調(diào)而決定。另外我們要充分的考慮用戶感受，雖然不能完全滿足所有用戶，但起碼我們要顧及大部分的用戶。當然，色彩的運用不是限定死的，并非說購買按鈕一定用紅色、橙色，而下載按鈕一定用綠色。具體的色彩風格需要認真的了解設(shè)計需求，跟甲方討論產(chǎn)品的定位與感覺。比如穩(wěn)重、可信賴、簡潔、科技感等等，了解到客戶對產(chǎn)品的定位，我們就可以確定如何選擇最合適的色彩方向來進行設(shè)計。

材質(zhì)在設(shè)計中是不能忽視的。不同的質(zhì)感肌理能給人不同的心理感受，如玻璃、鋼材，可以表達產(chǎn)品的科技氣息，木、竹，可以表達自然、古樸、人情意味等。材質(zhì)語言的表現(xiàn)，強調(diào)設(shè)計者對材質(zhì)的巧妙掌握和運用，不同的材質(zhì)之間的奇妙組合，可以使設(shè)計變得更富趣味，展現(xiàn)出一種全新的設(shè)計理念。材質(zhì)的不同特質(zhì)在設(shè)計者的精心構(gòu)思下，使它們的表面質(zhì)地、肌理、色彩、光澤等特征充分顯示，讓人與自然之間變得更加貼切，從而產(chǎn)生一種生命情感的共鳴和聯(lián)想。

3.總結(jié)

隨著信息時代的飛速發(fā)展，各式各樣的交互式產(chǎn)品層出不窮。無論設(shè)計是以何種形態(tài)出現(xiàn)，目的都是為了更好地傳遞信息，給用戶留下深刻的視覺印象。而留下深刻印象最好的辦法就是視覺沖擊力，運用二維視覺藝術(shù)，通過造型、顏色、材質(zhì)等展現(xiàn)出來，形成獨有的風格，從而吸引用戶使他們愿意停留較長時間進行閱讀。例如，有時候一看頁面你就能發(fā)現(xiàn)訪問的是哪個網(wǎng)站，因為它有特定的用色、logo、圖標等。其中最具代表性的就是Apple公司的網(wǎng)站。以空白為主的主界面著重突出研發(fā)的新產(chǎn)品，用方形對區(qū)域進行分割，簡潔大氣、表達清晰。而新浪網(wǎng)的主界面設(shè)計形式從視覺效果上來說卻并不盡如人意。好的地方在于如此大量的信息中包含用戶所需要或者感興趣的信息的可能性會很大，包括它的郵箱、微博等附加服務(wù)，于是，用戶會覺得新浪網(wǎng)是一個能滿足大部分需求的網(wǎng)站，對其的依賴性會明顯高于其他網(wǎng)站。然而，新浪網(wǎng)這種緊羅密布的信息羅列形式也是有其弊端的，最突出一點就是視覺上的“眼花繚亂”。雖然主界面根據(jù)內(nèi)容的不同劃分了幾個區(qū)域，但是依然沒能減緩一點視覺混亂的趨勢，感覺整個頁面淹沒在大大小小的字體里面。這種毫無重點的平鋪形式可能導致用戶關(guān)閉頁面。如果必須要在一級界面上同時羅列這么多信息，那么可不可以將主界面簡化為幾個標題框，通過點擊其中一個標題框而后在頁面只顯示相關(guān)內(nèi)容呢？或者有層次的展示內(nèi)容，使得界面簡潔一些，讓用戶的眼睛不要太忙亂了。一個成功的交互網(wǎng)站，除了考慮用戶體驗，還更應(yīng)該著重于網(wǎng)站的主界面設(shè)計，從每一個細節(jié)吸引并組征服用戶。

參考文獻：

[1][美]比爾·莫格里奇.關(guān)鍵設(shè)計報告[M].2011，6.

[2] 張云哲.材質(zhì)語言在設(shè)計藝術(shù)中的表達與應(yīng)用[J].2014.

[3] 黃本亮.交互設(shè)計的語義層面.2013，1.

[4] 宓文倩.交互設(shè)計時代平面設(shè)計藝術(shù)的情感架構(gòu)研究.2013，4.

[5] 張蓮.視覺元素在交互設(shè)計中的運用.2011，6.

[6] 關(guān)德睿，歐永和，朱華.淺談網(wǎng)站的視覺交互設(shè)計[J].中國科技信息，2013，7.

（作者單位：昆明理工大學藝術(shù)與傳媒學院）