扁平化設計配色的經驗之談，成都網站建設

?

針對網站扁平化設計的流行配色，今網科技通過多年的網站建設經驗小今覺得flat design有點類似極簡主義設計，同樣是追求簡潔、簡約，不同的是，扁平化設計是一項運用簡單效果，或者是刻意進行一個不使用三維效果的設計方案。一個好的扁平化設計必然不可能出現陰影、浮雕和漸變等效果。

扁平化設計看上去非常簡單、直觀，并且使用方便，所以在手機界面和網頁設計中變得越來越受歡迎。

讓我們來學習一下，如何進行網站建設的扁平化設計吧。

確定色彩基調

確定色彩基調

扁平化設計并不局限于某種色彩基調，它可以使用任何色彩。但是大多數的設計師都傾向于使用大膽鮮艷的顏色。

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

在進行扁平化設計時，傳統的色彩法則就不適用了，轉而以彩虹色這種流行色來進行配色。

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

純色

純色1純色2

提到扁平化設計的色彩，純色一定首當其沖地出現在我們腦海里，因為它帶來了一種獨特的感受。純粹的亮色往往能夠與明亮的或者灰暗的背景形成對比，以達到一種極富沖擊力的視覺效果。所以說，在進行扁平化設計時，純色絕對是最受歡迎的色彩趨勢。

從哪里開始？

有人在設計達人網分享過Metro的配色方案，而 FlatUIColors.com將扁平化設計中最受歡迎的色彩進行了一個整理，從寶藍和草綠到明黃和橘黃色，這些色彩概括出了我們現在能夠看到的色彩趨 勢。這個網站將是進行扁平化設計的第一步，因為你能夠免費下載任何你看中的色彩。

在扁平化設計中，三原色是很少見的，即正紅、正藍和正黃。

簡單起見，在一個扁平化設計方案中，如果你想快速的配色，那就選擇相似的色調和飽和度。另外，本文也將提供一些色彩樣本。

利用色彩進行一組扁平化設計的色彩配色

樣本：利用色彩進行一組扁平化設計的色彩配色。每一種色彩都能與背景形成最強勁的視覺沖擊。

最受歡迎的色彩：藍、綠、紫

復古色

復古色

扁平化設計1

扁平化設計2

扁平化設計3

在進行扁平化設計時，復古色也是一種常見的色彩方式。

這種色彩雖然飽和度低，但卻是在純色的基礎上添加白色，以使色彩變得更加柔和。復古色經常以大量的橘色和黃色為主，但有時也有紅色或藍色。

在扁平化設計中，以復古色為主色調是很常見的，以為這種色彩能夠使頁面變得更加柔美、富有女性氣質。

樣本：在扁平化設計中，如果將復古色作為主色調，呈現效果最好。

最受歡迎的色彩：橘色、粉色或緋色和深藍。

同類色（單色調）

同類色（單色調）

同類色（單色調）

同類色（單色調）

在扁平化設計中，同類色正迅速成長為一種流行趨勢。這種色彩往往以單一顏色搭配黑色或白色來創造一種鮮明且有視覺沖擊的效果。

大部分的同類色利用一個基本色搭配兩三個色彩。最受歡迎的色彩選擇似乎是藍色，但很多設計師則傾向于使用黑色搭配一兩個流行色比如紅色，作為按鈕。

另一個方法是利用少量的色彩變化。比如，藍色配以綠色呈現出一種藍綠色的效果。

同類色在移動設備和APP設計中格外受歡迎。

同類色在移動設備和APP設計中格外受歡迎

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

最受歡迎的顏色:藍色、灰色和綠色。

結論：

網站建設進行扁平化設計是一件令人愉悅的事情，所以，你的設計作品也應該反映出這種快樂的態度。

色彩的選擇應該與你的作品相匹配，正確地引導用戶有效地使用你的網站，并且在這一過程中擁有一個有趣的經歷。當進行扁平化設計時一定不要拘泥與傳統的色彩搭配法則，而是開闊你的思路，引發各種奇思妙想。