ui設計是現在眾多設計中的主要類型之一，隨著人們對ui設計的要求越來越高，ui設計也有了很多新的變化，比如扁平化ui設計就是區別于擬物化ui設計的一種新的設計。今天就讓faceui為大家介紹扁平化ui設計和擬物化ui設計的區別，扁平化ui設計的8個技巧。

　　扁平化ui設計和擬物化ui設計的區別

　　1、概念

　　擬物化設計就是追求模擬現實物品的造型和質感，通過疊加高光、紋理、材質、陰影等各種效果對實物進行再現（也可適當程度變形和夸張）。

　　扁平化設計就是摒棄以上對效果（尤其是高光、陰影等能造成透視感的效果）的追求，追求通過抽象、簡化、符號化的設計元素來表現。

　　2、特點

　　擬物化設計的特點，界面模擬真實物體的材質、質感、細節、光亮等；人機交互也擬物化，模擬現實中的交互方式。擬物設計的會讓你認出這是個什么東西。

　　扁平化設計的特點，界面上單色極簡的抽象矩形色塊、大字體、光滑、現代感十足；交互的核心在于功能本身的使用，所以去掉了冗余的界面和交互，而是使用更直接的設計來完成任務；扁平化設計則讓你意會這是個什么東西。

　　3、優點

　　擬物化設計的優點是認知和學習成本低，各種按鈕的視覺質感和按下去之后的交互效果強，比較人性化的體驗。

　　擬物化設計的優點是簡約而不簡單，扁平的設計搭配一流的網格、色彩設計，讓看久了擬物化的用戶感覺煥然一新；突出內容主題，減弱各種漸變、陰影、高光等擬真視覺效果對用戶視線的干擾，讓用戶更加專注于內容本身，減少用戶使用這類產品的負擔，在扁平化的視覺和優秀的架構設計下顯得非常簡單易用；設計更容易，優秀扁平的設計只需要包含良好的架構、網格和排版布局，色彩的運用，高度的一致性，而不需要考慮更多的陰影、高光、漸變等等。

扁平化ui設計（圖片來自網絡）

　　4、缺點

　　擬物化本身就是個約束，會限制功能本身的設計。

　　扁平化設計需要一定的學習成本，且傳達的感情不豐富，甚至過于冰冷。

　　扁平化ui設計的8個技巧

　　1、關于高光、漸變和投影

　　網上所說扁平化風的三大要素：去高光、去漸變、去陰影。這么說是有點絕對了，小編認為應該是去掉過渡式高光、過渡式漸變、過渡式陰影。在這篇文章里，扁平化高光、階梯式漸變以及所謂的長投影是允許的。

　　2、使用扁平化圖標

　　使用有明確含義的圖標可以讓你的設計不那么單調并且耐看。

　　3、色塊的形狀和顏色

　　色塊在扁平化設計中占據著很重要的地位，幾乎我們看到的所有扁平化設計都離不開色塊。關于色塊的形狀，基礎形狀有圓形、三角形、四邊形、五邊形以及六邊形，注意不要用超過六條邊的形狀，這樣人們就會開始數形狀的邊數而忽略掉你要傳達的信息。

　　4、色塊的組合

　　除了基礎的形狀之外，你可以由基礎形狀衍生出更多的組合形狀。但是我建議不要超過三種不同的基礎形狀組合，這樣會讓你的設計脫離扁平化簡約的初衷。

扁平化ui設計（圖片來自網絡）

　　5、字體的選擇

　　請選擇無襯線體，常用的中文無襯線體有微軟雅黑、黑體、幼圓、張海山銳楷體、方正智藝體等。

　　6、注重排版

　　扁平化設計中尤其要注意排版，在這里再次祭出設計的四大原則：對齊、親密性、重復、對比。在你放好一個色塊或者文字后，請務必檢查一下是否滿足以上四條準則。

　　7、圖片的使用

　　扁平化設計中如果要用到圖片，常見的處理方法有三種：普通的色塊/文字+圖片、壓暗處理、模糊處理。

　　8、使用不同色塊組合做出偽立體感

　　這是所謂“似扁平化”的部分，但是它仍然能給我們的設計帶來一種簡約而不失美感的感覺，像我們之前很火的lowpoly以及長投影設計都屬于這一類。

　　以上就是faceui為大家介紹的關于扁平化ui設計的相關內容。設計本來就是風格多樣的，就像人一樣，花有百樣紅，人的審美也是不同的。作為簡單清爽的扁平化設計正在逐漸成為ui設計的主要類型之一。