用戶界面設(shè)計中的平面風(fēng)格
平風(fēng)是近年來非常流行的設(shè)計風(fēng)格,在設(shè)計中可以起到非常好的效果。擬像和刨平成為了一個UI設(shè)計師必須要學(xué)習(xí)的兩種風(fēng)格?,F(xiàn)在來看看什么是扁平化設(shè)計。
1、什么是平風(fēng)
所謂扁平化就是:對于人機交互的圖形“界面”,扁平化減少了很多冗余信息,圖形界面還會繼續(xù)“扁平化”,直到可能有技術(shù)可以取代圖形界面。
設(shè)計理念是:扁平化設(shè)計就是將視覺界面扁平化、簡單化,從字體、圖像、圖標(biāo)都做扁平化處理。
扁平化有很多功能:交互,內(nèi)容,強調(diào)去除視覺負(fù)擔(dān),忠于信息和交互,簡化跨平臺開發(fā)等。
2、平風(fēng)設(shè)計要點
展平風(fēng)的三要素:突出、漸變、陰影。以下是一些設(shè)計方面的東西:
1.圖標(biāo):單色、展平、去除紋理、高亮等
2.圖片:普通色塊/文字+圖片,變暗模糊
3.按鈕:工具一般使用直角或小圓角按鈕,以突出率和嚴(yán)肅性,使用較小的大圓角按鈕
4.字體:一般選擇無襯線,常用的無襯線有微軟雅黑、加粗、友源、方正智藝等
5.節(jié)奏:我們可以通過顏色和文字大小的對比,讓頁面更有節(jié)奏感
6.排版:對齊,親昵,重復(fù),對比。扁平化設(shè)計的前提是滿足四個原則
7.顏色:一般的品牌顏色用于背景、圖標(biāo)和導(dǎo)航,然后添加一些無色的系統(tǒng)和輔助顏色
后,值得一提的是,扁平化設(shè)計并不能適用于所有的設(shè)計。綜合平設(shè)計不可取。和綜合物化一樣,兩者在設(shè)計上是互補的。一個成熟的設(shè)計師必須能夠熟練的運用和執(zhí)行。