關于人機交互的應用

吳錕

【摘要】：用戶界面UI（User Interface）為使用者與計算機系統溝通的重要渠道。因為計算機系統通過用戶界面向用戶提供數據輸入環境、系統運行狀態與程序運行結果，使用者通過用戶界面向計算機系統提出工作要求、設計想法與問題處理意見，因此用戶界面設計的優劣對計算機系統的使用體驗起著舉足輕重的作用。圖形用戶界面GUI（Graphical User Interface）通過在用戶界面中使用圖形、色彩與表格等圖形技術來提升用戶界面的質量。相信未來UI領域將朝著扁平化發展，這將是不可擋的趨勢。

【關鍵詞】：軟件界面設計；GUI；設計基礎；設計原則

GUI（Graphical User Interface）是種結合了各商業領域需求分析以及計算機科學、心理學、美學等的人機系統工程，強調用戶—設備—環境三者作為一整體系統進行總體設計。界面的設計是軟件開發中最為重要的方面，并且將涉及到整個軟件開發團隊。對于應用軟件來說，基本現實就是：用戶界面是面向使用者的。使用者需要的是軟件開發者開發出的軟件能滿足其需求，且易于操作使用。Constantine（1995）指出，好的用戶界面使得人們不用閱讀用戶手冊或接受培訓就能使用應用軟件。隨著科技的發展也帶動了一些相關產業的發展，比如系統的發展就與UI的發展密不可分，隨著電子科技的發展也產生了與之相關的職業，那就是我們今天要討論的UI設計。

1 國內外軟件開發概況

1.1 軟件開發行業的界面設計現狀

圖形用戶界面（GUI-Graphics User Interface）乃當下用戶界面的主流，廣泛應用于圖形工作站和各類微型計算機。當下各類圖形用戶界面共同特點是以窗口管理系統為重點，使用鼠標、鍵盤作輸入設備。窗口管理系統除基于可重疊的多窗口管理技術外，廣泛采用的另一種關鍵技術是事件驅動（Event-Driven）技術。圖形用戶界面和人機交互過程極大地依賴于視覺與手動控制的參與，因此具備強烈的直接操作之特點。

環顧國際相關行業目前在圖形化用戶界面設計方面的發展概況，很多國際知名大公司早己認識到GUI在產品方面產生的超強增值功能，且能帶動的很大市場價值，因而在公司設立相關部門專門從事GUI的研究和設計，同行間亦成立了相關機構，用于交流GUI設計的理論與經驗。較成熟的商品化操作系統有IBM的Presentation Manager、蘋果的Macintosh、微軟的Windows等。這些跨國科技公司目前堆操作系統和UI的設計已經在逐漸追求扁平化，給用戶帶來簡潔明了的視覺感受，深受用戶追捧。相信未來UI領域將朝著扁平化發展，這將是不可擋的趨勢。世界上成功的軟件開發公司都非常重視軟件界面的美化設計，注重扁平化設計，只有強大的功能是不夠的，不足以在激烈的市場競爭中脫穎而出。

1.2 我國軟件行業開發在GUI方面的現狀和不足

目前我國軟件開發行業的通病，是界面設計粗糙。因為大部分的軟件開發人員都是男性，加之專門的界面效果處理員相對較少，同時，軟件開發人員也將精力重點放在對軟件性能的學習和實現上，無多余精力用來仔細處理界面，因此也就形成了開發的軟件在功能上較強，但在人機交互體驗方面稍遜，使用者常會遭遇面對一堆輸入框與諸多個窗口，無從下手，不知怎樣進行操作的尷尬局面。

2 軟件界面設計基礎

2.1 軟件界面設計的準備工作

不論要設計什么產品，設計之前就應先確立設計的主題。且軟件的主題的確立與該軟件的功能與目的等有關。美工人員作為操作界面美化的主要成員，不僅擁有包裝、藝術設計的能力，還應穿插整個項目，提供系統參考意見于程序設計員。

