功能至上的扁平化界面設計

設計 交互設計 設計師 技術 設計智造 2019-07-12

文/吳麗婷 扁平化設計指的是在對圖形進行設計時,簡化諸如陰影、透視、紋理、漸變等圖形裝飾效果,力求界面的簡潔統一的設計風格。扁平化的界面多采用碩大突出的字體、強烈的色彩對比,從而達到吸引觀者的注意力。

功能至上的扁平化界面設計


由於擬物化界面的過度裝飾,忽略了對信息進行有效規劃,使用戶產生視覺負擔。其次,擬物化設計跨平臺呈現時有限的兼容性,在很大程度上限制了自身的發展,與日益增長的用戶需求和當下快速迭代的技術是背道而馳的。

功能至上的扁平化界面設計


扁平化設計針對以上問題進行優化,利用特殊的界面設計方式,創造出而更加符合用戶需求的“功能內容式交互體驗設計”。

功能至上的扁平化界面設計



功能至上的扁平化界面設計


交互設計的主要目的:始終是清楚地向用戶傳達信息並提供易用的界面。扁平化設計將功能性與視覺化相互結合形成,符合人們心理的高效率可操作界面。

功能至上的扁平化界面設計


扁平化界面設計遵從少即是多的設計原則,除去了界面多餘的裝飾效果,其簡潔和大膽的視覺表現形式,與以往的界面設計有著本質上的區別,更是對當代年輕用戶情感需求的捕捉和反饋。

功能至上的扁平化界面設計


①首先是圖標,扁平化圖標設計是對以往傳統圖標設計的抽象化和平面化,其捨棄了多餘陰影、高光、投影,採用符號性極強的視覺圖形,經過高度提煉的圖標,具有更強的標示性,而且有效地提高了信息傳達的準確性和快捷性。

功能至上的扁平化界面設計


②再是字體,強調功能性的扁平化設計突破常規的字體和字號,在簡潔的界面中採用超大字號和新穎的無襯線字形,突出關鍵信息,同時為文本內容創建良好的次序和節奏。

功能至上的扁平化界面設計


③然後是版面,傳統印刷排版風格被引進扁平化設計中,將超大字號的標題,亮麗的色彩和合理的信息,都精密按照邏輯性的柵格系統排版。另外,通過獨特的留白手段不僅為用戶流出思考空間,更是無形之中使內容本身更加醒目。

功能至上的扁平化界面設計



功能至上的扁平化界面設計


①信息組織結構優化界面佈局。界面設計應最大化地幫助用戶快速、直接地完成操作,獲取有效信息。而多層級菜單和頁面切換増加了中間層的詵項操作,打斷用戶的本來查詢路線甚至造成“迷航”現象。扁平化界面設計信息組織結構以“廣而扁”的魚網狀形式,體現信息的橫向維度。

功能至上的扁平化界面設計


減少或取消中間層級的信息類目從而縮短用戶訪問信息路徑,幫助用戶減少負擔,在最短的時間內快速鎖定信息目標。同時從用戶需求出發,對多樣化界面模塊進行信息透明化管理,無須切換畫面,用戶即可在一個界面同時掌握多個不同子模塊的信息變化,實現多重數據查看,為用戶提供更加直觀的界面導航,提高信息訪問效率。

功能至上的扁平化界面設計


②多樣化導航擴大隱形面積。由於手機等移動設備的屏幕尺寸較小和設備功能相對較低的緣故,大多采用多層級縱向界面分,但若要實現“廣而扁”的扁平化設計,則要另闢途徑突破界面面積限制,扁平化設計利用多樣化導航方式開闢新的隱形畀面。

功能至上的扁平化界面設計


例如:扁平化設計利用特殊的“環景界面”設計,翻轉方格設計、摺紙式翻頁等手段增加界面的隱形面積。“環景界面設計”是利用界面設計元素的連續產生界面延伸感,通過橫向滑動,在二維的空間內展示多種類型、多種來源的信息內容,更加靈活的用戶推送更多的信息。

功能至上的扁平化界面設計


扁平化設計不僅僅是一種視覺風格的改變,更是一種設計語言和思維方式的演化。扁平化的界面設計建立在用戶認知心理的基礎上,用清晰的信息呈現方式、直接的界面操作、簡潔的視覺畫面將信息,直截了當的傳遞給用戶。優秀的界面設計必須具備滿足人們輕鬆流暢的界面操作要求。

功能至上的扁平化界面設計

(此處已添加圈子卡片,請到今日頭條客戶端查看)


① 官方頭條號:設計智造 頂級創意設計師必備


② 本篇為 設計智造www.cocoo.top 編輯整理,版權歸原作者所有,轉載請註明出處!

相關推薦

推薦中...