UI大牛教你解讀界面風格

界面設計風在不斷發(fā)展變化，扁平化和擬物化是現(xiàn)代流行的界面設計風格，兩種風格本身都存在著優(yōu)缺點，常常讓人拿來比較。設計風格終歸只是工具，產(chǎn)品的“可用性”才是設計本身的重點。

什么是扁平化和擬物化 ？

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

扁平化與擬物化的區(qū)別 

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

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

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

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

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

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

扁平化設計要素 

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

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

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

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

形式服務于功能 

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

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

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

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

可用性比設計風格重要 

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



相關文章--《做為電商產(chǎn)品經(jīng)理你不得不懂的基礎——跳出率和退出率》