交互設計師的最愛「扁平化設計」，還能怎麼用？
扁平化設計，還能怎麼用？
作為目前設計的大趨勢，扁平化設計並不是單純的一種風格，被廣泛應用於各類設計領域，並且常常與簡約或極簡的視覺表達方式結合起來運用。今天，小象就帶你們一起看看，「扁平化設計」究竟有什麼吸引人的特點，又能夠應用到哪些領域呢？
Toonie Alarm
扁平化設計的起源
扁平化設計的發展歷程通常被追溯到名為「瑞士風格」的一種裝飾設計風格上。瑞士風格，包括後來的包豪斯，隨後迅速在世界範圍內得到了越來越廣泛的歡迎，並且在21世紀初獲得了新生，這就是今天所說的扁平化設計。
這種風格最初呈現的方式大多是在平面設計領域，但現在，它的確大大擴展了數字設計領域的視野。扁平化設計讓網頁和移動端應用擁有了可用性更強的設計解決方案，對交互和功能的支持更加優秀，讓設計擁有了更多的可能性。
Lineking
扁平化設計的特徵
>簡單的元素和形狀
>極簡風
>強功能性
>大膽而易讀的排版
>清晰而嚴謹的視覺層次
>關注細節
>明亮的色彩和對比度明顯的視覺感知
>避免使用紋理、漸變和複雜的樣式
>採用柵格、幾何特徵以及視覺平衡的原則
Socialrise
扁平化設計的優勢
>可讀性和易讀性
>通過形狀、色彩和字體來呈現清晰的視覺層次
>有效的支持web和移動端的導航設計
>自適應性，適合響應式設計
>在各種屏幕上都具備良好的可讀性
>對於開發更加友好，降低在設備上的負載
>為創意設計提供了廣闊的空間
扁平化設計的應用
扁平化設計的多樣性和靈活性使得它在設計領域佔據的比重越來越高。接下來，我們以 Tubik Studio 的設計作品為例，來梳理一下它的功用：
01
UX線框圖
線框圖設計本是UI和UX設計的最初也是最關鍵的部分之一，它將APP和網頁的基本執行方案框架呈現在團隊和客戶面前，它本身就具備一定的視覺化設計的特徵。線框圖快速有效地將核心和基本的元素整合到一個簡約直觀的框架中來。
02
UI界面設計
現在的UI界面設計中大量充斥著扁平化設計，你可以在其中看到各式各樣的扁平化設計元素的運用。
03
UI概念設計
扁平化在UI設計中的應用範疇非常廣，尤其是在移動端的UI設計上。
04
UI圖標元素
扁平化設計的另外一個重要應用就是圖標和導航元素的使用。簡約和視覺化的特徵讓它們在UI設計中更加靈活，在小尺寸下具有良好的可讀性，設計師可以使用鮮艷的色彩創造不同的視覺效果。
05
UI插畫
越來越多的UI開始採用扁平化的風格的插畫，它們具有明顯的可定製性和針對性，有明確的業務目標和視角，可以更為高效地解決用戶的痛點。
Weather App
Moneywise App
Healthy Stickers
06
主題插畫
這些主題性非常強的扁平化插畫滿足了用戶在美學上的需求，同時具有點題的功能。
Star Wars Rogue One
Underwater Explorer
Halloween Haunted Castle
07
插畫印刷品
現代扁平化設計已然回歸到了平面設計領域，在日常的插畫印刷品中也有很多採用這一風格。
Tales of the Jazz Age Book Cover
Muscles Magazine
Suicide Squad Poster
08
品牌設計
扁平化的設計所提供的時尚外觀不僅具備靈活的特性，而且更容易得到數字化的支持，應用在不同的渠道，因此許多品牌也採取了扁平化設計。
Logo mascot for Saily App
Logo lettermark for PassFold
Logo for Design4Users
扁平化設計確實存在著很多的優勢，尤其是在以用戶為中心的交互設計中。但也有它本身的缺陷和無法克服的問題，還是要多實踐，不要過度迷信。
歡迎來我們UBAT體驗學習！我們的專業顧問導師團隊，會為每位學員打造私人訂製的、更有針對性的學習內容，以協助大家順利拿到心儀學校的offer哦，歡迎大家前來諮詢~
TAG:UBAT藝術留學 |