李 怡

界面設(shè)計(jì)初探

李 怡

界面設(shè)計(jì)是計(jì)算機(jī)科學(xué)與藝術(shù)設(shè)計(jì)等科學(xué)相交叉的一個(gè)嶄新的研究領(lǐng)域和發(fā)展方向。設(shè)計(jì)的界面存在于人—物信息交流，凡存在人—物信息交流的一切領(lǐng)域都屬于設(shè)計(jì)界面。探討了界面設(shè)計(jì)的工作流程和界面視覺設(shè)計(jì)。

界面設(shè)計(jì)；交互設(shè)計(jì)；UI

界面設(shè)計(jì)的說法以往常見的是在人機(jī)工程學(xué)中?！叭藱C(jī)界面”是指人機(jī)間相互施加影響的區(qū)域，凡參與人機(jī)信息交流的一切領(lǐng)域都屬于人機(jī)界面。“而設(shè)計(jì)藝術(shù)是研究人一物關(guān)系的學(xué)科，對(duì)象物所代表的不是簡單的機(jī)器與設(shè)備，而是有廣度與深度的物；既研究生理、心理、環(huán)境等對(duì)人的影響和效能，也研究人的文化、審美、價(jià)值觀念等方面的要求和變化?！?/p>

設(shè)計(jì)的界面存在于人一物信息交流，甚至可以說，存在人物信息交流的一切領(lǐng)域都屬于設(shè)計(jì)界面，它的內(nèi)涵要素是極為廣泛的。可將設(shè)計(jì)界面定義為設(shè)計(jì)中所面對(duì)、所分析的一切信息交互的總和，它反映著人一物之間的關(guān)系。他包含了人機(jī)界面設(shè)計(jì)中認(rèn)知心理學(xué)、人機(jī)工程學(xué)、人機(jī)界面的藝術(shù)設(shè)計(jì)、色彩設(shè)計(jì)等；人機(jī)界面設(shè)計(jì)，硬件人機(jī)界面的設(shè)計(jì)風(fēng)格、人文關(guān)懷等；軟件人機(jī)界面的形式與標(biāo)準(zhǔn)、軟件人機(jī)界面設(shè)計(jì)、Internet網(wǎng)頁界面設(shè)計(jì)、圖標(biāo)設(shè)計(jì)等。

一、界面設(shè)計(jì)的研究內(nèi)容

（一）工作流程

用戶界面設(shè)計(jì)在工作流程上分為結(jié)構(gòu)設(shè)計(jì)、交互設(shè)計(jì)、視覺設(shè)計(jì)三個(gè)部分。

1.結(jié)構(gòu)設(shè)計(jì)（Structure Design）

結(jié)構(gòu)設(shè)計(jì)也成概念設(shè)計(jì)，是界面設(shè)計(jì)的骨架。通過對(duì)用戶研究和任務(wù)分析，制定出產(chǎn)品的整體架構(gòu)。基于紙質(zhì)的低保真原型可提供用戶測試并進(jìn)行完善。在結(jié)構(gòu)設(shè)計(jì)中，目錄體系的邏輯分類和語詞定義是用戶易于理解和操作的重要前提。如西門子手機(jī)的設(shè)置鬧鐘的詞條是“重要記事”，讓用戶很難找到。

2.交互設(shè)計(jì)（Interactive Design）

