UI設計在網絡時代的數碼化應用

摘要：電子產品高速發展的社會，用戶界面是連接電子產品和客戶的橋梁，良好的界面設計可以提升產品的外觀價值，更能吸引用戶，也是產品銷量的重要保證。本文就設計師的角度談談用戶界面設計中，設計師要注意的幾個方面，以討論優秀用戶界面設計的方法。

關鍵詞：電子產品 信息 用戶界面 設計 計算機

一、什么是UI？

1.UI的概念

高速發展的電子產品行業，離不開軟件設計，而軟件設計通常又可分為兩部分：編程設計與UI設計。

UI的本意是指軟件的用戶使用界面，英文原稱為User Interface。它由User（用戶）和Interface（界面）兩個部分組成，但同時更是User（用戶）和Interface（界面）兩者之間的交互活動關系，也是屏幕產品的重要組成部分。UI設計師軟件設計中，原編碼設計外很重要的一部分，也是計算機產品發展進入新階段的標志。

User Interface設計師一門新興的學科，從心理學的角度來看，UI分為視覺、觸覺、聽覺和情感這幾個方面。目前國內對其的了解和認識還比較表面，本人想就此學科和平面設計之間的關系，在這里進行討論。

2.UI的使用

軟件界面設計就像產品的造型設計一樣，成為產品的重要賣點。UI實現了人和計算機之間的真正交互關系，操作邏輯也更直白。設計過的軟件界面清晰明了，人們對界面的操控就像對家里某件家具或家用品的使用一樣，Interface人性化了。而在這人性化的基礎上，好的UI設計也提升了軟件的品位，使操作更為便捷、舒適、簡單，就想一件件經過設計的家居用品擺放在家里的同時也提高了生活品味和質量。

二、UI的應用以及其對當下數碼產品的影響

一個數碼產品是否擁有美觀的界面；是否具有舒適的操作性能；對使用者來說是否具有視覺享受；是否有一定的設計感、一定的品位與檔次等，會直接影響產品的銷售。

非常具有代表性的例子是微軟Windows的操作系統，它是電子產品發展史中，UI方面的一大代表，也是普通大眾對計算機認識上的一個轉折點。在1996年Windows出現以前，普通人對計算機的認識只停留在Dos操作系統中一長串一長串單調又難記得字符，一般人也很難學習甚至操作這種系統。當時的計算機只能由那些經過專業訓練的程序員來操作，因為只有他們才知道Dos系統里那長串的字符代表什么。 Windows95的出現帶來了“桌面”和“文件夾”等新名詞，Windows的第一個界面是一張“桌子”，而所有的東西都可以“放”在這張“桌子”上。還有可以“收納”和“整理”東西的“文件夾”，對于不想要的東西可以“扔”到“垃圾桶”里去，這是Dos年代無法想象的。而這些“桌面”、“文件夾”、“垃圾桶”等，用簡明易懂的ICON（電腦圖標）就可以代替，這種圖形甚至比文字更淺顯、更簡潔、也更全球化。這些虛擬的“收納整理”概念，大大簡化了人們對計算機的了解認識過程，再也不是什么“根目錄”、“子目錄”等陌生空虛的詞匯。

同時，每一款安裝在Windows系統下的軟件也有自己的界面和ICON（圖標），所以無論你是要找文件夾還是程序，只要雙擊其ICON（圖標）即可， 這不僅拉近了計算機和人之間的距離，更提高了計算機對人的服務能力，也使計算機的使用價值大大提高。這當中的主角當然是User Interface，以專業設計師的角度來講也稱為：GUI——Graphical User Interface（圖形用戶界面）。圖形用戶界面將復雜的程序語言轉化為簡單易懂的“全球化”視覺語言——圖形。

