曾莉

摘要：本文通過(guò)分析家電產(chǎn)品界面圖形化的視覺(jué)表現(xiàn)，從人機(jī)交互角度詮釋了界面設(shè)計(jì)的圖形化視覺(jué)語(yǔ)言的特點(diǎn)、表達(dá)方式及對(duì)產(chǎn)品造型風(fēng)格的影響，從而達(dá)到家電產(chǎn)品設(shè)計(jì)中軟件界面與硬件界面的風(fēng)格協(xié)調(diào)統(tǒng)一。引用實(shí)際的冰箱設(shè)計(jì)案例進(jìn)行分析說(shuō)明，以實(shí)現(xiàn)互聯(lián)網(wǎng)時(shí)代家電產(chǎn)品設(shè)計(jì)中造型與界面視覺(jué)語(yǔ)言的風(fēng)格化設(shè)計(jì)。

關(guān)鍵詞：圖形化、視覺(jué)語(yǔ)言、人機(jī)交互、造型風(fēng)格

一、圖形化視覺(jué)語(yǔ)言在界面設(shè)計(jì)中的體現(xiàn)

1.信息時(shí)代界面設(shè)計(jì)的新特征

界面設(shè)計(jì)（圖1）有硬件界面和軟件界面之分：硬件界面指人和產(chǎn)品的直接操作比如功能分布，按鍵使用等，其整個(gè)與人發(fā)生作用的產(chǎn)品形態(tài)都可以算人機(jī)硬件界面;軟件界面也就是通常說(shuō)的人機(jī)界面指計(jì)算機(jī)系統(tǒng)中的“人機(jī)界面”（Human-Machine Interface），也可以成為用戶(hù)界面（User Interface）。好的界面設(shè)計(jì)能夠通過(guò)簡(jiǎn)潔的視覺(jué)信息完成人機(jī)交互，使用戶(hù)的操作變得更加簡(jiǎn)單，并且在情感上達(dá)到輕松愉悅的效果。

隨著高科技信息時(shí)代的來(lái)臨，人機(jī)交互中更加注重用戶(hù)體驗(yàn)以及用戶(hù)情感的表達(dá)。人們對(duì)于產(chǎn)品的需求更多的從“自我實(shí)現(xiàn)需求”（馬斯洛的需求層次論）的情感角度出發(fā)對(duì)產(chǎn)品尤其是產(chǎn)品的界面操作有了新體驗(yàn)和要求。在傳達(dá)中，傳達(dá)信息的時(shí)間要盡量減少占據(jù)通道的時(shí)間（費(fèi)用）。由此圖形化的表達(dá)方式在界面設(shè)計(jì)中表現(xiàn)尤為突出，能夠快速高效地進(jìn)行信息傳遞，用互動(dòng)性和圖形化語(yǔ)言演示數(shù)據(jù)并向受眾傳達(dá)，讓溝通變的更加有效。

2. 界面圖形化視覺(jué)語(yǔ)言的優(yōu)勢(shì)

圖形是通過(guò)線(xiàn)條、色彩、塊面等造型元素塑造出來(lái)的視覺(jué)形象，是會(huì)說(shuō)話(huà)的視覺(jué)語(yǔ)言，也是思想的表達(dá)符號(hào)。在界面設(shè)計(jì)中圖形化的視覺(jué)語(yǔ)言越來(lái)越受到用戶(hù)的喜愛(ài)，不僅能夠使用戶(hù)通過(guò)“讀圖”來(lái)直觀理解產(chǎn)品的操作而且能夠通過(guò)圖形化符號(hào)帶來(lái)感官上的愉悅體驗(yàn)，所以界面信息的圖形化可以滿(mǎn)足產(chǎn)品信息傳遞的準(zhǔn)確性和情感的豐富表達(dá)。

