關於扁平化視覺設計趨勢的一些小分享

本文來自網易雲社區

做者：劉戈

做爲視覺設計師來講，能設計出一款賞心悅目、走在設計潮流前線而又有本身品牌設計基因的產品是每一個人心目中的追求。若是提到當今移動產品UI設計風格趨勢時，相信很多設計師心目中的答案是扁平化設計。無能否認，在2013年扁平化設計風格全面普及以來至今，扁平化依舊是移動產品設計的主流方向，但衆多產品使用扁平化設計的同時會使得產品之間的視覺差別愈來愈小，設計師如何把本身的產品設計作得不同凡響，讓本身產品於同類競品中脫穎而出就變得尤其關鍵，這要求設計師時刻要保持設計上的創新，而創新的基礎則是要先正確瞭解好當前行業內設計的主流趨勢。

本文結合本身的工做經驗簡單分享下當前移動產品扁平化視覺的一些趨勢，主要由「質感、色彩、文字、圖標、內容展現、動效、手勢、品牌應用」幾點分析，若是有說得不正確的地方歡迎你們指正，也但願對扁平化設計有興趣的同窗私底下與我多多交流，你們相互學習.

質感

1，極致扁平： 

趨向使用更輕量、簡潔的方式設計界面，去除全部質感，追求極致扁平設計是當下一個設計潮流，界面內只關注核心內容，拋開任何無關的設計元素，排除了視覺干擾，同時也使界面風格變得更加現代、優雅，工具及內容展現類產品特別適合於此種風格。  

 

2，弱質感:  

過分扁平的設計對於內容比較複雜的產品來講並不利於視覺層級的表現，因此如今不少產品的視覺設計融入了輕微質感元素，既豐富了細節，同時也使內容層級更加清晰直觀。  

 

色彩  

配色以簡潔爲主，界面中的顏色比例對比以前更加精簡，更傾向於用更少的顏色進行設計，充分利用顏色對比度去突出重要的內容信息，提升視覺衝擊力並強調產品關鍵功能，同時也能夠爲產品體驗營造氛圍，提高產品的品牌辨識度。  

 

文字    

文字信息做爲內容的重要載體之一，一直是偏平化設計排版的重要環節。如今更多產品的文字設計更加趨向於使用單一字體，經過字體自身樣式（加粗、中等、細體、斜體）去劃份內容層次，有助於優化瀏覽體驗，打造更加簡潔、優雅的界面，加強產品的品牌屬性。  

 

偏向選用無襯線字體設計，字體線條清晰、筆觸統一，避免過多的裝飾性細節。IOS9專門針對中文字體作了設計調整，使用新的「蘋方」字體，字體形態更粗，邊角更圓潤。  

 

圖標  

圖標是產品功能的重要標識，同時也是塑造產品品牌設計風格的核心基因之一。圖標設計必須注重好辨識度與創意的平衡，太抽象的圖標影響用戶認知，不利於操做，太普通的圖標則比較中規中距，視覺上沒有亮點。扁平化的圖標主要以「線、面」兩個基礎元素不斷地進行多種組合表現，不一樣的組合能產生不一樣的質感風格，在視覺呈現上具備必定的差別化。  

1，純線條形式：  

線條式圖標在當今設計中被普遍應用，線條的提煉對於之前愈來愈精簡，同時更注重細節呈現  

 

2，「線+面」組合形式：  

經過線與面的搭配，讓圖標在保持扁平風格基礎的同時融入擬物化元素，貼近實際，豐富細節。  

 

3，剪影形式：    

現代設計趨勢的剪影圖標更加講求色彩的對比度，同時也能夠經過對形體不一樣的面進行拼色搭配達到擬物效果，讓圖標與現實物件聯繫起來，減小用戶認知成本。      

   

另外，圖標設計上考慮觸發後的效果，能夠增強情感化元素，給用戶帶來輕鬆愉悅的視覺感觀。    

   

內容展現    

扁平化視覺設計的核心是追求純粹的內容信息本質，  過往界面會使用線條分隔各類區域內容，可是這樣的處理會顯得界面比較擁擠，同時總體信息排列也比較散亂，使用卡片的形式呈現內容，並經過適當的留白間隔，能夠減小線條等元素對內容形成的視覺干擾，能夠創造出更乾淨、清晰的界面，讓用戶更專一於內容，提升了易用性。    

        融入一些平面排版元素（如雜誌版式），可以讓界面更加高端、文藝    

   

動效

在產品使用過程當中，操做動效經過視覺上的反饋能夠把用戶的注意力吸引到特定區域，減小用戶對產品的思考，促進了任務參與。此外，產品動效在情感上可取悅用戶，讓用戶在操做過程當中感到驚喜，有利於塑造品牌設計基因

流行的動效設計是以交互思想做爲核心準則去設計，以「輕」爲主，視覺呈現上要把握好合適的度，不能太刻意地隨意添加，由於多而複雜的動效既影響了性能，也使操做過程變得更爲複雜，極大下降了效率。通常來講，動效設計比較適合於用在產品核心功能操做、切換、使用反饋上，也能夠用在產品特性介紹上。

1，操做反饋的動效設計，讓產品的使用體驗更加輕鬆愉悅，促進了用戶的參與度，而且交互層次更「輕」

   

  

2，案例中啓動頁經過動效的使用，讓用戶在等待過程當中再也不枯燥，同時也體現了品牌設計基因。

   

     

手勢

隨着IOS、安卓智能手機的普及，用戶對手勢操做也有了必定的認知，產品結合手勢運用能大幅度提高效率，給用戶呈現更簡潔、直觀的體驗。

   

  

  

品牌應用

品牌設計是個比較大的概念，色彩、版式、質感等設計元素均可以是品牌設計中的一種。這裏說的品牌應用是指在產品界面中應用到的一些品牌延伸設計，好比依據品牌定製的圖形、動效等等，這些設計元素可讓用戶對產品品牌有更深入的認識，以達到品牌推廣目的。

總結：  

瞭解設計趨勢對後面的視覺設計工做有重要幫助，它能讓設計師造成「審美標準」，讓具體的設計工做更加有效率，但設計趨勢畢竟是帶主觀的分析結果，具體的產品視覺呈現還要綜合產品需求定位、交互、市場運營等等因素，因此視覺設計師在設計中要學會靈活運用，不能一味照搬，選取最符合本身產品的設計方法才能更好地包裝產品，突出品牌設計基因，並不斷地加以優化去加深品牌設計對用戶的影響。

建議：

1，做爲視覺設計師，除了工做以外應該要多注重生活中的發現，要善於發現美。  

2，當看到一個很棒的設計效果，除了收藏以外，更應該多想一下爲何。  

3，工做以外視覺設計師應該勤作設計嘗試，注重自我提高，不要依賴產品項目提高本身。  

4，時刻了解設計行情與資訊，關注產品的最新動態，設計不是閉門造車。  

5，優秀視覺設計師要有更好的發散思惟，懂得針對當前流行的設計手法加以優化提煉，造成本身獨樹一幟的設計文化去引領潮流。

網易雲大禮包：https://www.163yun.com/gift

本文來自網易雲社區，經做者劉戈受權發佈

相關文章：
【推薦】 HBase–存儲文件HFile結構解析
【推薦】 網易雲基於Kubernetes的深度定製化實踐
【推薦】 網易考拉內容管理平臺全量ES數據遷移總結