還有一個很好的例子是手機。當手機剛剛出現的時候，除了通話幾乎沒有其他功能，而且價格昂貴的大機身上的界面幾乎沒有“設計”可談。因為這在當時是一個全新的電子產品，人們暫時沒有意識到界面交互功能，而只是關注其信號和待機時間，但真的是“不在乎”嗎？還是沒有意識到？電子產品的研發建立于對產品和用戶的深入了解之上，經過時間的推移，越來越多的手機研發者也開始重視手機的外觀設計，簡單、易懂的手機界面已成為人們選擇手機的一大因素， 而這些功能在手機中的使用當然離不開界面設計。美觀、個性又方便的界面設計能充分展現一款手機的眾多上述功能，人們也很愿意去使用這些功能。除此以外，還有比如網頁、計算機應用程序、IPAD等掌上數碼電子產品，也需要合理、人性化的操作界面。

三、Interface的設計要素

User Interface這門學科多被擺放在平面設計或者網頁設計專業里，就User Interface的設計要素而言，由于其特殊的載體和使用范圍，其設計要素對設計結果乃至產品銷售上都有決定性影響。UI設計的主要設計要素歸納為以下幾點：

1.圖形（Graphic）

時代的不斷進步，帶領人們進入快速發展的數字化信息社會：圖形以其有趣、直觀、簡明易懂等特點，成為了除文字語言外，另一個溝通方式，也正是讀圖時代的到來。國際圖形教育系統Isotype（International System of Typographic Picture Education）上世紀20年代在奧地利，以社會學家奧圖·紐拉特夫婦和插圖家蓋爾德·安茨為代表的，不僅影響了隨后的信息設計學科發展，還通過實踐影響了圖標、標識系統的發展和應用。這種“圖畫文字”人們今天稱為“圖形”。簡單的圖形能引起人們的好奇心和注意力，這種心理反應暗示人們一定的信息，卻比直接用文字來得更加生動、有趣，人們在讀圖的時候，這種探究圖形意義的過程就是一種享受。

圖形作為一門無聲的視覺“語言”，還具有聯想的功能，在讀圖的同時，人的大腦會產生側面、間接、延伸、發散、跳躍、轉換等思維變化，這種思維會引發人對事物產生新的理解，甚至是快于文字語言的國際化、全球化思維方式。世界上第一所真正意義上的設計學院——烏爾姆（ULM）設計學院將圖形設計方式變成培養設計人員的必修課，展示出這種思維方式對設計，特別是對視覺傳達設計的意義。直觀、準確和具體的圖形語言，不用建立在某種文字語言基礎上，它是獨立的，也是全球化的。在信息發達的數字化社會，通過數字產品的UI設計，迅速傳播圖形語言，縮短了地球村里每個“村民”之間的距離。

2.圖標（Icon）

Icon也是數碼時代才誕生的一個詞，指的是軟件或程序中的小按鈕、小圖標。Icon是特殊類型的小位圖，最大尺寸是32x32dpi。這類圖標或按鈕在UI設計中，就像一扇扇門，只要人們點擊它們，就能打開并進入下一個頁面或程序。而小小的Icon必須承擔起引導和傳達信息的作用，用簡單的圖形告訴用戶其復雜的功能以及能夠執行的任務。并且根據不同軟件的用戶界面設計特點，可以設計出適合自己的界面Icon。

3.信息圖形設計（Infographic）

信息圖形是將所有的信息數據通過一定視覺語言的合理重組后，向觀者傳達某種信息數據等，使人們在短時間內，用比閱讀文字更快的速度理解作者要表達的信息。在信息爆炸的當今社會，數碼產品就需要正確有效的引導過程和簡單、明了的界面設計。高速、有效是界面信息設計中很重要的一部分，這其實也是數字信息基于技術的視覺化革新，讓復雜的數據、信息以最合理的方式進行傳播，其中最有效的就是信息的圖形化設計——Infographic。

再回到Windows這個話題，當技術停留在DOS年代的時候，沒有人會關心用戶的體會和感受，而當Windows出現的時候，原本電腦里的程序語言被完全用另一種語言“翻譯”成了普通人們易懂的簡單圖形。再將其以簡潔、明了的方式排列，這其實也是數字信息基于技術的視覺化革新。

