UI界面的扁平化設計風格研究

殷菲　魏薇

摘 要：隨著時代的發展，科技的進步，越來越多的移動終端設備出現在人們的日常生活中，極大程度地便利著人們的生活。而隨著人們生活水平的進一步提高，人們對設計產品的要求也越來越高。新形勢下，為了更好地滿足用戶的使用需求，提高設備的使用效率，UI界面的扁平化設計應用而生。它不同于以往的設計風格，其注重以簡約的形式將內容呈現在人們眼前。本文主要就扁平化設計的含義，扁平化設計的起源，扁平化設計的優勢技巧及應用進行論述，進一步探討了未來UI界面的扁平化設計風格的發展趨勢。

關鍵詞：UI界面；扁平化；設計風格

引言

在電子產業不斷發展的今天，電子產品在人們中的應用率逐漸提升。人們在進行設備選擇時對界面設計的關注度越來越高。界面設計的優劣直接關系著消費者對該設備的使用效果。扁平化設計是順應時代發展潮流而衍生出的一種新的界面設計風格，以其獨特的極簡模式迅速吸引了各個設計家的眼球，成為當下十分流行的一種趨勢，甚至可以說其成為了人們日常生活中不可或缺的一部分。扁平化設計的出現，使得信息呈現更加直觀簡潔，很大程度地降低了人們認知的障礙，提高了應用效率。

1扁平化設計風格的含義

扁平化設計是根據其所應用的形狀而命名的，它在設計的過程中采用的是二維的風格，也就是把物體幾乎看做平面來進行處理設計且不遺棄任何常規界面所提供的功能。其最核心的要素就在于拋開一切多余的東西，比如透視、紋理、陰影、斜面、漸變等能做出立體裝飾效果的這一類元素，進而可以使“信息”本身能夠作為核心內容被凸顯出來，同時在設計元素的選擇上，則更傾向于抽象、極簡和符號化。所以，扁平化設計中所有的元素邊界相對來說都比較整齊，尤其是在手機系統的設計上，更少的按鈕和選項，使得UI界面更加干凈整理，使用起來極為簡潔，從而可以更加簡單直接地將信息和事物的工作方式展現出來，進而可以有效地減少認知障礙的產生。同時，在扁平化設計應用的基礎上，移動系統設備不僅界面美觀、簡潔，而且還可以降低設備的功能損耗，進而延長設備的待機時間和提高運算速度。

2扁平化設計風格的起源

一切事物的出現及發展都不是橫空出世，扁平化設計的發展過程是有跡可循的，其根源可以被追溯到名為“瑞士風格”的一種裝飾設計風格上。20世紀初的瑞士現代主義運動催生了這種設計風格，隨著二戰結束，這種設計風格開始在歐洲流傳開來，贏得了更多的擁簇。瑞士風格，包括后來的包豪斯，隨后迅速在世界范圍內得到了越來越廣泛的歡迎，并且在21世紀初獲得了新生。這就是衍生出了今天所說的扁平化設計。最初，這種風格大多以海報、郵票、明信片的方式呈現，但是它的出現，在很大程度上擴展了UI設計領域的視野。后來隨著時代的不斷發展，功能主義、極簡 主義為代表的現代主義風格界面設計呈現在我們眼前。扁平化設計不同于之前所流行的細節極為豐富的擬物化設計，它更加看重交互和功能的支持，這使得設計具有了更多的可能性。扁平化設計沒有多余的裝飾，所有的信息都以簡潔的方式來呈現，進而我們能夠在很短的時間內獲得更多的有效信息，這種方式無疑更加適合我們當今快節奏的生活和工作方式。最初走出扁平化設計這一步的是微軟，它從瑞士風格、現代主義和包豪斯中汲取靈感，隨后在2010年推出了WindowsPhone7，它就是典型的扁平化設計。這個版本的操作系統中采用了大量的簡單的形狀，清晰的排版，明亮而對比明顯的色彩，復雜的細節和紋理都被移除了。三年之后所發布的iOS7中友好而直觀的UI設計和微軟雖然不盡相同，但是在設計理念上兩個系統互為印證，成為了扁平化設計在數字設計領域應用的證明。

3扁平化設計風格的優勢和設計技巧

