現代軟件界面設計的歷史及藝術特性

張萍 曾丹

摘要：簡要評述了軟件界面開發的發展歷史，提出了軟件界面設計行業的確立標志著軟件界面設計實現了由功能目的型向藝術設計型轉變的觀點。從美學、認知心理學的角度探討了軟件界面配色及布局時應遵循的一般原則。同時，分析了軟件界面“交互性”中換膚以及智能布局兩個重要的發展方向。

關鍵詞：軟件界面配色布局交互性

界面設計是為了滿足軟件專業化、標準化的需求而產生的對軟件的使用界面進行美化、優化、規范化的設計分支。具體包括軟件啟動封面設計，軟件框架設計，按鈕設計，面板設計，菜單設計，標簽設計，圖標設計，滾動條及狀態欄設計，安裝過程設計等。軟件用戶除期望所用的軟件擁有強大的功能外，更期望應用軟件能盡可能地為他們提供一個輕松、愉快、友好的操作環境，因此，界面設計已成為軟件設計中至關重要的一環。

一、軟件界面設計的發展歷史

1945年，馮?諾依曼提出二進制方案，建立多級存儲結構和并行計算原理，確立20世紀計算機的基本數學構型，宣告計算機時代的來臨，軟件開發的歷史也從此正式開始。軟件開發的過程就是人們使用各種計算機語言將人們關心的現實世界映射到計算機世界的過程。實質上就是程序員們對客觀世界問題域的認識在二進制代碼世界內的重現過程[1,2]。從這一層面上來說，軟件開發的歷史大概可以分為三個階段：面向機器（MO）階段，面向過程（PO）階段和面向對象（OO）階段。

軟件開發可分為兩大部分：編碼設計與UI設計。以上介紹的是編碼設計，這是大家所熟悉，但UI設計對大部分人來說都是個陌生的概念，直到目前為止，做UI設計的人仍被貶稱為“美工”。UI的本意是用戶界面，用戶界面設計是人機交互（Human-Computer Interaction，HCI）領域的一個子學科。人機交互是一門研究、規劃和設計如何讓人與計算機協同工作，以最高效的方式滿足人的需求的學科。具體來說，用戶界面是指計算機及其軟件中人們可以看到，聽到，觸摸到，與其交談，或者進行理解或指揮的那一部分。用戶界面由兩個基本部分組成：輸入和輸出。輸入是指一個人如何將他的需求或愿望告訴計算機。輸出是指計算機如何將它的計算結果和需要傳達給用戶。

用戶界面設計與編碼設計一樣，一直朝著貼近人的思維模式，貼近現實世界的方向發展，其發展歷程大概也可以分為三個階段， 從1945計算機的誕生到1968年，這是批處理界面（Batch interface）階段，批處理界面是非交互式用戶界面，事先用戶指定了處理工作的所有細節，批處理全部完成之后才能得到結果；1969年開始出現了命令行用戶界面（Command-line User Interface,CUI），用戶通過鍵盤輸入命令字符串，計算機處理之后將結果顯示在監視器上，這一技術一直沿用至今；目前應用最為廣泛的是圖形用戶界面（Graphical User Interface,GUI），圖形用戶界面被定義為一種采用了四種基本組件（窗口、圖標、菜單和鼠標指針）的人機交互形式，也稱為WIMP界面。過去由于計算機硬件的限制，編碼設計成為軟件開發的代名詞，美觀親和的圖形化界面與合理易用的交互方式都沒有得到充分的重視，實際上這個時期的軟件應叫做軟件程序，而不是軟件產品。當圖形用戶界面技術逐漸成熟并廣泛應用之后，軟件界面設計才得到重視。在面向過程編程階段以及面向對象編程階段的初期，軟件界面設計一般還只是程序員個人的事情，只有大型的軟件公司才有經濟實力聘用專門的藝術設計人員參與到軟件界面的美化，但UI設計仍然屬于從屬地位。從二十世紀末至今，得益于基于插件、組件軟件體系結構的確立，有相當一部分程序員及藝術設計人員從軟件開發流程中脫離出來，專注于軟件用戶界面的研究與開發，形成了一個獨立的新興行業。目前國內外流行的“界面換膚”工具非常多，如SkinMagic、SkinFeature、Skin++、AppFace、SkinCrafter、ActiveSkin等等，這些換膚產品的出現一方面使軟件的界面更加符合用戶的心理及視覺需求，另一方面也使程序員可以致力于軟件功能的研究開發上，提高了軟件生產效率。

