網(wǎng)站建設別讓扁平化設計平淡無(wú)奇發(fā)布者：本站     時(shí)間：2022-03-21 16:03:47

隨著(zhù)帶有扁平化色彩的Google Material design規范的推出、卡片式設計的廣泛采用、還有排山倒海的極簡(jiǎn)化趨勢——似乎在可預見(jiàn)的未來(lái)，扁平化設計會(huì )成為主宰風(fēng)格。

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

“最初的扁平化設計是嚴格的扁平，極少有強調，注重極簡(jiǎn)設計。近來(lái)我們則看到了更多吸引眼球的元素，例如陰影與著(zhù)色的暗示。盡管純粹的扁平主義者會(huì )反對，但設計圈接納了它，它與其他流行的設計模式能夠有效結合?！?br />
以往波瀾不興的風(fēng)格發(fā)生突變，引發(fā)了一連串有趣的問(wèn)題。

如果它是如此的流行，那如何與眾不同地將它運用在自己作品中呢？你要的是扁平化設計，而不是平淡無(wú)奇。巧妙的運用，與粗劣的復制，這之間有何區別？

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

長(cháng)投影
我們所談?wù)摰脑O計應當是扁平的，但陰影能產(chǎn)生縱深感，雖然這似乎有點(diǎn)違反直覺(jué)。

但這些細微元素能為設計增添一絲情調，又不至于太引人注目。實(shí)際上，他們仍然可以算作留白的一部分，雖然他們從技術(shù)上說(shuō)確實(shí)是一種視覺(jué)元素。

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

更重要的是，長(cháng)投影為畫(huà)面增加了一種反差元素，使得整個(gè)視覺(jué)體驗變得有吸引力。要達到想要的效果，甚至投影都不必那么長(cháng)。

請看：

別讓扁平化設計平淡無(wú)奇

圖片來(lái)源：Kikk.be

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

說(shuō)到顏色，應該很容易引出我們下一項扁平化特性。

色彩運用：鮮明色彩與輔助色
色彩是扁平化設計的重要能力之一。

明亮、積極的色調，成就了許多扁平化的設計，用以彌補視覺(jué)表現力上的欠缺。扁平化設計中的投影裝飾，看起來(lái)躍然紙上，為設計增添了鮮活和動(dòng)感。這與其他動(dòng)態(tài)視覺(jué)元素能夠很好配合，例如視覺(jué)差滾動(dòng)和CSS動(dòng)畫(huà)。

別讓扁平化設計平淡無(wú)奇

圖片來(lái)源：Spotify

而且，這些明亮的色彩能作為一種輔助色，用在柔和的背景上。這似乎成為了一種標準的未來(lái)趨勢。就像這樣：

別讓扁平化設計平淡無(wú)奇

圖片來(lái)源：Takeit

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

別讓扁平化設計平淡無(wú)奇

簡(jiǎn)單/夸張的字體
如今的“扁平”字體通常由單一字體組成，或者是兩種非常接近的字體。這一點(diǎn)造就了易讀、易辨識且默默無(wú)聞的字體。這正是關(guān)鍵所在。

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

別讓扁平化設計平淡無(wú)奇

圖片來(lái)源：Cienne

最好的做法是“隱形的設計”，換句話(huà)說(shuō)，就是做出讓用戶(hù)不會(huì )注意到的設計。因為每當他們留意設計，就會(huì )喪失沉浸式的體驗。

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

別讓扁平化設計平淡無(wú)奇

圖片來(lái)源：Truthlabs

幽靈按鈕
要做到漫不經(jīng)心——甚至如空氣般透明——那我們就得花點(diǎn)功夫來(lái)談?wù)動(dòng)撵`按鈕。

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

別讓扁平化設計平淡無(wú)奇

結論
總而言之，扁平化設計的元素與其演化的成果，全在于吸引注意力。

無(wú)論是使用浮夸的背景或焦點(diǎn)圖等視覺(jué)元素，還是極力克制，只用文字或導航提示——背后思想都是相同的。使用少量元素，按照極簡(jiǎn)方式排布，在頁(yè)面上創(chuàng )造出對比，正確引導用戶(hù)的注意力。

扁平化是潮流中的先行者。究其原因，是因為設計師能夠通過(guò)各種方式，在簡(jiǎn)單的界面內體現多層次的復雜性。

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