對(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)哦。