解讀！界面設計的風格

文/付歡 界面設計風在不斷髮展變化，扁平化和擬物化是現代流行的界面設計風格，兩種風格本身都存在著優缺點，常常讓人拿來比較。設計風格終歸只是工具，產品的“可用性”才是設計本身的重點。

什麼是扁平化和擬物化 ？

扁平化設計或者說扁平的UI風格是當下界面設計最受關注的發展趨勢，人們常把它拿來與擬物化風格做比較，兩者的設計原則與風格截然相反。 擬物化風格，顧名思義是模擬現實物品的造型和質感，通過疊加高光、紋理、材質、陰影等效果對實物進行再現，也可適當程度變形和誇張，設計界面模擬真實物體。擬物設計會讓你第一眼就認出這是個什麼東西。

扁平化與擬物化的區別

扁平化設計給人的感覺是簡潔、明瞭，讓看久了擬物化設計的用戶有了煥然一新的感覺，扁平化設計更突出主要內容，減弱簡便、高光等擬真效果對用戶視覺感知的干擾，讓用戶更加專注於內容本身，從用戶體驗上來說也更為簡單易用。

認知和學習成本低是擬物化設計的一大優點，擬物化設計展示了識別和熟悉的好處，其引入用戶在現實世界中使用的熟悉的對象作為用戶界面控制的元素，能讓用戶很容易地正確推斷界面控制的方法。熟悉感可以鼓勵用戶對產品更多的使用，更快採納產品的設計，減少新用戶面對產品的恐懼感和障礙感。其中也包含了人性化的體貼。擬物化設計也存在一些缺點，大多數的擬物化界面並沒有實現功能化，設計師卻要花費大量的時間和精力在視覺的陰影和質感效果的打造上。

擬物化設計的癥結與扁平化設計的侷限性

通常來說擬物化設計有助於改善應用的用戶體驗，但實際上，這樣的界面設計方式有時會也降低用戶體驗。首先應用程序與現實中的實體物品有著顯著的不同。一般來說，採用擬物化設計的應用都會試圖模仿一個現實物品的外觀與功能，然而應用的工作方式卻與現實物品不同，這會直接影響產品的用戶體驗。

對於一個採用擬物化設計的產品來說，如果做得足夠好，產品在視覺上將於真實世界的物品產生強烈的共鳴。但同時，共鳴越是強烈，越像真實的物品，它所帶來的侷限性也就越發明顯，這也阻礙了產品的改進與革新。

扁平化設計的特點之一是儘可能地簡潔，然而界面中的一些細節對於用戶能否順暢地使用應用，起到了至關重要要的作用，比如說：按鈕上帶有輕微漸變的圓角設計，表單部分淺淺的陰影效果，導航欄輕微懸浮的效果。如果去除這些細節，界面中的每個元素都將被置於同一水平面，用戶在使用時將不可避免地產生疑惑：這是一個按鈕還是一個導航欄？如果我點擊它，會出現什麼？

扁平化設計要素

1、簡單的元素：扁平化這個概念最核心的地方就是放棄一切裝飾效果，諸如陰影、透視、紋理、漸變等等能做出3D效果的元素一概不用。所有的元素的邊界都乾淨俐落，沒有任何羽化、漸變或者陰影。

2、字體：從精美裝飾性的字體，到簡潔的非襯線字體，漂亮的字體是優秀的扁平設計的關鍵組成之一。由於界面更加簡潔，可以使用字體來創建設計者所期望的風格。

3、色彩：扁平化設計中，配色是最重要的一環，扁平化設計所採用的色彩模式與其他的調色板相比傾向於更加醒目、更加明亮。同時，扁平化設計中的配色還意味著更多的色調。

4、簡化的交互設計：設計師要儘量簡化設計方案，避免不必要的元素出現在設計中。簡化界面的同時，更重要的是做到使用上的簡潔方便。

形式服務於功能

形式服務於功能、“少即是多”是20世紀極簡主義運動中提出的著名口號，對現代設計影響深遠。優秀的界面交互設計應該是既有“形式上的優美和婉約”，又有“技術上的精確和簡潔”。

1、簡潔的完整：優秀設計的經典要素之一即形式的簡約：以簡馭繁。對於界面設計，就是用最少的元素來完成任務。

2、內在的和諧：渾然一體的感覺是每個優秀的設計應該不斷追求的標準。能夠始終以一種文雅而易於理解的方式傳達信息，並且向用戶展現我們真正希望他們看到的東西，是保持交互設計內在的和諧的不二法則。

3、順應的情感認知：越來越多的產品設計開始追求某個單一的用戶渴求，既凌駕於用戶需求之上的一種情感追求，但很多時候追求的單一性，往往會失掉了產品最基本的用戶感知和認可。順應用戶的情感認知，才能調動用戶的情感。

可用性比設計風格重要

從設計發展史上來看，流行的風格趨勢往往在複雜和簡單之間不斷交替變化，這一現象在可視化設計領域，尤其是界面設計領域表現地尤為明顯。扁平化和擬物化本身都存在著優缺點，設計風格終歸只是工具，產品的“可用性”才是設計本身的重點。沒有一種設計風格是完美無缺的。為每個產品量身定製的設計，才能使界面風格與產品要傳達的信息、實際功能相吻合。

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

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