軟件界面設計是軟件設計中一個重要的組成部分，一個友好美觀的界面會給人帶來舒適的視覺享受，拉近人與電腦的距離。界面設計不是單純的美術繪畫，他需要定位使用者、使用環境、使用方式并且為最終用戶服務，是純粹的、科學性的藝術設計與程序設計。軟件界面設計行業的確立以及界面設計研究的開展，標志著軟件界面設計實現了由功能目的型向藝術設計型的巨大飛躍。

軟件界面設計雖然帶有強烈的個人色彩，是設計人員與用戶之間思維交流的具體體現，但有些基本的設計原則還是相通的。

二、軟件界面的色彩

美觀漂亮是軟件界面設計者不懈追求的目標。和諧的畫面色彩，形象的三維圖案，得體的文字將營造出一個簡便、舒適的使用環境。為了達到這一目標，色彩的使用應遵循一定的原則：

（１）顏色種類應適中。軟件界面設計過程中顏色的種類不能過多也不能過少，過多的顏色使人感覺界面凌亂，沒有重點；過少的顏色又使界面顯得單調。一個軟件到底需要多少種顏色合適目前沒有一個確定的標準，依賴于界面設計人員的審美能力。

（２）配色方案應符合用戶的心理特征。以人為本的用戶原則貫穿于軟件開發的始末。配色也是如此，應該針對軟件類型以及用戶工作環境選擇恰當的色調和配色方案。因為不同的色彩具有不同的感情特征，會對人產生不同的影響。如：黃色代表安全，綠色體現環保，藍色表現時尚、紫色表現浪漫；用戶群體為知識分子的軟件界面應以冷靜的顏色為主，如咖啡色，深藍色等，而青少年使用的軟件界面應配上鮮艷活潑的色彩較為合適，如紅、黃、藍等。

（３）界面配色應具獨特性。色彩形象的獨特性，即“個性”，體現出創新與開拓的精神，不僅加強了軟件的識別性、記憶性以及商業競爭力，同時也給用戶一種優越感和歸屬感。因此，在進行軟件界面設計時千萬要避免“跟風”，在充分了解軟件和用戶特性的基礎上，膽大心細設計出獨具魅力的軟件界面。

（４）界面配色應具統一性。同一類型的窗口應使用同一種配色方案，應避免過分地求異。因為不同色彩有不同波長，會直接或間接影響人的情緒、精神和心理活動。有些色彩使人振奮，有些色彩便人悲哀，不同的顏色對人們生理上的刺激是不同的，所以界面設計的色調應該是統一的，協調的。當然，統一并不代表只能有一種顏色，我們可以通過調整明度、飽和度、小面積使用對比色的方法豐富畫面效果。

三、軟件界面的布局

界面布局就是要將大量的信息（文本、圖像、圖形、圖標和控件等）合理地安排在軟件界面上，即在有限的屏幕空間上有結構、合理、科學地編排一定量信息。試驗結果(Mayhew，1992年)表明，屏幕總體覆蓋度不應該超過40％，而分組覆蓋度不應該超過62％。界面不能太擁擠，也不能太松散，設計時應遵循一定的美學原理。

（１）簡潔原則。在提供足夠信息量的同時界面設計應盡量的簡潔明了，不能給用戶帶來過多的視覺和記憶負擔。例如，圖標的概念模型要與用戶的認知心理相匹配；文本的措辭應盡量完整、短小、易于理解；注重存儲于用戶頭腦中同類軟件知識的應用；多采用工具欄的自定義，菜單的多級展開方法等。

