在擬物(skeuomorphic)風(fēng)格時代崛起祟偷,扁平風(fēng)格以簡約的方式風(fēng)靡數(shù)年。然而卫旱,它也在大眾口味的變化和技術(shù)進(jìn)步中變化著佑吝。
類扁平(Ryan Allen解釋為“扁平2.0”)與過去的完全扁平風(fēng)格已經(jīng)青出于藍(lán)而勝于藍(lán)。
受瑞士國際主義風(fēng)格的簡約風(fēng)格影響鳖擒,扁平化從不同媒介及年代吸收營養(yǎng)溉浙。在這篇文章中,我們將看到這種風(fēng)格的7種特點蒋荚。
這些特點可以為特定優(yōu)點單獨使用戳稽,也可以合并起來有一個更大的扁平風(fēng)格。但是開始你的“扁平之旅”之前期升,清楚扁平風(fēng)格的優(yōu)點和缺點也是非常重要的惊奇。
優(yōu)點
- 有利于響應(yīng)式設(shè)計
- 提高系統(tǒng)和導(dǎo)航的易用性
- 結(jié)構(gòu)化布局和清晰化視覺,提高視覺成熟度
- 加快加載時間
-
簡單的排版加強(qiáng)可讀性
缺點
- 不容易做好
- 簡潔的風(fēng)格會削弱指示性
- 容易出現(xiàn)無聊的風(fēng)險
- 由于普遍性而顯得無個性
如何使用播赁?
底紋
在扁平2.0時代颂郎,陰影增加了深度和復(fù)雜性而不會犧牲簡約的特性使得扁平化更具吸引力。在《網(wǎng)頁設(shè)計趨勢2015-2016》所述容为,這是扁平化設(shè)計的新補(bǔ)充乓序,使得舊風(fēng)格有了新活力。
雖然過去幾年有過更長坎背、更深的陰影替劈,但最近這種趨勢變得更加微妙。圖片中Duffy & Partners的產(chǎn)品是非常少和不顯眼得滤,但是還是增加了一點額外的視覺興趣陨献。
動態(tài)顏色
為了彌補(bǔ)視覺效果,扁平化設(shè)計包含了動態(tài)色彩懂更,尤其是鮮艷的色彩湿故。這些有能量的色彩的碰撞避免了單個元素組合出現(xiàn)的沉悶現(xiàn)象阿趁。
這些有活力的色彩從一開始就有了最具識別性的特征。上述網(wǎng)站CSS Conference 采用了傳統(tǒng)扁平方式坛猪,并使用了柔軟和快樂的顏色脖阵。因為顏色的使用如此重要, Flat UI Colors 已經(jīng)幫你收藏了最有效的色板墅茉。
簡單的排版
一如既往的命黔,扁平化設(shè)計的排版保持簡單和易于閱讀——使用無襯線字體和統(tǒng)一的線條寬度。
如上所例就斤,字體并不需要強(qiáng)調(diào)悍募,而且文字非常容易閱讀。這就讓用戶把注意力放在有趣的圖片上洋机。
由于它強(qiáng)調(diào)可讀性坠宴,其受歡迎程度滲透到其他需要簡約設(shè)計的領(lǐng)域。我們可以看到這種扁平設(shè)計文本使用大幅圖片绷旗、超大文本喜鼓、文字居多的網(wǎng)站。
幽靈按鈕
最近時髦的一個設(shè)計元素是幽靈按鈕(ghost button):它與扁平設(shè)計非常搭配衔肢,并不引人注意庄岖,但是仍然可以識別為按鈕。
按鈕內(nèi)的文本增加了注意效果角骤。幽靈按鈕的極少注意力屬性適合扁平效果隅忿,并使得其最顯著特性之一。相對與本文的其他屬性邦尊,幽靈按鈕幾乎可以使用在其他任何風(fēng)格背桐。
極簡主義
扁平化設(shè)計與極簡主義一起可以使用許多原則,例如易用性與簡潔性蝉揍。
雖然看起來它看起來很容易牢撼,但是極簡主義遠(yuǎn)比看起來復(fù)雜。更少的元素意味著必須更考究的設(shè)計疑苫。
圖標(biāo)化
由于屏幕上顯示的只有最基本的元素,圖標(biāo)需要更多的細(xì)節(jié)和靈氣(flair)使得設(shè)計更有趣纷责。
圖標(biāo)變得越來越大捍掺,可以容納更多細(xì)節(jié),并成為一個網(wǎng)頁元素表達(dá)的支柱再膳。如上所例挺勿,Stash Flat Icons,每個圖標(biāo)風(fēng)格都已蘊藏在其中:明亮的色彩喂柒,卡通風(fēng)的設(shè)計不瓶,還有足夠多的細(xì)節(jié)禾嫉。
突出色彩(Accent Colors)
扁平化設(shè)計的傳統(tǒng)顏色并不會完全過時。扁平化設(shè)計確實以更明亮的色彩方式標(biāo)準(zhǔn)化了蚊丐。
在單一的背景上呈現(xiàn)鮮艷的顏色熙参,給予設(shè)計師更多控制權(quán),更需要充分思考給與舍麦备。
特別是基本色孽椰,白與黑色使得鮮艷顏色脫穎而出。
結(jié)論
扁平化設(shè)計慢慢影響到其他的網(wǎng)頁設(shè)計風(fēng)格中凛篙,而且混合設(shè)計已經(jīng)像其他單一風(fēng)格一樣變得流行黍匾。如果你想使用扁平化設(shè)計,不要猶豫的使用其中一種或兩種所述特點:這些特點可以使你的風(fēng)格脫胎換骨呛梆。
想知道更多扁平化設(shè)計技巧锐涯,以及更多9個扁平設(shè)計趨勢,免費下載185頁的《網(wǎng)頁設(shè)計趨勢2015-2016》填物,了解來自阿迪達(dá)斯纹腌、蘋果、谷歌融痛、范思哲等公司的實例壶笼。