首先，圖形化的視覺(jué)語(yǔ)言可減少用戶(hù)必要學(xué)習(xí)的信息總量，縮短記憶時(shí)間，同時(shí)減輕記憶負(fù)荷。其優(yōu)點(diǎn)是生動(dòng)形象，信息量大，更易被理解和迅速接受。圖形能夠快速、高頻識(shí)別與處理、對(duì)相關(guān)內(nèi)容的認(rèn)知與關(guān)聯(lián)、瞬時(shí)不費(fèi)力的運(yùn)動(dòng)來(lái)達(dá)到處理信息的目的。其次，圖形化視覺(jué)語(yǔ)言通過(guò)設(shè)計(jì)由靜態(tài)轉(zhuǎn)化成動(dòng)態(tài)，以及交互式的操作方式，可以使用戶(hù)參與到其中。最后，交互式圖形信息能夠給用戶(hù)帶來(lái)更多的情感體驗(yàn)，滿(mǎn)足人高情感化的需求。從關(guān)注影響用戶(hù)行為和習(xí)慣的各種因素出發(fā)的界面設(shè)計(jì)，能通過(guò)設(shè)計(jì)賦予情感而傳遞給用戶(hù)，用戶(hù)對(duì)界面進(jìn)行操作的過(guò)程如能變成人們的一種生活習(xí)慣或方式，在圖形化用戶(hù)界面設(shè)計(jì)中無(wú)需特定意識(shí)就能夠操作和使用，這是圖形化界面設(shè)計(jì)的最大優(yōu)勢(shì)。

二、 家電產(chǎn)品中界面圖形化語(yǔ)言的表達(dá)方式

隨著信息化及網(wǎng)絡(luò)技術(shù)的發(fā)展，家電產(chǎn)品的設(shè)計(jì)也從物質(zhì)化向非物質(zhì)化發(fā)展。家電產(chǎn)品中的界面設(shè)計(jì)從最初的硬件操作過(guò)渡到軟件化、多渠道交互方式。人與家電產(chǎn)品的界面互動(dòng)交流變得更加通暢和有效須通過(guò)合理且新穎的圖形化視覺(jué)語(yǔ)言：圖形符號(hào)和圖形圖像是兩種常見(jiàn)的圖形界面構(gòu)成。

1. 圖形符號(hào)

在圖形化的用戶(hù)界面中，文字和圖標(biāo)都可以以圖形符號(hào)的方式表現(xiàn)，圖形符號(hào)的可視化即信息的可視化，是“靜態(tài)”的視覺(jué)語(yǔ)言。文字是信息傳達(dá)的主要部分，是界面的重要載體。圖標(biāo)也是特殊的視覺(jué)語(yǔ)義符號(hào)，有多種形式，但都必須以用戶(hù)能理解識(shí)別為前提。其功能性在于建立起虛擬世界與真實(shí)世界的一種隱喻或映射關(guān)系，用戶(hù)需要透過(guò)這種隱喻去理解圖標(biāo)背后的意義，依據(jù)自己的知識(shí)儲(chǔ)備對(duì)圖標(biāo)做出相應(yīng)的理解，無(wú)需閱讀任何使用手冊(cè)便可理解。

家電產(chǎn)品中很多的操作都是通過(guò)人進(jìn)行信息的輸入，界面進(jìn)行處理把信息結(jié)果反饋給用戶(hù)，對(duì)圖形的處理必須突顯“人”這一核心因素。圖形符號(hào)是文字、圖標(biāo)、色彩、頁(yè)面等等的集合，其中文字內(nèi)容必須簡(jiǎn)單濃縮;圖標(biāo)符號(hào)需直觀、簡(jiǎn)潔能夠吸引注意力;色彩使用應(yīng)該醒目、大方具有感情表達(dá)傾向;頁(yè)面即界面中各個(gè)要素的編排和構(gòu)圖，要能夠以最直接實(shí)現(xiàn)信息傳達(dá)為最佳。

2. 圖形圖像

