對扁平化簡約風格在中西方UI設計中運用的合理性論述

莫楚盈

摘要：從網站到手機APP、智能穿戴設備，界面越來越頻繁地出現在用戶的視線中。UI（界面）設計，經過幾十年的發展，如今扁平化簡約風占據了絕對的優勢。國內設計師學習、效仿國外的設計，緊跟潮流，進行扁平化簡約設計。從根源說起，囿于中西方文化、行為習慣的不同，中西方設計本來就呈現出各自的特點。在扁平化簡約風格的包裹下，呈現出來的風格特點也不盡相同。

關鍵詞：UI（界面）設計;扁平化簡約風格

1引言

用戶接觸多種多樣的UI（界面）產品，現如今，無論中西，市面上的產品多為扁平化簡約風格。從業人員在選擇一種設計風格的時候，存在一定的合理性，通過對比，論述其中的合理性。

2什么是Ui設計

UI設計（或稱界面設計），是人和機器交互并不可少的中介，機器把信息顯示在界面上，用戶通過操作界面，告訴機器它應該做什么，并且一直這樣一來一去的互動。UI設計多用于手機APP界面和網站界面。好的UI設計，能在信息充分展示、用戶毫無解讀負擔、利于用戶操作順暢的同時，展現出產品的獨特定位和審美品味。

3ui的發展歷史

雖然現在的人們更多地從界面中體驗UI，但是UI的初衷是方便人與機器進行互動交流。

人類歷史上第一臺成功的商業微型電腦，就是由物理按鈕和燈泡組成。所有人機交互的設備，操作界面都是由這樣物理物件組成的。直到電子行業和光成像的發展，帶來了平面屏幕。計算機從業人員用計算機可以識別的字符，發明了計算機語言。計算機從業人員通過計算機語言和計算機進行交流，如何和一個外國人交流一般，但是這樣并不利于計算機推廣被更多人使用。直到后來，圖像代替了冗雜的文字，成為用戶和計算機交流的最好的語言。UI就是指圖形化界面GUI。

后來隨著鍵盤和鼠標的出現，給用戶與計算機的交互帶來更多便利性，結合GUI圖形，也出現了更多創新的交互方式。

2007年，蘋果帶著iphone產品砸向智能用戶群體，觸摸屏的交互界面第一次問題，這一創造性的發明，讓交互界面越來越遠離物理的立體和復雜性，讓人機交互越來越自然、簡單，玻璃屏下的icon仿佛觸手可及。GUI的創新也順勢而生。

為人機交互而生的界面，隨著一輪輪智能終端的發展，從無屏到有屏，再到面臨“去屏”的危機。因為后來，語音交互方式也迎頭趕上。顯然，這一交互方式甚至比界面更為智能和自然簡單。

更多的交互媒介將會逐漸出現在用戶面前，但現如今，界面仍然是最主要的并且必不可少的媒介。

如此同時，國內的UI行業，也隨著移動智能手機和互聯網的發展，蓬勃發展。

4中西方UI風格現狀和合理性論述

國外的UI主流是扁平簡約風格，我們打開國外的UI設計作品網站也多為這種風格。而國內不乏很多更為“接地氣”的產品落地，例如淘寶，褒貶不一，也會有用戶認為這是“土氣”。同時小眾的產品更愿意采用極簡、小資的風格，設計作品網站中很多愛好者也會采用這種風格，甚至會特地添加英文在其中。采訪發現，究其原因是他們認為這樣更具美感、更有“高級感”，甚至有些老師教學也是套用國外的優秀例子來進行教學。

4.1扁平化的原因

一是因為運用扁平化的設計，設計元素隨意增大縮小，所占用的系統資源都是一定的。相比擬物占用更少的系統資源、系統空間，調用資源占用更少的內存，產品在運行效率上能給用戶帶來良好的體驗。二是在同一設備中的延展性更好。擬物化的元素在伸縮太過，則會出現漸變色帶問題，而扁平化設計元素則是穩定不變的，可以復用的。三是在不同設備中的延展性更好。隨著穿戴設備的發展和使用，更小的界面對GUI的精細度提出了更高的要求。如何讓更小的屏幕承載更多的更穩定的信息，扁平化設計更為符合要求。何況還出現了曾經走進大眾視野，一時無兩的曲面屏。設備和屏幕都在追求極致用戶體驗的道路上迅速發展，扁平化的GUI設計無疑還是保持絕對優勢。而未來，它時被驗證為最佳還是遭受挑戰，值得用戶拭目以待。

所以扁平化是隨著對智能機的操作需要而產生的，是對信息承載更為友好的，是兩者都可以共同使用的。

4.2西文和方塊漢字的排版差異

界面中最基本的元素文字，包括字體設計、版式布局、圖文編排，是美感的重要元素。很多人認為，西文在線性排版中比起方塊漢字蘊含的更多的錯落節奏感。這是因為從歐洲工藝美術設計的現代化發端至今，西文文字設計積淀了深厚的文化理念和優良的方法理論。無論是技術技藝的知識儲備、還是素材資源的可選范圍，都比中文文字設計有更多決定性的優勢。

4.3界面中的空間感：

平面的和交互的設計很多時候是我們生活中空間的體現。國內乃至周圍亞洲國家，因為人口土地的原因，更多地呈現出擁擠、熱鬧喧嘩的環境，而大眾也習慣了從信息量巨大的環境中獲取信息。而西方國家則更多地呈現出空曠、有序的環境。遷移到各自的信息環境中，也更符合當地用戶的心理訴求和行為習慣。

4.4信息天然在傳遞風格

當我們在談論一些設計技巧的時候，很容易忽略的是天然在傳遞風格的信息本身。一張圖片里面的人、物、景，一段我們能夠讀懂的中文，這些本身就營造了一種語境、氛圍。乍一看西文，傳遞給我們的更多是一種字符。

國外的UI 比起國內起步要早，跟隨潮流學習本沒有錯，但由于中西方有如此多差異的原因，如果不加消化地套用國外的流行模式，把不同風格美感的東西組合在一起只會顯得違和。

原因不止一個，而產品的開發中，設計所占有的話語權又相對較低，不但服務于需求、技術、公司利益，甚至還要更多地聽從上級和甲方的意見。

最為嚴重的是，我們的審美教育體系、UI 設計人員的產出體系并不完善。低門檻、大需求，讓很多從業人員毫無儲備地進入到這個行業。

5總結：

扁平化簡約的風格無疑對功能和信息承載都是友好的，但是運用到不同的語境更應該有不同的展現方式。不理解這個初衷，就是沒有理解UI設計中的“交互”屬性，它不是信息的展示而應該服務于用戶。但是不加消化地套用，則不能很好地達到用戶的審美和心理預期。究其根本，設計師還是應該從UI設計中的基本元素--點、線、面、文字、圖像、排版、布局，和設計的基本準則--一致性、可用性等出發，延展出更為適合的當地語境的扁平化簡約風格。

參考文獻

[1]王蓉芳.淺談UI設計中用戶交互體驗的視覺思維[J].今古文創，2021（05）：82-83.

[2]劉申.新擬態風格的手機UI界面設計[J].百科知識，2020（36）：25-26.