早在2013年iOS7發(fā)布以來，扁平化設計就轟動了互聯網世界。從那以後(hòu)，它就持續發(fā)揚光大，并且發(fā)展出數量驚人的變種(zhǒng)。

随著(zhe)帶有扁平化色彩的Google Material design規範的推出、卡片式設計的廣泛采用、還(hái)有排山倒海的極簡化趨勢——似乎在可預見的未來，扁平化設計會成(chéng)爲主宰風格。

正如2015與2016年的網頁設計趨勢一書所描述的，扁平化設計正在進(jìn)化：

天貓&京東,内蒙古電商品牌策劃,内蒙古微信營銷,内蒙古微網站,呼和浩特電商品牌策劃,呼和浩特微信營銷,呼和浩特微網站,内蒙古網站制作，内蒙古網站設計，内蒙古網站建設，呼和浩特網站建設，呼和浩特網站制作、呼和浩特網站設計首選内蒙古呼和浩特先誠網絡科技公司。先誠官網：/

“最初的扁平化設計是嚴格的扁平，極少有強調，注重極簡設計。近來我們則看到了更多吸引眼球的元素，例如陰影與著(zhe)色的暗示。盡管純粹的扁平主義者會反對(duì)，但設計圈接納了它，它與其他流行的設計模式能(néng)夠有效結合。”

以往波瀾不興的風格發(fā)生突變，引發(fā)了一連串有趣的問題。

如果它是如此的流行，那如何與衆不同地將(jiāng)它運用在自己作品中呢？你要的是扁平化設計，而不是平淡無奇。巧妙的運用，與粗劣的複制，這(zhè)之間有何區别？

本文講的正是這(zhè)個。我們看看扁平化是如何進(jìn)化的，怎樣(yàng)能(néng)使你的設計引領潮流。

長(cháng)投影

我們所談論的設計應當是扁平的，但陰影能(néng)産生縱深感，雖然這(zhè)似乎有點違反直覺。

但這(zhè)些細微元素能(néng)爲設計增添一絲情調，又不至于太引人注目。實際上，他們仍然可以算作留白的一部分，雖然他們從技術上說确實是一種(zhǒng)視覺元素。

畢竟，沒(méi)有光哪來陰影？

更重要的是，長(cháng)投影爲畫面(miàn)增加了一種(zhǒng)反差元素，使得整個視覺體驗變得有吸引力。要達到想要的效果，甚至投影都(dōu)不必那麼(me)長(cháng)。

柔和的色彩和短投影呈現出一種(zhǒng)美妙的視覺元素，并不會搶了頁面(miàn)導航和主要信息的風頭。請留意這(zhè)些陰影如何令畫面(miàn)明亮起(qǐ)來。也使得圖像仿佛脫離了頁面(miàn)。投影、扁平化的内容區域、還(hái)有柔和色彩這(zhè)三者的結合，與網站上的動畫元素融合得非常好(hǎo)。

說到顔色，應該很容易引出我們下一項扁平化特性。

色彩運用：鮮明色彩與輔助色

色彩是扁平化設計的重要能(néng)力之一。

明亮、積極的色調，成(chéng)就了許多扁平化的設計，用以彌補視覺表現力上的欠缺。扁平化設計中的投影裝飾，看起(qǐ)來躍然紙上，爲設計增添了鮮活和動感。這(zhè)與其他動态視覺元素能(néng)夠很好(hǎo)配合，例如視覺差滾動和CSS動畫。

而且，這(zhè)些明亮的色彩能(néng)作爲一種(zhǒng)輔助色，用在柔和的背景上。這(zhè)似乎成(chéng)爲了一種(zhǒng)标準的未來趨勢。就像這(zhè)樣(yàng)：

深色背景上的亮色圖片絕對(duì)足夠給人留下深刻印象。強烈對(duì)比的視覺元素，更是與如今的扁平化趨勢形成(chéng)完美的配合。通過(guò)簡單或誇張的手法來突出事(shì)物，其中也包括字體。

Web Design Book of Trends 2015-2016

簡單/誇張的字體

如今的“扁平”字體通常由單一字體組成(chéng)，或者是兩(liǎng)種(zhǒng)非常接近的字體。這(zhè)一點造就了易讀、易辨識且默默無聞的字體。這(zhè)正是關鍵所在。

你不希望字體分散注意力。如果字母帶有過(guò)多的風格與個性，就會阻礙用戶的閱讀流程。

最好(hǎo)的做法是“隐形的設計”，換句話說，就是做出讓用戶不會注意到的設計。因爲每當他們留意設計，就會喪失沉浸式的體驗。

當然，你也可以走另一個極端。在處理極簡式界面(miàn)時，你得調整所加入的元素。在空白背景上使用大的粗體字，可以爲界面(miàn)的文案營造出獨特的語境。如果界面(miàn)沒(méi)有其他任何視覺元素，你就必須呈現出某種(zhǒng)美感，而且能(néng)用的也隻有字體和顔色。

幽靈按鈕

要做到漫不經(jīng)心——甚至如空氣般透明——那我們就得花點功夫來談談幽靈按鈕。

你能(néng)一眼就找出下圖中的幽靈按鈕嗎？它們并不顯眼，這(zhè)正是關鍵。透明按鈕給用戶一種(zhǒng)暗示，導航項未必會從下層的視覺重點上搶奪注意力。

結論

總而言之，扁平化設計的元素與其演化的成(chéng)果，全在于吸引注意力。

無論是使用浮誇的背景或焦點圖等視覺元素，還(hái)是極力克制，隻用文字或導航提示——背後(hòu)思想都(dōu)是相同的。使用少量元素，按照極簡方式排布，在頁面(miàn)上創造出對(duì)比，正确引導用戶的注意力。

扁平化是潮流中的先行者。究其原因，是因爲設計師能(néng)夠通過(guò)各種(zhǒng)方式，在簡單的界面(miàn)内體現多層次的複雜性。

我預料扁平化設計會作爲一種(zhǒng)趨勢，求新求變，持續演進(jìn)。同時保持最核心的簡潔，使它引領潮流。

要了解更多扁平化設計與其他優秀的網頁設計趨勢，請看2016年的網頁設計趨勢。

譯文鏈接: http://colachan.com/post/3475

原文鏈接：http://studio.uxpin.com/blog/how-to-prevent-flat-designs-from-falling-flat/

注：本文均來自百度搜索，如涉及版權問題，請聯系我們，我們會第一時間解決。