交互設(shè)計(jì)的目的是使產(chǎn)品讓用戶能簡單使用。任何產(chǎn)品功能的實(shí)現(xiàn)都是通過人和機(jī)器的交互來完成的。因此，人的因素應(yīng)作為設(shè)計(jì)的核心被體現(xiàn)出來。交互設(shè)計(jì)的原則是 ：（1）有清楚的錯(cuò)誤提示。誤操作后，系統(tǒng)提供有針對(duì)性的提示。（2）讓用戶控制界面?！跋乱徊健薄ⅰ巴瓿伞?，面對(duì)不同層次提供多種選擇，給不同層次的用戶提供多種可能性。（3）允許兼用鼠標(biāo)和鍵盤。同一種功能，同時(shí)可以用鼠標(biāo)和鍵盤，提供多種可能性。（4）允許工作中斷。例如用手機(jī)寫新短信的時(shí)候，收到短信或電話，完成后回來仍能夠找到剛才正寫的新短信。（5）使用用戶的語言，而非技術(shù)的語言。（6）提供快速反饋。給用戶心理上的暗示，避免用戶焦急。（7）方便退出。如手機(jī)的退出，是按一個(gè)鍵完全退出，還是一層一層的退出。提供兩種可能性。（8）導(dǎo)航功能。隨時(shí)轉(zhuǎn)移功能，很容易從一個(gè)功能跳到另外一個(gè)功能。（9）讓用戶知道自己當(dāng)前的位置，使其做出下一步行動(dòng)的決定。

3.視覺設(shè)計(jì)（Visual Design）

在結(jié)構(gòu)設(shè)計(jì)的基礎(chǔ)上，參照目標(biāo)群體的心理模型和任務(wù)達(dá)成進(jìn)行視覺設(shè)計(jì)。包括色彩、字體、頁面等。視覺設(shè)計(jì)要達(dá)到用戶愉悅使用的目的。視覺設(shè)計(jì)的原則是：（1）界面清晰明了。允許用戶定制界面。（2）減少短期記憶的負(fù)擔(dān)。讓計(jì)算機(jī)幫助記憶，如User Name、Password、IE進(jìn)入界面地址可以讓機(jī)器記住。（3）依賴認(rèn)知而非記憶。如打印圖標(biāo)的記憶、下拉菜單列表中的選擇。（4）提供視覺線索。圖形符號(hào)的視覺的刺激；GUI（圖形界面設(shè)計(jì)）：Where，What，Next Step。 （5）提供默認(rèn)（default）、撤銷（undo）、恢復(fù)（redo）的功能。（6）提供界面的快捷方式。（7）盡量使用真實(shí)世界的比喻。如電話、打印機(jī)的圖標(biāo)設(shè)計(jì)，尊重用戶以往的使用經(jīng)驗(yàn)。（8）完善視覺的清晰度。條理清晰；圖片、文字的布局和隱喻不要讓用戶去猜。（9）界面的協(xié)調(diào)一致。如手機(jī)界面按鈕排放，左鍵肯定；右鍵否定；或按內(nèi)容擺放。（10）同樣功能用同樣的圖形。（11）色彩與內(nèi)容。整體軟件不超過5個(gè)色系，盡量少用紅色、綠色。近似的顏色表示近似的意思。

（二）界面視覺設(shè)計(jì)分析

按照設(shè)計(jì)界面的三類劃分，有助于考察設(shè)計(jì)界面的多種因素。當(dāng)然，應(yīng)該說設(shè)計(jì)界面的劃分是不可能完全絕對(duì)的，三類界面之間有涵義上也可能交互與重疊，如宗教文化是一種環(huán)境性因素，但它帶給信仰者的往往更多的卻是宗教的情感因素。在這里環(huán)境性和情感性是不好區(qū)分的，但這并不妨礙不同分類之間所存在的實(shí)質(zhì)性的差異。

1.功能性界面

對(duì)功能性界面來說，它實(shí)現(xiàn)的是使用性內(nèi)容，任何一件產(chǎn)品或內(nèi)外環(huán)境或平面視覺傳達(dá)作品，其存在的價(jià)值首要的是在于使用性，由使用性牽涉到多種功能因素的分析及實(shí)現(xiàn)功能的技術(shù)方法與材料運(yùn)用。在這一方面，分析思維作為一種理性思維而存在。如果作為一種處理方式來設(shè)計(jì)產(chǎn)品，則這種產(chǎn)品會(huì)使多種特征性（如民族性、純粹性）因素中性化，如果去除產(chǎn)品商標(biāo)，就很難認(rèn)出是哪國的或哪個(gè)公司的產(chǎn)品。當(dāng)然，這方面也說明了產(chǎn)品中存在著共同性因素，它使全人類能做出同樣的反應(yīng)。人的感覺和判斷能力有著國際性的、客觀性的特征。