在界面中圖形圖像可以轉(zhuǎn)換為動(dòng)畫(huà)，利用動(dòng)畫(huà)形式能使用戶(hù)在輕松愉悅中接受、獲取信息，所以圖形圖像語(yǔ)言也是“動(dòng)態(tài)”的視覺(jué)語(yǔ)言。在交互設(shè)計(jì)中，其運(yùn)用涉及到多個(gè)領(lǐng)域如：計(jì)算機(jī)圖形學(xué)、設(shè)計(jì)藝術(shù)學(xué)、圖形影像處理、計(jì)算機(jī)輔助設(shè)計(jì)等等。

圖像動(dòng)畫(huà)可以完整直觀的傳達(dá)信息，表現(xiàn)力強(qiáng)，靜態(tài)頁(yè)面中適當(dāng)加入動(dòng)畫(huà)，從而可以達(dá)到“動(dòng)靜相宜”的視覺(jué)效果。此外，信息圖形電影（Infographic Movie）出現(xiàn)極大的豐富了信息圖形語(yǔ)言，使信息在時(shí)間和空間上傳達(dá)更加生動(dòng)有效。同時(shí)隨著多媒體的發(fā)展，圖像動(dòng)態(tài)的界面也給用戶(hù)帶來(lái)全新的體驗(yàn)：海爾提出的半透明觸摸屏概念冰箱（圖2），是一款高科技互動(dòng)式冰箱，可以改變未來(lái)生活方式。該觸摸屏冰箱有一個(gè)數(shù)據(jù)庫(kù)，只需輕按屏幕上的菜單，就會(huì)顯示各種信息，包括食譜和配方，并顯示食物的保質(zhì)期，甚至?xí)l(fā)出變質(zhì)警告。另外智能又環(huán)保的Whirlpool 未來(lái)廚房概念（圖3），能進(jìn)行動(dòng)態(tài)操作，使用戶(hù)可以邊看新聞，上 Facebook 邊做菜，這種一體化的動(dòng)態(tài)交互智能爐灶界面將人們?cè)趶N房的時(shí)間和不做飯的時(shí)間無(wú)縫對(duì)接了起來(lái)，使兩者不再相互沖突。

三、界面圖形視覺(jué)語(yǔ)言與家電造型風(fēng)格設(shè)計(jì)

基于數(shù)字科技所產(chǎn)生的產(chǎn)品造型，其設(shè)計(jì)和生產(chǎn)已經(jīng)不能完全由功能決定，而是由設(shè)計(jì)師、用戶(hù)和產(chǎn)品三者之間的互動(dòng)來(lái)相互影響決定。在進(jìn)行家電產(chǎn)品設(shè)計(jì)時(shí)，可以從用戶(hù)的理解過(guò)程和實(shí)際操作行為特征出發(fā)決定界面設(shè)計(jì)風(fēng)格，由此指導(dǎo)其造型設(shè)計(jì)。信息時(shí)代家電產(chǎn)品與人產(chǎn)生了更多的互動(dòng)交流，用戶(hù)利用自身的感覺(jué)和認(rèn)知新技能進(jìn)行識(shí)別接受信息。下面我們選擇冰箱的設(shè)計(jì)為例，詮釋如何使產(chǎn)品的界面設(shè)計(jì)更好地為造型風(fēng)格的定位進(jìn)行服務(wù)。

