模板建站動態

時至今日，扁平化已不再是流行一時的設計風潮，而是一種美學風格。扁平化大膽的用色，簡潔明快的界面風格一度讓大傢耳目一新，當它對元素效果拋棄的如此徹底之際，它又將效果撿起來，改裝成另一番模樣，使得扁平化進化為扁平化2.0。

扁平化設計特質

對於扁平化的定義，依然沒有一個固定范式，但概括起來有下面四個特征：

1)沒有多餘的效果，如投影、凹凸或漸變

2)使用簡潔風格的元素和圖標

3)大膽豐富且明亮的配色風格

4)盡量減少裝飾的極簡設計

扁平化所追隨的細節依然不變，然而這些“規范”開始松懈瞭。隨著扁平化進化到2.0時代，我們再來看看2016年，有哪些是扁平化設計以前從未有的。

扁平化2.0的全新細節

為瞭避免純粹的扁平化設計，一些細微的效果逐漸被運用其中。

扁平化歷來被人所詬病的方面即交互不夠明顯，按鈕難以找到等。現在這些問題都可通過增加一些小小的效果而得以解決。但這些效果的運用是符合扁平化簡潔美學的。

一、微陰影

微陰影，就是極其微弱的投影，這是一種幾乎不被人所立刻察覺的投影，它可以增加元素的深度，使其從背景中脫穎而出，引起用戶的註意。但在使用這一效果時候需要註意，要讓它保持柔和感和隱蔽性。

、

利用元素的形狀，使其從背景中獨立出來。即使元素與背景有著同樣的顏色，依然可以通過微陰影加以區分，而視覺上還能保持色調一致的簡潔性。

有人這時會提到長陰影，但長陰影通常運用的地方隻是在LOGO、圖標等元素的內部，它是扁平化的一種設計風格的延伸。

二、幽靈按鈕

這不是指一個幽靈形狀的按鈕。恰恰相反，這類按鈕的形狀非常簡單，僅僅是一個矩形或一個圓角矩形的邊框，內部為透明。看上去若有若無，類似於幽靈的出沒方式。

也許你已經在很多扁平化設計風格中見過它們瞭。它們通常會設計得比普通的按鈕略大，浮動於大圖背景、視頻的上方。你可以在飽覽整張圖片或整個視頻的同時也能看到它的存在，為瞭讓它獲得聚焦，通常它位於比較顯眼的位置，例如屏幕的中間。

幽靈按鈕的顏色通常為黑或白，這是因為它需要和周圍環境所協調。如果可以，試試別的色彩也未嘗不可。例如無色的黑白圖片搭配有色的幽靈按鈕。

同時，也需要註意，與幽靈按鈕搭配的也多半是無襯線的字體，中文也是細黑等類似的字體。這樣就讓按鈕和其字體都在外觀上取得一致性。

三、低調漸變

談到避免極端的扁平主義，漸變的運用就有回暖之勢。而新的漸變不同以往，它往往是以更為低調的姿態出現的，如隻用於背景色或氛圍色，不再喧兵奪主，且隻在兩種顏色間漸變過渡。下面是雙色漸變的實例。

可以看出這一案例中，網頁已經讓漸變成為瞭一種設計元素。霸占整個屏幕的圖片充滿震撼，而讓其也參與到過度的漸變中，讓圖片散發出霓虹燈一樣的效果，搭配幽靈按鈕，這幾乎是信手拈來的絕佳創意。

四、圓形

毫無疑問，扁平化設計就是Google的Material Design的前身，這在Material Design的設計風格中可以看出扁平化的影子，但後者不但繼承其簡潔的優勢，還進一步在用戶體驗上得以發揮。

最明顯的是，除瞭模擬現實環境裡紙質重疊的微投影，那恐怕就要數圓的運用瞭。扁平化中圓形的元素越來越多，可以說圓形在移動端的優勢是特別明顯的。由於圓形很好的模擬瞭手指印，因此一個圓的存在看似就是一個可觸的地方。這對於喚起用戶的操作發揮瞭極大的作用。

由於圓形本身的特殊性，使它極易從背景中分離出來，因此將重要的元素設計為圓形也是心機滿滿。例如下面這傢餐廳的網頁設計，圓形本身具有一種親和感，非常契合餐廳這類溫馨休閑的品牌氛圍。

五、雙色搭配

早期的扁平化配色是非常鮮艷大膽的，它可以在高飽和度中挑選六到七種顏色進行搭配。如今，扁平化設計的配色選擇雖然仍然朝明亮大膽的方向走，但隻局限於有限的顏色選擇，雙色調配色是目前逐漸流行起來的另一種配色方向。

大傢都知道通過配圖來強調配色。最初的扁平化的設計，隻有十分有限的素材資源，因此色彩的選擇相對也有限。近來，扁平化項目包含瞭大量的影像。由於這一轉變，就能從眾多明亮或鮮艷的色系中進行選擇配色。

六、動態要素

更多的視頻和動畫特效的運用，使得扁平化更加生動活潑。然而這些讓網頁看起來更生動的手段，無一獨立於整體頁面的風格而獨立存在。它們依然是簡潔的，符合網站整體的審美方向的。

與其把新趨勢看作是一種方向，不如將其視為過程。扁平化的未來還需要在此基礎上不斷發展新的創意。

培戀網絡原創版權，轉載請註明出處：

培戀網原創版權，網站建設提供網站代運營、模板網站制作轉載請注明出處,本文地址：http://www.gdszrq.com/news/51831.html