對于很多朋友們來說,相對于復(fù)雜的設(shè)計(jì),大家更喜歡扁平化的ui設(shè)計(jì),那么,扁平化ui設(shè)計(jì)需要注意什么?扁平化ui設(shè)計(jì)風(fēng)格的優(yōu)缺點(diǎn)有哪些?帶著這些問題,接下來就讓小編來給大家說說相關(guān)內(nèi)容吧。
扁平化ui設(shè)計(jì)需要注意什么
一、簡化圖形
如果頁面中圖形的形態(tài)和樣式比較多,那就會帶給用戶比較復(fù)雜的視覺體驗(yàn)。沒有多余的裝飾效果,僅僅將圖案從基礎(chǔ)的具象表現(xiàn)的含義進(jìn)行提取,再用線條和色塊來進(jìn)行模擬,中間會經(jīng)歷數(shù)個(gè)步驟,并將細(xì)節(jié)與輪廓進(jìn)行適度的取舍,將極簡的要素運(yùn)用到界面設(shè)計(jì)中去,清晰明了的表達(dá)信息。
二、無襯線字體
UI設(shè)計(jì)師需要注意在設(shè)計(jì)時(shí)盡可能選擇簡單易用的字體,在通常情況下就是選擇就是無襯線字體,在西文中它被稱為無襯線體,在中文中則與黑體相對應(yīng),它沒有銳利的轉(zhuǎn)折和收筆時(shí)的棱角,整體感覺較為流暢、簡潔,呈幾何形態(tài),在手機(jī)屏幕中也更加容易被閱讀。

(圖片來自網(wǎng)絡(luò))
三、色調(diào)與飽和度
一般而言,色彩的高飽和度可能會在一定程度上提升用戶的視覺疲勞,因此我們需要盡可能降低色彩的飽和度。扁平化UI設(shè)計(jì)更加傾向于單色調(diào)的色彩,歸根結(jié)底就是色調(diào)與飽和度的匹配,選用主色和輔助色的組合,運(yùn)用多種配色手法來創(chuàng)造優(yōu)秀的視覺體驗(yàn)。
四、動態(tài)效果
美學(xué)不僅包含了圖形、色彩等藝術(shù)表現(xiàn)方式,也包含了動態(tài)效果。單純的靜態(tài)圖片和文字可能無法吸引用戶的注意,對于設(shè)計(jì)師而言,在頁面中添加適度的動態(tài)效果,可以使你設(shè)計(jì)的UI界面顯得更加一致和真實(shí),并且能給用戶帶來眼前一亮的視覺體驗(yàn)。

(圖片來自網(wǎng)絡(luò))
扁平化ui設(shè)計(jì)風(fēng)格的優(yōu)缺點(diǎn)有哪些
一、扁平風(fēng)格的一個(gè)優(yōu)勢就在于它可以更加簡單直接的將信息和事物的工作方式展示出來,減少認(rèn)知障礙的產(chǎn)生。
二、隨著網(wǎng)站和應(yīng)用程序在許多平臺涵蓋了越來越多不同的屏幕尺寸,創(chuàng)建多個(gè)屏幕尺寸和分辨率的skeuomorphic設(shè)計(jì)既繁瑣又費(fèi)時(shí)。設(shè)計(jì)正朝著更加扁平化的設(shè)計(jì),你可以一次保證在所有的屏幕尺寸上它會很好看。扁平化設(shè)計(jì)更簡約,條理清晰,最重要的一點(diǎn)是,更好的適應(yīng)性。
在扁平化設(shè)計(jì)中目前最有力的典范是微軟的windows8以及windowsphone和windowsRT的metro界面,不得不說Microsoft不愧為扁平化用戶體驗(yàn)開拓者,如此大膽的嘗試與實(shí)現(xiàn),不得不讓人佩服。與扁平化設(shè)計(jì)相比,在目前也可以說之前最為流行的是skeuomorphic設(shè)計(jì),最為典型的就是蘋果IOS系統(tǒng)中擬物化的設(shè)計(jì),讓我們感覺到虛擬物與實(shí)物的接近程度,如今IOS7也已在向扁平化改變。
正如很多設(shè)計(jì)一樣,扁平化設(shè)計(jì)也有缺點(diǎn),比如需要一定的學(xué)習(xí)成本,傳達(dá)的感情不豐富,甚至過于冰冷。

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


在微信中搜索faceui