首先在真正開始設計以前，設計師應該先根據所有手頭掌握的內容，編排、整理出有一定邏輯的，經過歸類的信息數據。有些可能是短句，有些也可能是很長、很復雜的問題。而設計師在初期更像是一位倉庫管理員，要先分析數據和歸類，做到讓自己和其他人都能很快理解。接下來，設計師要運用平面設計領域里的圖形和盡可能少的文字結合，表達復雜的軟件程序指令語言。每套界面的設計，在視覺上應該是有系統、有步驟、有分類的，以便于人們從邏輯上更好地理解設計師對于復雜信息和軟件指令的歸類。這種圖形語言表達復雜信息的視覺方式能首先讓人消除對數碼產品復雜難懂的印象，使人產生興趣，然后再通過適當優美的設計，提升使用效率。

4.色彩搭配

每一款顏色都有自己的特殊屬性和心理暗示，不同的色彩會給觀眾帶來不同的信息，有效地選擇搭配顏色，可以達到很好的信息輔助作用。反之，沒有正確搭配，或者錯誤地隨意選擇顏色，則會影響設計作品的信息傳播，有時甚至會與設計目的背道而馳。所以，作為設計師也要注意色彩的選取、搭配和色調等問題，根據每個案例選擇正確的顏色，以及這些色彩在界面設計中所占的比例、位置等，以達到更好的信息傳播的作用，同時也能提升設計品質。數碼產品代表了一定的時代性，合理利用色彩之間的屬性，搭配時尚靚麗的顏色，才能彰顯用戶界面的現代感。同時，色彩具有引導人心理的作用，在這個特點上，用戶界面設計師應把握每個色相的基本屬性和特點，合理利用顏色和界面內容組合，以起到畫龍點睛的作用。

四、UI設計的未來

UI設計在中國是一個新興的行業，在過去的很長一段時間內，這個行業一直未被國內企業重視，在他們眼里，只需要簡單的“美工”完成界面設計。但隨著時代的進步，越來越多的企業體會到他們必須重視數碼產品和用戶之間的互動溝通問題。這就是中間媒介——UI（用戶界面）設計。參考那些大型數碼產品開發企業，如蘋果開發的I phone、I pad，已經使用戶對本產品的喜愛程度大大超過對產品功能的使用需求上。這當中靠的不僅是蘋果公司開發的軟件，同時在硬件方面、產品界面上的人性化設計，也吸引了不少客戶，甚至很多客戶對蘋果的喜愛程度已經轉化為一種對產品依戀的情感。而金山公司開發的影霸、詞霸、網標等，也是由于其對UI開發的重視，使得金山產品在同類軟件中首屈一指。從而帶來很大的客戶源，低成本的UI開發，是屬于小投入大產出，和產品功能上領先性的開發相比，也更容易實現。人與數字化產品之間的UI設計，是產品中很重要的區域，良好的界面設計提升產品的外觀價值，更吸引用戶，同時也體現了一個有活力、與時俱進的企業形象。

無論是手機、平板電腦還是其他軟件，在高速發展的信息化社會必須以人性化的設計風格、簡明易懂的信息圖形以及時尚的色彩元素提高與用戶的互動效率，使用戶更好地體會其界面的設計內涵，從而更加喜愛該產品，以達到促銷的目的。當然了，界面設計也不是單純的藝術設計工作，是需要與用戶的使用、軟件開發和互動體驗密切結合的。UI的設計師應緊緊跟隨飛速發展的全球化趨勢，掌握現代信息社會發展的方向。設計為生活而服務！對UI的不斷改良和再設計也是更新數字信息時代的一種方法。這樣，我們生活的地球村才會越來越融合，人們的生活質量也會因此而大大提高！

參考文獻：

[1]孫皓瓊.圖形對話——什么是信息設計.北京：清華大學出版社，2011.10

[2]黃宗湖.創意圖形設計手冊.廣西：廣西美術出版社，2008.1

[3]張尤亮.信息圖形設計. 黑龍江：黑龍江美術出版社，2011.4

[4]約翰遜著.張一寧譯.認知與設計:理解UI設計準則.北京：人民郵電出版社，2011.9