界面圖形化的視覺語言在家電產(chǎn)品造型設(shè)計中的應(yīng)用

曾莉

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

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

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

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

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

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

2. 界面圖形化視覺語言的優(yōu)勢

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

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

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

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

1. 圖形符號

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

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

2. 圖形圖像

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

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

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

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

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

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

結(jié)論

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

參考文獻(xiàn)：

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

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

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

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

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

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

責(zé)任編輯：楊建