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

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

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

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


在微信中搜索faceui