功能性界面設(shè)計(jì)要建立在符號(hào)學(xué)的基礎(chǔ)上。國際符號(hào)學(xué)會(huì)對(duì)符號(hào)學(xué)所下定義是：符號(hào)是關(guān)于信號(hào)標(biāo)志系統(tǒng)（即通過某種渠道傳遞信息的系統(tǒng)）的理論，它研究自然符號(hào)系統(tǒng)和人造符號(hào)系統(tǒng)的特征。廣義的說，能夠代表其他事物的東西都是符號(hào)，如字母、數(shù)字、儀式、意識(shí)、動(dòng)作等，最復(fù)雜的一種符號(hào)系統(tǒng)可能就是語言。設(shè)計(jì)功能界面，不可避免地要讓使用者明白功能操作。每一操作對(duì)人來說應(yīng)是符合思維邏輯的、是人性的，而對(duì)機(jī)械、電子來說則應(yīng)是準(zhǔn)確的、確定無疑的，這雙方的信息傳遞是功能界面的核心內(nèi)涵。

2.情感性界面

一個(gè)家庭裝飾要賦予人家居的溫馨，一副平面作品要以情動(dòng)人，一件宗教器具要體現(xiàn)信仰者的虔誠。其實(shí)，任何一件產(chǎn)品或作品只有與人的情感產(chǎn)生共鳴才能為人所接受，“敝帚自珍”正體現(xiàn)著人的感情寄托，也體現(xiàn)著設(shè)計(jì)作品的魅力所在。

現(xiàn)代符號(hào)學(xué)的發(fā)展也日益在這一領(lǐng)域開拓，以努力使這種不確定性得到壓縮，部分加強(qiáng)理性化成分。符號(hào)學(xué)逐漸應(yīng)用于民俗學(xué)、神話學(xué)、宗教學(xué)、廣告學(xué)等領(lǐng)域，如日本符號(hào)學(xué)界把符號(hào)學(xué)用于認(rèn)識(shí)論研究，考察認(rèn)識(shí)知覺、認(rèn)識(shí)過程的符號(hào)學(xué)問題。同時(shí)，符號(hào)學(xué)還用于分析利用人體感官進(jìn)行的交際，并將音樂、舞蹈、服裝、裝飾等都作為符號(hào)系統(tǒng)加以分析研究，這都為設(shè)計(jì)藝術(shù)提供了寶貴與有借鑒價(jià)值的情感界面設(shè)計(jì)方法與技術(shù)手段。

3.環(huán)境性界面

任何設(shè)計(jì)都要與環(huán)境因素相聯(lián)系，它包括社會(huì)、政治和文化等綜合領(lǐng)域。處于外界環(huán)境之中，“是以社會(huì)群體而不是以個(gè)體為基礎(chǔ)的”，所以，環(huán)境性因素一般處于非受控與難以預(yù)見的變化狀態(tài)。

