扁平化ui設計和擬物化ui設計的區(qū)別,扁平化ui設計的8個技巧

1、ui 設計現(xiàn)在眾多設計中的主要類型之一，隨著人們對ui 設計的要求越來越高，ui 設計也有了很多新的變化，比如扁平化 ui 設計就區(qū)別于擬物化 ui 設計的一種新的設計。就讓為家介紹扁平化 ui 設計和擬物化 ui 設計的區(qū)別，扁平化 ui 設計的 8 個技巧。扁平化 ui 設計和擬物化 ui 設計的區(qū)別1、概念擬物化設計就追求模擬現(xiàn)實物品的造型和質感，通過疊加高光、紋理、材質、陰影等各種對實物進行再現(xiàn)（也可適當程度變形和夸張）。扁平化設計就摒棄以上對（尤其高光、陰影等能造成透視感的）的追求，追求通過抽象、簡化、符號化的設計元素來表現(xiàn)。2、特擬物化設計的特，界面模擬真實物體的材質、質感、細節(jié)、

2、光亮等；人機交互也擬物化，模擬現(xiàn)實中的交互。擬物設計的會讓你認出這個什么東西。扁平化設計的特，界面上單色極簡的抽象矩形色塊、字體、光滑、現(xiàn)代感十足；交互的核心在于功能本身的使用，所以去掉了冗余的界面和交互，而使用更直接的設計來完成任務；扁平化設計則讓你意會這個什么東西。3、優(yōu)擬物化設計的優(yōu)認知和學習成本低，各種按鈕的視覺質感和按下去之后的交互強，比較人性化的體驗。擬物化設計的優(yōu)簡約而不簡單，扁平的設計搭配的網(wǎng)格、色彩設計，讓看久了擬物化的用戶感覺煥然一新；突出內容主題，減弱各種漸變、陰影、高光等擬真視覺對用戶視線的干擾，讓用戶更加專注于內容本身，減少用戶使用這類產品的負擔，在扁平化的視覺和優(yōu)秀

3、的架構設計下顯得非常簡單易用；設計更容易，優(yōu)秀扁平的設計只需要包含良好的架構、網(wǎng)格和排版布局，色彩的運用，高度的一致性，而不 需要考慮更多的陰影、高光、漸變等等。扁平化ui設計4、缺擬物化本身就個約束，會限制功能本身的設計。扁平化設計需要一定的學習成本，且傳達的感情不豐富，甚至過于冰冷扁平化ui設計的8個技巧1、關于高光、漸變和投影網(wǎng)上所說扁平化風的三要素：去高光、去漸變、去陰影。這么說有了，小編認為應該去掉過渡式高光、過渡式漸變、過渡式陰影。在這篇文章里，扁平化高光、階梯式漸變以及所謂的長投影允許的。2、使用扁平化圖標使用有明確含義的圖標可以讓你的設計不那么單調并且耐看。3、色塊的形狀和顏色

4、色塊在扁平化設計中占據(jù)著很重要的地位，幾乎們看到的所有扁平化設計都離不色塊。關于色塊的形狀，基礎形狀有圓形、三角形、四邊形、五邊形以及六邊形，注意不要用超過六條邊的形狀，這樣人們就會始數(shù)形狀的邊數(shù)而忽略掉你要傳達的信息。4、色塊的組合除了基礎的形狀之外，你可以由基礎形狀衍生出更多的組合形狀。但建議不要超過三種不同的基礎形狀組合，這樣會讓你的設計脫離扁平化簡約的初衷。扁平化ui設計5、字體的選擇請選擇無襯線體，常用的中文無襯線體有微軟雅黑、黑體、幼圓、張海山銳楷 體、方正智藝體等。6、注重排版扁平化設計中尤其要注意排版，在這里再次祭出設計的四原則：對齊、親密性、 重復、對比。在你放好一個色塊或者文字后，請務必檢查一下否滿足以上四條準則。7、圖片的使用扁平化設計中如果要用到圖片，常見的處理方法有三種：普通的色塊/文字+圖片、壓暗處理、模糊處理。8、使用不同色塊組合出偽立體感這所謂 “似扁平化 ”的部分，但它仍然能給們的設計帶來一種簡約而不失美感的感覺，像們之前很火的 lowpoly 以及長投影設計都屬于這一類。以上就為家介紹的關于扁平化 ui