首先，在人機(jī)交互中明確冰箱的獨(dú)特功能，以及目標(biāo)用戶(hù)的真實(shí)需求，并由這些特點(diǎn)和經(jīng)驗(yàn)來(lái)進(jìn)行設(shè)計(jì)。該課題（圖4）確定設(shè)計(jì)一款適用于現(xiàn)代家庭的概念冰箱，目標(biāo)定位是25-35年齡階段的年輕家庭。經(jīng)過(guò)頭腦風(fēng)暴和設(shè)計(jì)師的交流討論最終確定以沙漏的理念和形態(tài)來(lái)進(jìn)行界面圖形視覺(jué)的設(shè)計(jì)，要求在界面圖形的設(shè)計(jì)中能夠體現(xiàn)食物保鮮提醒這一功能要求，同時(shí)把用戶(hù)使用過(guò)程中的情感需求放在首位，減少用戶(hù)的學(xué)習(xí)過(guò)程，能直接理解并進(jìn)行操作。在設(shè)計(jì)中采用沙漏型的圖形元素意指食物營(yíng)養(yǎng)的流逝和最佳食用期的體現(xiàn)，與圖形要素搭配的色彩也采用漸變的動(dòng)畫(huà)圖像，使整個(gè)冰箱的界面新穎有特色。同時(shí)根據(jù)界面風(fēng)格設(shè)計(jì)了整個(gè)沙漏型的產(chǎn)品造型，統(tǒng)一且起到一目了然的目的。

其次，界面的操作和反饋即界面的圖形頁(yè)面的動(dòng)態(tài)變化也是冰箱產(chǎn)品造型風(fēng)格的來(lái)源。來(lái)自突尼西亞的設(shè)計(jì)師 Sakly Sadok，設(shè)計(jì)了一款概念冰箱Frigido（圖5），從外觀到內(nèi)在，都與現(xiàn)有產(chǎn)品有很大不同。根據(jù)用戶(hù)習(xí)慣和對(duì)食物類(lèi)別的進(jìn)行分區(qū)，六個(gè)分艙分別儲(chǔ)藏不同食物，都能用滑動(dòng)的方式打開(kāi)分艙大門(mén)，每一個(gè)分區(qū)都有相應(yīng)的獨(dú)立界面操作。不同分艙有不同定溫，針對(duì)食物種類(lèi)調(diào)整保存狀態(tài)。整體造型風(fēng)格未來(lái)感十足與界面語(yǔ)言相得益彰，使功能與品質(zhì)相結(jié)合，其概念讓食物儲(chǔ)藏得以提升。

結(jié)論

盡管對(duì)于家電產(chǎn)品人機(jī)交互界面設(shè)計(jì)研究還未像軟件和網(wǎng)絡(luò)產(chǎn)品那樣興盛，但隨著時(shí)代發(fā)展，對(duì)于與生活質(zhì)量密切相關(guān)的家電產(chǎn)品品質(zhì)的追求一定會(huì)促使其人機(jī)交互界面設(shè)計(jì)得到應(yīng)有的重視，同時(shí)針對(duì)圖形化交互界面進(jìn)行產(chǎn)品造型風(fēng)格的定位也將促使更多企業(yè)投入資源以及對(duì)家電產(chǎn)品界面信息和交互方式進(jìn)行研究，這將使未來(lái)家電產(chǎn)品的人機(jī)交互、界面視覺(jué)信息傳達(dá)因素的研究和產(chǎn)品造型風(fēng)格的一致性研究水平得到巨大提升。

參考文獻(xiàn)：

[1]葉娟.家電產(chǎn)品人機(jī)交互界面研究[D].碩士.武漢理工大學(xué).2009

[2]林穎麗.冰箱界面人性化設(shè)計(jì)研究[D].碩士.天津大學(xué)機(jī)械工程學(xué)院. 2005

[3]高谷蘭，王坤茜，包健.基于無(wú)意識(shí)設(shè)計(jì)的圖形化用戶(hù)界面應(yīng)用研究[J].藝術(shù)設(shè)計(jì).2013（10）

[4]劉穎，陸雨苗，楊劍.信息可視化圖形設(shè)計(jì)探討[J].中國(guó)新技術(shù)新產(chǎn)品. 2010（1）

[5]馮成志，賈鳳芹，沈模衛(wèi).用于信息可視化的彈性界面[J].人類(lèi)工效學(xué). 2004（9）

[6]榮光.數(shù)字可視化背景下的視覺(jué)元素的研究[D].碩士.西北大學(xué).2014

責(zé)任編輯：楊建