（２）順序原則。一般來說，人眼習慣于左右、上下的搜尋掃描運動與順時針方向運動。界面布局的順序，也是從左上角開始的。菜單欄及每個主菜單的下拉菜單的安排，工具欄中工具圖標的布局應符合人的視覺特點，提高視覺認讀效率與準確度。

（３）規范原則。屏幕上所有對象，如窗口、按鈕、菜單等處理應一致化，使對象的動作可預期；命令、對話框的顯示以及提示行的位置在一個應用系統中應盡量的統一規范。

（４）平衡原則。注意屏幕上下、左右平衡。局部不能擁擠，過分擁擠會產生視覺疲勞。增加界面平衡的方法有：控制空白區間與文字區間的使用比例，減少過度花俏的強調方式； 將所有的內容區塊置于一個完整方塊中，使之有整體感。

（５）對比原則。大小差別小時給人的感覺較沉著溫和，大小差別大時給人的感覺較鮮明而具有震撼力；明與暗的對比可以突出圖形或文字的地位；粗與細的對比可以給人一種輕快的樂感。

四、軟件界面的交互性

軟件界面設計發展至今，形成了許多其自身的特色，其中交互性就是一個重要的方面。此處的交互性并不是傳統意義上的概念，它指的是整個軟件界面隨用戶的喜好及習慣不斷調整，不斷優化的智能響應方法。

軟件的用戶往往不是一類固定的人群，例如常用的office，Photoshop等，其應用范圍之廣以至于軟件界面設計人員已經沒有辦法去迎合所有用戶的視覺及心理需求。即便是用戶相對固定的專業軟件，隨著社會的發展，用戶心境的變遷，其一成不變的軟件界面也會給人一種灰色、憂郁的沉悶感。因此，只有為軟件準備好一系列漂亮的“衣服”，當出現在不同場合時才可以換上比較適合的一件。例如，軟件界面設計人員為某一軟件設計了許多的界面，有深色系的、淺色系的、古樸素雅的、鮮艷活潑的等等，用戶可以選擇最貼近于其心理特征的界面，也可以偶爾換成其它界面，體驗一把另類的激情。換膚工具是軟件界面交互性功能的重要發展。

軟件界面的交互性還體現在界面布局方面。屏幕空間非常有限，如何最為科學地利用屏幕空間一直是界面設計中的熱點、難題。浮動工具欄，自動隱藏等技術在一定程度上緩解了這一矛盾，但仍然未能很好地解決這一難題。對于界面布局，最理想的狀態為界面上全是用戶所需的，沒有任何多余的內容。例如，作者在使用各類軟件時，文件的保存和打印偏好于使用快捷鍵，此時工具欄上的這兩個按鈕顯而易見是“多余”的，但對于偏好于使用工具欄按鈕的用戶來說，這兩個按鈕不僅不是多余的，而且是必需的。因此軟件還需要具有自學能力，可以根據用戶的習慣來改變界面的布局，不斷地統計出菜單、按鈕、命令等交互元素的使用頻度，將最為常用的元素調整到最為顯眼，最容易觸及的地方。因此，智能化方法的引入是軟件界面交互性功能的另一個重要發展。

參考文獻

1.肖錕.從軟件開發的歷史探討其發展趨勢[J]. 電腦開發與應用,2005,(11):59

2.楊芙清,梅宏,呂建等.淺論軟件技術發展[J].電子學報,2002,30(12A):1901-1903.

3.任建軍.計算機軟件界面設計中的美學原則[A]. 2005年工業設計國際會議論文集[C],2005:714-718.

4.陳傳文,余靜貴.計算機軟件界面設計中的心理學分析[A]. 2005年工業設計國際會議論文集[C], 2005:752-755.

5.許文娟.淺析軟件界面設計中的色彩運用[J].電腦知識與技術,2008,4(4):890-891.

6.陳汗青,呂杰鋒.數碼設計藝術[M].北京:人民美術出版社,2004.

7.汪海波.用戶為中心的軟件界面的設計分析、建模與設計分析[D].濟南:山東大學,2008.

（作者單位：張萍，安陽師范學院；曾丹，湖南大眾傳媒職業技術學院）

責任編輯：李薇薇