從今年開(kāi)始，扁平化的設計美學(xué)正在發(fā)生潤物無聲的細微變化，微陰影、幽靈按鈕、雙色調設計、低調漸變等等，今天帶你全面(miàn)認識這(zhè)6個前所未有的設計趨勢，歡迎來到扁平化2.0時代。

時至今日，扁平化已不再是流行一時的設計風潮，而是一種(zhǒng)美學(xué)風格。扁平化大膽的用色，簡潔明快的界面(miàn)風格一度讓大家耳目一新，當它對(duì)元素效果抛棄的如此徹底之際，它又將(jiāng)效果撿起(qǐ)來，改裝成(chéng)

另一番模樣(yàng)，使得扁平化進(jìn)化爲扁平化2.0。

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

扁平化設計特質

對(duì)于扁平化的定義，依然沒(méi)有一個固定範式，但概括起(qǐ)來有下面(miàn)四個特征：

1）沒(méi)有多餘的效果，例如投影、凹凸或漸變等

2）使用簡潔風格的元素和圖标

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

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

扁平化所追随的細節依然不變，然而這(zhè)些“規範”開(kāi)始松懈了。随著(zhe)扁平化進(jìn)化到2.0時代，我們再來看看2016年，有哪些是扁平化設計以前從未有的。

扁平化2.0的全新細節

爲了避免純粹的扁平化設計，一些細微的效果逐漸被(bèi)運用其中。

扁平化曆來被(bèi)人所诟病的方面(miàn)即交互不夠明顯，按鈕難以找到等。現在這(zhè)些問題都(dōu)可以通過(guò)增加一些小小的效果而得以解決。但這(zhè)些效果的運用也是符合扁平化的簡潔美學(xué)的。

一、微陰影

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

利用元素的形狀，使其從背景中獨立出來。即使元素與背景有著(zhe)同樣(yàng)的顔色，依然可以通過(guò)微陰影加以區分，而視覺上還(hái)能(néng)保持色調一緻的簡潔性。

有人這(zhè)時會提到長(cháng)陰影，但長(cháng)陰影通常運用的地方隻是在LOGO、圖标等元素的内部，它是扁平化的一種(zhǒng)設計風格的延伸。

二、幽靈按鈕

這(zhè)不是指一個幽靈形狀的按鈕。恰恰相反，這(zhè)類按鈕的形狀非常簡單，僅僅是一個矩形或一個圓角矩形的邊框，内部爲透明。看上去若有若無，類似于幽靈的出沒(méi)方式。

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

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

同時，也需要注意，與幽靈按鈕搭配的也多半是無襯線的字體，中文也是細黑等類似的字體。這(zhè)樣(yàng)就讓按鈕和其字體都(dōu)在外觀上取得一緻性。

三、低調漸變

談到避免極端的扁平主義，漸變的運用就有回暖之勢。而新的漸變不同以往，它往往是以更爲低調的姿态出現的，比如隻用于背景色或氛圍色，不再喧兵奪主，并且隻在兩(liǎng)種(zhǒng)顔色之間漸變過(guò)渡。下面(miàn)是雙色漸變的實例。

可以看出這(zhè)一案例中，網頁已經(jīng)讓漸變成(chéng)爲了一種(zhǒng)設計元素。霸占整個屏幕的圖片充滿震撼，而讓其也參與到過(guò)度的漸變中，讓圖片散發(fā)出霓虹燈一樣(yàng)的效果，搭配幽靈按鈕，這(zhè)幾乎是信手拈來的絕佳

創意。

四、圓形

毫無疑問，扁平化設計就是Google的Material Design的前身，這(zhè)在Material Design的設計風格中可以看出扁平化的影子，但後(hòu)者不但繼承其簡潔的優勢，還(hái)進(jìn)一步在用戶體驗上得以發(fā)揮。

最明顯的是，除了模拟現實環境裡(lǐ)紙質重疊的微投影，那恐怕就要數圓的運用了。扁平化中圓形的元素越來越多，可以說圓形在移動端的優勢是特别明顯的。由于圓形很好(hǎo)的模拟了手指印，因此一個圓的存在看似就是一個可觸的地方。這(zhè)對(duì)于喚起(qǐ)用戶的操作發(fā)揮了極大的作用。

由于圓形本身的特殊性，使它極易從背景中分離出來，因此將(jiāng)重要的元素設計爲圓形也是心機滿滿。例如下面(miàn)這(zhè)家餐廳的網頁設計，圓形本身具有一種(zhǒng)親和感，非常契合餐廳這(zhè)類溫馨休閑的品牌氛圍。

五、雙色搭配

早期的扁平化配色是非常鮮豔大膽的，它可以在高飽和度中挑選六到七種(zhǒng)顔色進(jìn)行搭配。如今，扁平化設計的配色選擇雖然仍然朝明亮大膽的方向(xiàng)走，但隻局限于有限的顔色選擇，雙色調配色是目前逐漸流行起(qǐ)來的另一種(zhǒng)配色方向(xiàng)。

大家都(dōu)知道(dào)通過(guò)配圖來強調配色。最初的扁平化的設計，隻有十分有限的素材資源，因此色彩的選擇相對(duì)也有限。近來，扁平化項目包含了大量的影像。由于這(zhè)一轉變，就能(néng)從衆多明亮或鮮豔的色系中進(jìn)行選擇配色。

雙色調的優秀案例：《2016設計新玩法！幫你全面(miàn)掌握活力十足的雙色調設計趨勢》

六、動态要素

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

與其把新趨勢看作是一種(zhǒng)方向(xiàng)，不如將(jiāng)其視爲過(guò)程。扁平化的未來還(hái)需要在此基礎上不斷發(fā)展新的創意。

原文地址：ifeiwu

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