藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

每一個(gè)扁平化界面設(shè)計(jì)，都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計(jì)

來(lái)源：http://www.shejidaren.com/flat-design-color-trends.html

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

扁平化設(shè)計(jì)從2012年開始就已經(jīng)流行起來(lái)，我覺(jué)得flat design有點(diǎn)類似極簡(jiǎn)主義設(shè)計(jì)，同樣是追求簡(jiǎn)潔、簡(jiǎn)約，不同的是，扁平化設(shè)計(jì)是一項(xiàng)運(yùn)用簡(jiǎn)單效果，或者是刻意進(jìn)行一個(gè)不使用三維效果的設(shè)計(jì)方案。一個(gè)好的扁平化設(shè)計(jì)必然不可能出現(xiàn)陰影、浮雕和漸變等效果。

扁平化設(shè)計(jì)看上去非常簡(jiǎn)單、直觀，并且使用方便，所以在手機(jī)界面和網(wǎng)頁(yè)設(shè)計(jì)中變得越來(lái)越受歡迎。

讓我們來(lái)學(xué)習(xí)一下，如何進(jìn)行扁平化設(shè)計(jì)吧。

確定色彩基調(diào)

扁平化設(shè)計(jì)并不局限于某種色彩基調(diào)，它可以使用任何色彩。但是大多數(shù)的設(shè)計(jì)師都傾向于使用大膽鮮艷的顏色。

那么，如何讓扁平化設(shè)計(jì)在色彩上與眾不同呢？設(shè)計(jì)師正在不斷地增加色彩層次，將原本的一兩個(gè)層次層加到三個(gè)、四個(gè)甚至更多。這些色彩的亮度和飽和度大都非常高。

在進(jìn)行扁平化設(shè)計(jì)時(shí)，傳統(tǒng)的色彩法則就不適用了，轉(zhuǎn)而以彩虹色這種流行色來(lái)進(jìn)行配色。

扁平化設(shè)計(jì)一般都有特定的設(shè)計(jì)法則，比如利用純色，采用復(fù)古風(fēng)格或是同類色。但并不是說(shuō)這是唯一的選擇，而是這種方式已經(jīng)成為一種流行的趨勢(shì)，也更加受大家歡迎。

純色

提到扁平化設(shè)計(jì)的色彩，純色一定首當(dāng)其沖地出現(xiàn)在我們腦海里，因?yàn)樗鼛?lái)了一種獨(dú)特的感受。純粹的亮色往往能夠與明亮的或者灰暗的背景形成對(duì)比，以達(dá)到一種極富沖擊力的視覺(jué)效果。所以說(shuō)，在進(jìn)行扁平化設(shè)計(jì)時(shí)，純色絕對(duì)是的色彩趨勢(shì)。

從哪里開始？

前面設(shè)計(jì)達(dá)人網(wǎng)分享過(guò)Metro的配色方案，而 FlatUIColors.com將扁平化設(shè)計(jì)中的色彩進(jìn)行了一個(gè)整理，從寶藍(lán)和草綠到明黃和橘黃色，這些色彩概括出了我們現(xiàn)在能夠看到的色彩趨勢(shì)。這個(gè)網(wǎng)站將是進(jìn)行扁平化設(shè)計(jì)的第一步，因?yàn)槟隳軌蛎赓M(fèi)下載任何你看中的色彩。

在扁平化設(shè)計(jì)中，三原色是很少見(jiàn)的，即正紅、正藍(lán)和正黃。

簡(jiǎn)單起見(jiàn)，在一個(gè)扁平化設(shè)計(jì)方案中，如果你想快速的配色，那就選擇相似的色調(diào)和飽和度。另外，本文也將提供一些色彩樣本。

樣本：利用色彩進(jìn)行一組扁平化設(shè)計(jì)的色彩配色。每一種色彩都能與背景形成最強(qiáng)勁的視覺(jué)沖擊。

的色彩：藍(lán)、綠、紫

復(fù)古色

在進(jìn)行扁平化設(shè)計(jì)時(shí)，復(fù)古色也是一種常見(jiàn)的色彩方式。

這種色彩雖然飽和度低，但卻是在純色的基礎(chǔ)上添加白色，以使色彩變得更加柔和。復(fù)古色經(jīng)常以大量的橘色和黃色為主，但有時(shí)也有紅色或藍(lán)色。

在扁平化設(shè)計(jì)中，以復(fù)古色為主色調(diào)是很常見(jiàn)的，以為這種色彩能夠使頁(yè)面變得更加柔美、富有女性氣質(zhì)。

樣本：在扁平化設(shè)計(jì)中，如果將復(fù)古色作為主色調(diào)，呈現(xiàn)效果最好。

的色彩：橘色、粉色或緋色和深藍(lán)。

同類色（單色調(diào)）

在扁平化設(shè)計(jì)中，同類色正迅速成長(zhǎng)為一種流行趨勢(shì)。這種色彩往往以單一顏色搭配黑色或白色來(lái)創(chuàng)造一種鮮明且有視覺(jué)沖擊的效果。

大部分的同類色利用一個(gè)基本色搭配兩三個(gè)色彩。的色彩選擇似乎是藍(lán)色，但很多設(shè)計(jì)師則傾向于使用黑色搭配一兩個(gè)流行色比如紅色，作為按鈕。

另一個(gè)方法是利用少量的色彩變化。比如，藍(lán)色配以綠色呈現(xiàn)出一種藍(lán)綠色的效果。

同類色在移動(dòng)設(shè)備和APP設(shè)計(jì)中格外受歡迎。

樣本：正如其他的色彩搭配一樣，同類色也是需要對(duì)比的。

的顏色:藍(lán)色、灰色和綠色。

結(jié)論：

進(jìn)行扁平化設(shè)計(jì)是一件令人愉悅的事情，所以，你的設(shè)計(jì)作品也應(yīng)該反映出這種快樂(lè)的態(tài)度。

色彩的選擇應(yīng)該與你的作品相匹配，正確地引導(dǎo)用戶有效地使用你的網(wǎng)站，并且在這一過(guò)程中擁有一個(gè)有趣的經(jīng)歷。當(dāng)進(jìn)行扁平化設(shè)計(jì)時(shí)一定不要拘泥與傳統(tǒng)的色彩搭配法則，而是開闊你的思路，引發(fā)各種奇思妙想。

掃一掃，案例分享帶回家（藍(lán)藍(lán)設(shè)計(jì)微信公眾平臺(tái)）