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

「2016年設(shè)計趨勢」

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

扁平化設(shè)計特質(zhì)

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

1）沒有多余的效果，例如投影、凹凸或漸變等

2）使用簡潔風(fēng)格的元素和圖標(biāo)

3）大膽豐富且明亮的配色風(fēng)格

4）盡量減少裝飾的極簡設(shè)計

扁平化所追隨的細(xì)節(jié)依然不變，然而這些“規(guī)范”開始松懈了。隨著扁平化進(jìn)化到2.0時代，我們再來看看2016年，有哪些是扁平化設(shè)計以前從未有的。

扁平化2.0的全新細(xì)節(jié)

為了避免純粹的扁平化設(shè)計，一些細(xì)微的效果逐漸被運(yùn)用其中。扁平化歷來被人所詬病的方面即交互不夠明顯，按鈕難以找到等。現(xiàn)在這些問題都可以通過增加一些小小的效果而得以解決。但這些效果的運(yùn)用也是符合扁平化的簡潔美學(xué)的。

一、微陰影

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

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

有人這時會提到長陰影，但長陰影通常運(yùn)用的地方只是在LOGO、圖標(biāo)等元素的內(nèi)部，它是扁平化的一種設(shè)計風(fēng)格的延伸。

二、幽靈按鈕

這不是指一個幽靈形狀的按鈕。恰恰相反，這類按鈕的形狀非常簡單，僅僅是一個矩形或一個圓角矩形的邊框，內(nèi)部為透明?？瓷先ト粲腥魺o，類似于幽靈的出沒方式。

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

幽靈按鈕的顏色通常為黑或白，這是因?yàn)樗枰椭車h(huán)境所協(xié)調(diào)。如果可以，試試別的色彩也未嘗不可。例如無色的黑白圖片搭配有色的幽靈按鈕。同時，也需要注意，與幽靈按鈕搭配的也多半是無襯線的字體，中文也是細(xì)黑等類似的字體。這樣就讓按鈕和其字體都在外觀上取得一致性。

三、低調(diào)漸變

談到避免極端的扁平主義，漸變的運(yùn)用就有回暖之勢。而新的漸變不同以往，它往往是以更為低調(diào)的姿態(tài)出現(xiàn)的，比如只用于背景色或氛圍色，不再喧兵奪主，并且只在兩種顏色之間漸變過渡。網(wǎng)頁已經(jīng)讓漸變成為了一種設(shè)計元素，霸占整個屏幕的圖片充滿震撼，而讓其也參與到過度的漸變中，讓圖片散發(fā)出霓虹燈一樣的效果，這幾乎是信手拈來的好創(chuàng)意。

四、圓形

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

最明顯的是，除了模擬現(xiàn)實(shí)環(huán)境里紙質(zhì)重疊的微投影，那恐怕就要數(shù)圓的運(yùn)用了。扁平化中圓形的元素越來越多，可以說圓形在移動端的優(yōu)勢是特別明顯的。由于圓形很好的模擬了手指印，因此一個圓的存在看似就是一個可觸的地方。這對于喚起用戶的操作發(fā)揮了極大的作用。由于圓形本身的特殊性，使它極易從背景中分離出來，因此將重要的元素設(shè)計為圓形也是心機(jī)滿滿。

五、雙色搭配

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

大家都知道通過配圖來強(qiáng)調(diào)配色。最初的扁平化的設(shè)計，只有十分有限的素材資源，因此色彩的選擇相對也有限。近來，扁平化項目包含了大量的影像。由于這一轉(zhuǎn)變，就能從眾多明亮或鮮艷的色系中進(jìn)行選擇配色。

六、動態(tài)要素

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

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

新聞標(biāo)題：【成都網(wǎng)站建設(shè)】全新的扁平化設(shè)計風(fēng)格-成都創(chuàng)新互聯(lián)官方網(wǎng)站
標(biāo)題鏈接：http://www.rwnh.cn/news17/222617.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有網(wǎng)站建設(shè)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)