2010,當(dāng)windows phone開始扁平化的時候,換來的是世人的嘲笑。
2011,當(dāng)安卓4.0開始扁平化的時候,人們把這當(dāng)作安卓是為了和蘋果抵抗,標(biāo)新立異。
2013,ios 7開始扁平化,這股設(shè)計風(fēng)格成為設(shè)計潮流。
至此到2018年為止,扁平化已經(jīng)深入WEB領(lǐng)域成為主導(dǎo)設(shè)計方向。未來2019年將會是扁平化設(shè)計的爆發(fā)階段成為網(wǎng)頁設(shè)計領(lǐng)域的主流。
那么與扁平化與之對應(yīng)的是擬物化設(shè)計先來了解一下2者的概念。
擬物設(shè)計就是追求模擬現(xiàn)實物品的造型和質(zhì)感,通過疊加高光、紋理、材質(zhì)、陰影等各種效果對實物進(jìn)行再現(xiàn)(也可適當(dāng)程度變形和夸張);
扁平化設(shè)計就是摒棄以上對效果(尤其是高光、陰影等能造成透視感的效果)的追求,追求通過抽象、簡化、符號化的設(shè)計元素來表現(xiàn)。
現(xiàn)如今的扁平化設(shè)計并不是單純的一種風(fēng)格,而是涵蓋了諸多常見風(fēng)格、具備多種不同目標(biāo)或任務(wù)的一個設(shè)計集合體。目前扁平化設(shè)計被廣泛應(yīng)用于數(shù)字設(shè)計領(lǐng)域,并且常常通簡約或者極簡的視覺表達(dá)方式結(jié)合起來運(yùn)用,由于移動端設(shè)計風(fēng)格的演變歷程的原因,扁平化設(shè)計常常被視作為擬物化設(shè)計的對立面。扁平化設(shè)計在過去的幾年當(dāng)中經(jīng)歷了積極而快速的發(fā)展,目前正“入侵”著越來越多的平面設(shè)計領(lǐng)域。
今天的扁平化設(shè)計已經(jīng)成了網(wǎng)頁和UI設(shè)計中的主流設(shè)計方向,甚至可以說是我們?nèi)粘I钪胁豢苫蛉钡牟糠郑⑶议_始影響我們生活中的日常決策,并且具備解決各種問題的潛力。
我們看一下Chrome的Logo的扁平化設(shè)計:
另一個扁平化例子:
簡單的元素和形狀
極簡風(fēng)
強(qiáng)功能性
大膽而易讀的排版
清晰而嚴(yán)謹(jǐn)?shù)囊曈X層次
關(guān)注細(xì)節(jié)
明亮的色彩和對比度明顯的視覺感知
避免使用紋理、漸變和復(fù)雜的樣式
采用柵格、幾何特征以及視覺平衡的原則
扁平化設(shè)計的優(yōu)勢有很多,這也是它在數(shù)字設(shè)計領(lǐng)域流行的主要原因?,F(xiàn)如今,扁平化設(shè)計也開始逐步影響現(xiàn)代排版印刷設(shè)計了。那么扁平化設(shè)計的優(yōu)勢在那里呢?
可讀性和易讀性
通過形狀、色彩和字體來呈現(xiàn)清晰的視覺層次
有效的支持web和移動端的導(dǎo)航設(shè)計
自適應(yīng)性,適合響應(yīng)式設(shè)計
在各種屏幕上都具備良好的可讀性
對于開發(fā)更加友好,降低在設(shè)備上的負(fù)載
HTML5結(jié)合扁平化的優(yōu)勢
好的產(chǎn)品往往做好了兩點(diǎn):功能和細(xì)節(jié)設(shè)計。功能吸引用戶使用產(chǎn)品,而細(xì)節(jié)設(shè)計將決定用戶是否留存。優(yōu)秀的細(xì)節(jié)設(shè)計當(dāng)然離不開優(yōu)秀的微交互設(shè)計,它讓用戶感到強(qiáng)烈的互動和參與感的同時,通過微小而自然的變化帶來非同凡響的愉悅感。
響應(yīng)式設(shè)計的概念,最初由著名的設(shè)計大師Ethan Marcotten在2010年5月提出,隨后便快速席卷了前端和設(shè)計領(lǐng)域,現(xiàn)如今成為網(wǎng)頁設(shè)計的大趨勢。響應(yīng)式網(wǎng)站設(shè)計提供了一種全新的選擇,這種基于柵格布局和CSS3的流動性網(wǎng)頁設(shè)計,可以讓網(wǎng)頁隨著屏幕變化而響應(yīng)。這是一種更為統(tǒng)一,更加全面的設(shè)計技巧,一種打破網(wǎng)頁固有型態(tài)和限制的靈活設(shè)計方法??梢约骖櫰聊欢鄨鼍暗撵`活設(shè)計,便是響應(yīng)式設(shè)計令人著迷的所在,這點(diǎn)和編程開發(fā)中所追求的“一次編寫,到處運(yùn)行”有著異曲同工之妙。
注重“版面簡約”將是另一大設(shè)計趨勢。極簡主義設(shè)計旨在通過清晰的視覺交流來解決用戶的問題,更加注重內(nèi)容而非界面。而簡約的設(shè)計削減了分散用戶注意力的元素,讓用戶更佳專注于內(nèi)容。一個結(jié)合良好可用性的極簡主義用戶界面,會帶來更流暢、更深刻的用戶交互體驗;而一款具備簡約界面及簡單操作的原型設(shè)計工具,將勢必成為眾人心中最佳工具、引領(lǐng)新的風(fēng)潮。