對(duì)于很多朋友們來(lái)說(shuō)，相對(duì)于復(fù)雜的設(shè)計(jì)，大家更喜歡扁平化的ui設(shè)計(jì)，那么，扁平化ui設(shè)計(jì)需要注意什么?扁平化ui設(shè)計(jì)風(fēng)格的優(yōu)缺點(diǎn)有哪些?帶著這些問(wèn)題，接下來(lái)就讓小編來(lái)給大家說(shuō)說(shuō)相關(guān)內(nèi)容吧。

扁平化ui設(shè)計(jì)需要注意什么

　　一、簡(jiǎn)化圖形

　　如果頁(yè)面中圖形的形態(tài)和樣式比較多，那就會(huì)帶給用戶比較復(fù)雜的視覺(jué)體驗(yàn)。沒(méi)有多余的裝飾效果，僅僅將圖案從基礎(chǔ)的具象表現(xiàn)的含義進(jìn)行提取，再用線條和色塊來(lái)進(jìn)行模擬，中間會(huì)經(jīng)歷數(shù)個(gè)步驟，并將細(xì)節(jié)與輪廓進(jìn)行適度的取舍，將極簡(jiǎn)的要素運(yùn)用到界面設(shè)計(jì)中去，清晰明了的表達(dá)信息。

　　二、無(wú)襯線字體

　　UI設(shè)計(jì)師需要注意在設(shè)計(jì)時(shí)盡可能選擇簡(jiǎn)單易用的字體，在通常情況下就是選擇就是無(wú)襯線字體，在西文中它被稱為無(wú)襯線體，在中文中則與黑體相對(duì)應(yīng)，它沒(méi)有銳利的轉(zhuǎn)折和收筆時(shí)的棱角，整體感覺(jué)較為流暢、簡(jiǎn)潔，呈幾何形態(tài)，在手機(jī)屏幕中也更加容易被閱讀。

（圖片來(lái)自網(wǎng)絡(luò)）

　　三、色調(diào)與飽和度

　　一般而言，色彩的高飽和度可能會(huì)在一定程度上提升用戶的視覺(jué)疲勞，因此我們需要盡可能降低色彩的飽和度。扁平化UI設(shè)計(jì)更加傾向于單色調(diào)的色彩，歸根結(jié)底就是色調(diào)與飽和度的匹配，選用主色和輔助色的組合，運(yùn)用多種配色手法來(lái)創(chuàng)造優(yōu)秀的視覺(jué)體驗(yàn)。

　　四、動(dòng)態(tài)效果

　　美學(xué)不僅包含了圖形、色彩等藝術(shù)表現(xiàn)方式，也包含了動(dòng)態(tài)效果。單純的靜態(tài)圖片和文字可能無(wú)法吸引用戶的注意，對(duì)于設(shè)計(jì)師而言，在頁(yè)面中添加適度的動(dòng)態(tài)效果，可以使你設(shè)計(jì)的UI界面顯得更加一致和真實(shí)，并且能給用戶帶來(lái)眼前一亮的視覺(jué)體驗(yàn)。

（圖片來(lái)自網(wǎng)絡(luò)）

　　扁平化ui設(shè)計(jì)風(fēng)格的優(yōu)缺點(diǎn)有哪些

　　一、扁平風(fēng)格的一個(gè)優(yōu)勢(shì)就在于它可以更加簡(jiǎn)單直接的將信息和事物的工作方式展示出來(lái)，減少認(rèn)知障礙的產(chǎn)生。

　　二、隨著網(wǎng)站和應(yīng)用程序在許多平臺(tái)涵蓋了越來(lái)越多不同的屏幕尺寸，創(chuàng)建多個(gè)屏幕尺寸和分辨率的skeuomorphic設(shè)計(jì)既繁瑣又費(fèi)時(shí)。設(shè)計(jì)正朝著更加扁平化的設(shè)計(jì)，你可以一次保證在所有的屏幕尺寸上它會(huì)很好看。扁平化設(shè)計(jì)更簡(jiǎn)約，條理清晰，最重要的一點(diǎn)是，更好的適應(yīng)性。

　　在扁平化設(shè)計(jì)中目前最有力的典范是微軟的windows8以及windowsphone和windowsRT的metro界面，不得不說(shuō)Microsoft不愧為扁平化用戶體驗(yàn)開(kāi)拓者，如此大膽的嘗試與實(shí)現(xiàn)，不得不讓人佩服。與扁平化設(shè)計(jì)相比，在目前也可以說(shuō)之前最為流行的是skeuomorphic設(shè)計(jì)，最為典型的就是蘋(píng)果IOS系統(tǒng)中擬物化的設(shè)計(jì)，讓我們感覺(jué)到虛擬物與實(shí)物的接近程度，如今IOS7也已在向扁平化改變。

　　正如很多設(shè)計(jì)一樣，扁平化設(shè)計(jì)也有缺點(diǎn)，比如需要一定的學(xué)習(xí)成本，傳達(dá)的感情不豐富，甚至過(guò)于冰冷。

（圖片來(lái)自網(wǎng)絡(luò)）

　　扁平化ui設(shè)計(jì)風(fēng)格的優(yōu)缺點(diǎn)有哪些?今天小編就給大家說(shuō)這么多了，大家都知道了吧，希望大家在設(shè)計(jì)ui界面的時(shí)候注意以上介紹的這幾點(diǎn)哦。