視覺UI設計——漫談信息圖形化

任懷琎 周 著

（1.西安工業大學藝術與傳媒學院，陜西 西安710000；2.西安工業大學，陜西 西安710000）

UI全稱是User interface直譯過來就是用戶界面的縮寫，這個詞涵蓋面比較廣既包括界面的視覺設計，也包括界面的交互設計。通常我們把視覺類UI設計稱為GUI設計既視覺界面設計。

1 用戶界面設計的興起

從電子產品普及伊始用戶界面設計就開始悄悄的生根發芽默默成長。時至今日多屏時代的來臨已勢不可擋，電子產品由大屏到觸屏、由薄到超薄，一款電子設備擁有舒適的用戶界面會無疑會給用戶帶來良好的使用體驗，拉近人機之間的距離。而對于任何一款用戶界面而言，檢驗的標準既不是設計師的意見也不是委托方的看法，而是終端用戶的直觀體驗。從這個角度來說UI設計無疑是一種建立在科學性之上的藝術設計。

1.1 讀圖時代的來臨

縱觀用戶界面設計的發展歷程，幾款里程碑式的設計案例均由世界級的電子科技類公司所創造的。微軟操作系統的演變史，從某種意義上說就是用戶界面設計從無到有的發展史，早在1985年微軟正式推出windows1.0，有幸使用過的人數應該不會太多，而此時的用戶界面只能用不忍直視來評價；直至windows95推出之后，windows操作系統才為人所熟知，很重要的原因在于windows95及其之后的版本均采用圖形化操作界面，看起來直觀簡單，各模塊一目了然。正是因為微軟，讓設計界在1995年的時候，知道了用戶界面有多重要！

圖形化操作界面也就是信息圖形化設計，把數據視覺化讓用戶在最短時間內了解所使用的設備。設備再好，沒有一個好的界面，用戶還是不會接受的，畢竟大多數人對計算機代碼都不甚了解，而讓不懂各種代碼的人一眼就能夠分辨出設備上的內容而進行操作才是最重要的。在分析任何一款視覺界面設計的成功案例時，認為視覺界面設計是需要質感也好還是簡約也罷，這貌似都不是視覺界面設計最根本任務。私下認為降低學習使用設備的時間成本，以直觀的視覺語言提供給用戶盡可能多的信息，這似乎才是視覺界面設計最根本的任務。

1.2 視覺UI設計——設計家族的新成員

蘋果公司擬物化設計的硝煙還未完全散去，微軟以win8.0為契機推出的Metro UI又大有蔓延之勢。無論是對產品開發商仰或用戶群體來說都在強調效率，無論在科學技術設備，還是商業娛樂工具，操作界面的信息圖形化都發揮著重要的作用。這直接導致了近年來傳統美工漸漸淡出了視覺UI設計領域，出現了專業的UI設計機構，也涌現出一些優秀的設計案例.當然國內的UI設計還處于跟隨別人前進的階段，而且UI設計既要求基本的圖形美感與設計審美能力，又要有嚴密的內在邏輯關系，這在UI設計中幾乎成了一個不可調和的矛盾。

2 圖形化設計——視覺UI設計的必然走向

UI設計是產品的一部分，通過圖形界面的邏輯嚴謹布局合理，設計師可以讓用戶通過界面就能體驗到產品的適用程度。界面更合理，便能更好地引導用戶使用。達到占市場的目的。

2.1 直觀的界面才是好的界面

“傻瓜式設計才是好的設計”在設計中常常聽同行這么一說，私下想來大概是說經過UI設計的信息需要直白而單純。以此為前提UI設計中很難找出比圖形更明確、更直觀的設計語言！在大多數情況下圖形語言甚至于可以無視不同國界間用戶的母語差別，進行無障礙交流。1974年美國平面設計學院設計的聯邦交通標識[1]，在全世界范圍內被推廣恰好證實了這一點。在視覺UI設計領域所有信息圖形都按照一定邏輯順序進行科學排列，在有限屏幕空間最大化優化內容排列,清晰展示設備的每一功能屬性。在保證功能的前提下，兼顧視覺清晰，直觀，美觀，這就是UI設計的基本規則。

2.2 視覺UI設計的多元化發展

和其他設計種類一樣，視覺UI設計在發展中也逐漸形成了一些不同的風格潮流，而且每種風格的關注點和呈現面貌也都有較大的差異。這對維持視覺UI設計的新鮮度[2]是很重要的。

2.2.1 從Metro風格說視覺UI設計

Metro是由微軟公司從20世紀50年代出現的“國際主義設計風格”中獲取靈感基于排版的設計語言所開發的一種界面設計風格，該技術已于2010年初（美國）獲得Metro UI專利批準如今該技術被引入到Windows Phone操作系統和Windows 8、Windows 8.1以及Office 15中。研究Metro UI會發現此風格對排版設計要求較高，Metro UI設計的元素有很嚴謹的空間規劃，字體在塊面上的位置及留白相當重要，塊面在版塊中的布局需要很好的推敲。使用Metro風格界面有效告訴用戶設備有何種功能且如何操作。

Metro風格的另一個特點是，這種剔除不必要設計元素而僅僅基于排版的設計方式能大大地簡化設計，減少設計師工作量。

2.2.2 扁平化的視覺UI設計

2013年4月IOS7.0系統的扁平化設計風格給UI設計界帶來一股強大的潮流，短短幾個月內UI扁平化設計已經成為設計行業內最受歡迎的設計風格了。在UI設計中去掉邊框，陰影，變體，3D等元素，這種極簡主義的設計方法。展現出一個非常干凈簡單設計作品，這就是扁平化設計。

扁平化如此受到追捧，因為其在UI設計中有著明顯的優勢。以最簡單直白的方式傳遞設計所要表達的東西，因此設計會更加注重功能化，通過明顯的顏色方案與排版上的設計，來減少不必要的視覺設計要素對用戶接受信息的干擾。

在視覺UI設計中，對設計元素“舍”得多是復雜，“取”得多是簡單，而設計師在“取舍”時進行的恰到好處，則UI界面也就顯得簡潔親切，也就是俗稱的界面友好。視覺UI設計之所以能賦予產品生命，是因為它是經過精煉出來的，是主要信息和設計因素的集合，是設計師對細節的注重和對整體的把控。滿足了用戶對于視覺界面最本質的需求。

［1］王受之.世界平面設計史[M].中國青年出版社,2005:260-261.

［2］藝態15:尋找自己的符號[M].上海人民美術出版社,2012.