扁平化設計最基本的特征在于它采用簡單的元素和形狀，走的是極簡風格；它具有強功能性、大膽而易讀的版面設計，進而產生清晰而嚴謹的視覺層次；它關注細節，具備明亮的色彩和對比度明顯的視覺感知；采用柵格、幾何特征以及視覺平衡的原則，避免使用紋理、漸變和復雜的樣式。這使得扁平化設計的優勢之處有很多，主要包括它具有可讀性和易讀性；通過形狀、色彩和字體來呈現清晰的視覺層次；有效的支持web和移動端的導航設計；自適應性，適合響應式設計；在各種屏幕上都具備良好的可讀性；對于開發更加友好，降低在設備上的負載。除此之外，扁平化設計還為創意設計提供了廣闊的空間。

要想做出好的扁平化設計，是需要技巧的。由于扁平化設計完全屬于二次元世界，這個概念最核心的地方就是放棄一切裝飾效果，將具象的立體物體造型歸納轉化為簡單的幾何形體。首先就要求設計師不但對造型要由獨特的把握能力，還需要具有一定的幾何歸納能力。其次，字體是扁平化設計的重要組成部分，它與其他元素相互配合，為設計添彩。對于大部分UI設計來說都應該了解字體的作用，嚴格遵循規范進行設計。再者，扁平化UI設計更注重的是顏色的搭配。色彩作為的人們感官直接接觸的事物，給人印象深刻。扁平化設計一般采用明亮絢麗的顏色，使設計更加醒目。最后，設計師要懂得簡化自己的設計方案，進行簡化的交互設計，這樣可以有效的把商品組織起來，以簡單但合理的方式排列。不要以為扁平化只是把立體的設計效果壓扁，實質上，扁平化設計則是功能上的簡化與重組。

4扁平化設計風格的應用

扁平化設計的多樣性和靈活性使得它在設計領域占有越來越高的比重，加上人們對其的強烈需求，使得扁平化設計應用越來越廣泛。微軟可以說是第一個大規模使用扁平化設計的公司，以微軟WINDOWS8操作系統為例，該系統中每一個磁貼都是一個標準的矩形，磁貼之間僅有大小和顏色的區分，每個磁貼上都附有一個象征功能的標志剪影，用來指導用戶進行操作。并且系統界面進行很大程度的簡化，精心排版，使得界面內容一目了然。與此同時，界面信息量也并沒有減少。通過滑動和點擊，可以進行不同信息群的橫向切換和同一信息群的深度瀏覽，使得界面條理清晰，提高了用戶的訪問效率。此外，在蘋果操作系統iOS7的標志設計上，蘋果設計師改變以再現事物為追求的設計理念，用簡單的圖形代表應用的具體功能。同時，為了加深用戶的印象，設計師采用鮮艷的色彩，強烈的對比來加以突出，個性鮮明而又簡單明了。除此之外，在我們的日常生活中，還有很多很多扁平化設計應用的實例。隨著時代的發展，扁平化設計已經成為設計領域的主流趨勢，扁平化設計風格的應用，大大簡化了我們的生活。

5扁平化設計風格的未來發展趨勢

隨著人們生活水平的逐漸提高，電子產品市場逐步發展，越來越多的UI界面設計朝著扁平化的方向轉化，這是一個由繁到簡的變化過程，它順應了時代發展的潮流，有著相當深厚的理論基礎。扁平化設計風格是對傳統的設計風格的再創造，既有批判性的繼承，又有其獨特的一面。在UI界面的設計路線上，越來越多的設計師傾向于選擇扁平化設計風格。它簡單的風格很是符合如今人們的審美。扁平化風格最大的優勢就在于它可以更加簡單直接的將信息和事物的工作方式展示出來，減少認知障礙的產生，在某種程度上極為有效的節約了人們的時間。總的來說，設計風格和其所在時代的技術息息相關，當前設計發展的大趨勢還是簡化。所以，未來一定時期內，扁平化設計依舊是時代的主流，具有比較廣闊的發展空間。新時期下，我們要積極轉變觀念，設計出更多更好的產品，以更好地滿足人們的需要。

參考文獻：

[1]性能提升UI改版騰訊手機管家全新體驗[J].計算機與網絡，2013（09）.

[2]仇慧琴，田世彬.智能手機UI界面設計分析[J].赤峰學院學報（自然科學版），2016（16）.

[3] 關志如.UI靜態頁面設計與卡通動效結合研究[J].湖南城市學院學報（自然科學版），2016（01）.