交互設計的'扁平化'!

交互設計 設計 設計師 技術 設計智造 2019-06-06

文/崔天劍 董甜甜 交互設計的扁平化,不僅是功能性特徵的本質,是以用戶為中心的設計原則的必然要求。交互設計的扁平化,作為現代簡約主義的一種集中呈現形式,具體表現為形式結構簡易化、功能表達簡便化、視覺呈現簡潔化。

交互設計的'扁平化'!



交互設計的'扁平化'!


用戶界面是交互設計的主要形式,交互設計的基礎則是界面結構。在結構設計中,最基本的是界面佈局和界面層級的設計,這是界面結構中橫向性和縱向性的兩個層面。

交互設計的'扁平化'!


①界面佈局簡潔。界面佈局是指將頁面中的圖形、圖像及文字等內容的位置,在一個限定面積範圍內按照整體需要及其內在聯繫而組織排列,通過推敲文字與圖形的空間關係,形成流暢的視覺體驗,從而激發用戶的使用動機。界面佈局應儘可能滿足界面簡潔的基本要求,減少操作步驟,以方便用戶快速獲取有效信息。

交互設計的'扁平化'!


為突出功能性界面的信息佈局,應加強大區塊感,減少小區塊化。如果增加功能佈局,會給人信息冗雜、散亂的感覺,難以形成較強的區塊感,給用戶的使用增加難度,造成一定的困惑。而簡潔化的設計則會減少小區塊化,增強結構邏輯性,使功能突出,易於用戶學習。

交互設計的'扁平化'!


②界面層級扁淺。為使用戶快速找到目標信息,避免頁面間不必要的切換,可將底層信息上移,減少或取消中間層的類目標籤,其組織結構與傳統層級化界面設計“尖而高”的杉樹狀相比,呈現“寬而扁”的灌木狀。對於用戶來說,只有界面層級越少、越扁”,界面才更易學、好用。

交互設計的'扁平化'!



交互設計的'扁平化'!


為了減少設計師與用戶之間的“認知摩擦”,使得用戶可以快速準確理解設計師的意圖,必然要求操作方式的簡便化。

交互設計的'扁平化'!


①操作引導生動,操作引導是為了突出交互特性,降低與用戶間的認知摩擦”。生動的引導方式,可以迅速吸引用戶關注,贏得用戶好感並易學好用。通過考慮各元素間的關係,從圖片到字體的色調、大小及粗細在視覺上分清主次,突出重要信息,順應用戶的閱讀習慣,使原本可能複雜的過程變得一目瞭然。

交互設計的'扁平化'!


②操作反饋明確,良好的反饋是用戶判斷操作正確與否的重要標準。當點擊行為發生時,立刻向用戶提供清晰明確的反饋,稱之為正面反饋。正面反饋機制不僅可以提升用戶在做出正確的操作行為之後的體驗滿意度,還可以打消不必要的顧慮。

交互設計的'扁平化'!



交互設計的'扁平化'!


交互設計除了在結構和功能上呈現簡易、簡便外,視覺呈現上的簡潔要求更是突出。普遍認同的扁平化設計,是指拋棄那些已經流行多年的漸變、陰影、高光等擬真的視覺效果,打造更“平”的界面,使視覺清晰、操作簡單。

交互設計的'扁平化'!


①擬物效果淡化,儘管擬物化界面曾經憑藉精美逼真的設計,低成本的學習方式,成為當時主流的設計方式。,但隨著交互設計的不斷成熟,擬物化的界面爆發了越來越多的問題,如人們審美的疲勞化,對過度設計的反感等。這些使得擬物化設計呈現減熱的趨勢。去除不必要的過度裝飾,突出功能,體現當代設計的本質,是交互設計的如今的熱門。

交互設計的'扁平化'!


②視覺形式扁平,在視覺形式上通過抽象、簡化、符號化設計元素,來創建一個二次元世界,從而更好地實現體驗功能,在這裡,沒有陰影、透視、紋理、漸變等效果,來幫助界面元素產生相對於屏幕的立體效果。

交互設計的'扁平化'!


扁平化設計並不是徹底放棄立體效果,它只是不追求那些讓人產生立體擬物的逼真效果,形式上的極簡扁平,使人的關注更多地轉移到色彩上,扁平化設計常常呈現出明亮炫麗的色彩效果。

交互設計的'扁平化'!


除了鮮亮的色彩搭配之外,柔和的復古色、清爽的單一色也正被廣泛使用。文字是交互設計中必不可少的元素,扁平化設計一般使用無襯線字體,並通過調整字體的大小和色彩來與所要表達的信息相協調統一。

交互設計的'扁平化'!


技術的發展使得反饋趨於多樣化,交互設計所涉及的要素也隨之複雜化,人們開始摒棄“花紋式”的裝飾,思考如何通過良好的信息架構、交互模式、界面視覺來建立良好的交互。遵循功能第一的設計準則、採用扁平化的設計形式是交互設計合理的發展趨勢。

交互設計的'扁平化'!

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

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

相關推薦

推薦中...