根據使用者自身的特性、環境、系統任務、成本和效益，確定合適的界面類型。

2.2 軟件界面設計原則

控件的位置擺放要均衡、合理，讓用戶方便瀏覽、使用。另外，要符合用戶平常的操作習慣。同時，背景顏色、圖案的設計要合理排列，使界面更和諧美麗。

2.3 應用界面規劃

按鈕顏色最好和整個界面的主色調相統一。按鈕顏色不適合用與界面主色調不統一的色彩。按鈕字體在應用軟件中普遍使用宋體，但具體情況應由該軟件界面的整體風格來確定。按鈕字號應由按鈕大小來確定。字體高度在按鈕高度的1/2-1/3處較合適，字體寬度在按鈕寬度的1/2—1/3處較合適。

無論畫功多么高深，都應注意，因圖標受大小的限制，這就決定了圖標的內容不可過多。圖標必須明快、簡潔的表達其內容。與軟件風格的統一性原則一般，雜亂的圖標讓用戶覺得界面顯凌亂。

2.4 色彩運用

UI的美術理論與素描基礎。基于本專業“視覺傳達設計”所學習的知識與應用，現對UI美工中的藝術性做以下分析：首先，我們認為作為一個UI美工，他所具備的不僅僅要有這個行業的基本技能，更為重要的是要理解“美”字的含義，這是從字面意義上來解釋的，若是從本身意義上來說也就是美工的創意，只有技術加上創意才能把這項工作做好。

我們還需要對色彩關系進行分析：一個操作系統的設計、布局都是圖案和文字所組成的，然而這些元素就應考慮到色彩的搭配和統一，雖然一些美工的技術層次已經達到了要求，但所做出來的東西還是不夠精致。色彩是藝術表現的重要因素之一。在設計之時，要講求和諧、均衡、突出重點的原則，將不同色彩進行組合，合理搭配構成美觀的界面。明度低的色彩較溫暖，明度高的色彩較涼爽。黃、橙、紅等色，給人溫暖的感覺，為暖色；紫、綠、藍等色，給人以涼爽的感覺，為冷色。軟件用戶會因其明度、色相、彩度的不同，表現出不同的色彩感覺。面對這些色彩也會產生不同的心理影響。按色彩的記憶性原則，一般暖色較冷色的記憶性強。

3 UI的發展前景和發展道路

隨著近幾年科技和互聯網的快速發展，電腦和電子設備的普及，人機交互UI的產業發展迅速，可謂正是方興未艾，人們越來越注重界面的美觀和實用性，各大廠商也在不斷改進，扁平化設計將成為未來趨勢。UI設計結合美工的藝術性與商業性立足于UI設計、美工。既要有扎實的專業基礎與豐富的實戰經驗，又不能丟棄自身的藝術價值，要做到商業性與藝術性相結合。

此文章獲得內江師范學院2015年度科研項目資助，項目編號：15NSD—40

參考文獻：

[1] 苗雪蘭，劉瑞新. 計算機圖形學理論及應用技術， 北京：機械工業出版社， 2003.1.

[2] 斯哥特·伯昆，在網絡和程序界面設計中的評論的思想.

[3] 朱志強，VB程序界面設計經驗點滴，2000-10-25.

[4] ChinaUI，簡單說說UI的設計原則.

[5] 張健姿，圖形用戶界面設計，2001.9.

[6] ChinaUI，跟界面有關的新技術趨勢.

[7] 蘭信設計，色彩的心理感覺.

[8] （美）托里斯，用戶界面設計與開發精解，清華大學出版社.

[9] DOLCN，界面設計.

[10] 王麗梅，VB應用程序的界面設計，2001-03-02.

[11] ChinaUI，軟件人機界面設計的重要性及發展趨勢.

[12] 中國藝術設計互動家園，什么是用戶界面設計.