李 怡

界面設計初探

李 怡

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

界面設計；交互設計；UI

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

設計的界面存在于人一物信息交流，甚至可以說，存在人物信息交流的一切領域都屬于設計界面，它的內(nèi)涵要素是極為廣泛的?？蓪⒃O計界面定義為設計中所面對、所分析的一切信息交互的總和，它反映著人一物之間的關系。他包含了人機界面設計中認知心理學、人機工程學、人機界面的藝術設計、色彩設計等；人機界面設計，硬件人機界面的設計風格、人文關懷等；軟件人機界面的形式與標準、軟件人機界面設計、Internet網(wǎng)頁界面設計、圖標設計等。

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

（一）工作流程

用戶界面設計在工作流程上分為結構設計、交互設計、視覺設計三個部分。

1.結構設計（Structure Design）

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

2.交互設計（Interactive Design）

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

3.視覺設計（Visual Design）

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

（二）界面視覺設計分析

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

1.功能性界面

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

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

2.情感性界面

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

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

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

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

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

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

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

二、小結

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

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

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

G206.2

A

1673-1999（2010）09-0166-02

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

2009-11-25

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