聯(lián)系到設(shè)計(jì)的歷史，我們可以利用藝術(shù)社會(huì)學(xué)的觀點(diǎn)去認(rèn)識(shí)各時(shí)期的設(shè)計(jì)潮流。從18世紀(jì)起，西方一批美學(xué)家已注意到藝術(shù)創(chuàng)造與審美趣味深受地理、氣候、民族、歷史條件等環(huán)境因素的影響。法國實(shí)證主義哲學(xué)家孔德指出：“文學(xué)藝術(shù)是人的創(chuàng)造物，原則上是由創(chuàng)造它的人所處的環(huán)境條件決定?！狈▏乃?yán)碚摷业ぜ{認(rèn)為：“物質(zhì)文明與精神文明的性質(zhì)面貌都取決于種族、環(huán)境、時(shí)代三大因素。”無論是工藝美術(shù)運(yùn)動(dòng)、包豪斯現(xiàn)代主義或20世紀(jì)80年代的反設(shè)計(jì)，現(xiàn)代的多元化，“游牧主義”都反映著環(huán)境因素的影響。

環(huán)境性界面設(shè)計(jì)所涵蓋的因素是極為廣泛的，它包括有政治、歷史、經(jīng)濟(jì)、文化、科技、民族等，這方面的界面設(shè)計(jì)正體現(xiàn)了設(shè)計(jì)藝術(shù)的社會(huì)性。

以上說明了設(shè)計(jì)藝術(shù)界面存在的特征因素，說明在理性與非理性上都存在明確、合理、有規(guī)則、有根據(jù)的認(rèn)識(shí)方法與手段。

二、小結(jié)

人類是貪戀美的，美麗的事物常常會(huì)讓人無法抗拒。這就是為什么產(chǎn)品出色的外觀設(shè)計(jì)對(duì)于電腦、汽車、日用品、家具、食品、服裝等等幾乎所有商品的銷售與推廣，都有著舉足輕重的作用的原因。同理，對(duì)于軟件公司、網(wǎng)絡(luò)公司來說，軟件、網(wǎng)站就是他們的商品，而界面就是他們產(chǎn)品的外觀，界面的美觀與否，直接關(guān)系到他們的成敗。

我們可以清楚地看到，微軟公司對(duì)軟件界面設(shè)計(jì)的重視。請(qǐng)回想一下在第一次見到WIN2000時(shí)的情景，與NT4.0相比是否驚嘆他界面的美觀性與易用性？而如果使用過XP系統(tǒng)，則會(huì)被其令人神奇的感官概念而震驚折服！金山公司的金山詞霸就是國內(nèi)軟件成功的例子，從金山詞霸3.0到金山詞霸2001的變化堪稱經(jīng)典。著名的網(wǎng)頁動(dòng)畫制作軟件Flash從3.0到4.0，僅僅修改了圖標(biāo)和窗體，立即大為增色。

目前的國內(nèi)界面設(shè)計(jì)市場還處于初級(jí)階段，大部分軟件公司、手機(jī)開發(fā)商、網(wǎng)站營運(yùn)公司開始重視界面設(shè)計(jì)，但是，對(duì)于界面設(shè)計(jì)外包還處于觀望態(tài)度。中國目前有8000余家軟件公司，行業(yè)前景很可觀，如果能在行業(yè)規(guī)范上狠下工夫整治，樹立一個(gè)良好的氛圍，建立嚴(yán)謹(jǐn)、高效、低風(fēng)險(xiǎn)的流程，那么未來的三五年，中國界面設(shè)計(jì)市場會(huì)有一個(gè)飛躍的發(fā)展。對(duì)于這一新興職業(yè)，在我們未來職業(yè)教育上會(huì)出現(xiàn)新的挑戰(zhàn)與機(jī)遇，同時(shí)，其創(chuàng)新和變革也面臨著更大的社會(huì)期望。

G206.2

A

1673-1999（2010）09-0166-02

李怡（1981-），女，重慶人，重慶電子工程職業(yè)學(xué)院（重慶401331）傳媒藝術(shù)系助教，主要從事傳媒藝術(shù)教學(xué)。

2009-11-25

界面設(shè)計(jì)是計(jì)算機(jī)科學(xué)與藝術(shù)設(shè)計(jì)等科學(xué)相交叉的一個(gè)嶄新的研究領(lǐng)域和發(fā)展方向，界面設(shè)計(jì)是人與機(jī)器之間傳遞和交換信息的媒介，包括硬件界面和軟件界面，是計(jì)算機(jī)科學(xué)與心理學(xué)、設(shè)計(jì)藝術(shù)學(xué)、認(rèn)知科學(xué)和人機(jī)工程學(xué)的交叉研究領(lǐng)域。近年來，隨著信息技術(shù)與計(jì)算機(jī)技術(shù)的迅速發(fā)展，網(wǎng)絡(luò)技術(shù)的突飛猛進(jìn)，人機(jī)界面設(shè)計(jì)和開發(fā)已成為國際計(jì)算機(jī)界和設(shè)計(jì)界最為活躍的研究方向。