扁平化設計(jì)配色的經驗之談，成都網站(zhàn)建設

​

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

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

讓我們來(lái)學習一下(xià)，如何進行網站(zhàn)建設的扁平化設計(jì)吧。

确定色彩基調

确定色彩基調

扁平化設計(jì)并不局限于某種色彩基調，它可以使用(yòng)任何色彩。但(dàn)是大(dà)多數的設計(jì)師都傾向于使用(yòng)大(dà)膽鮮豔的顔色。

那麽，如何讓扁平化設計(jì)在色彩上(shàng)與衆不同呢(ne)？設計(jì)師正在不斷地增加色彩層次，将原本的一兩個層次層加到(dào)三個、四個甚至更多。這(zhè)些(xiē)色彩的亮(liàng)度和(hé)飽和(hé)度大(dà)都非常高(gāo)。

在進行扁平化設計(jì)時(shí)，傳統的色彩法則就不适用(yòng)了(le)，轉而以彩虹色這(zhè)種流行色來(lái)進行配色。

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

純色

純色1純色2

提到(dào)扁平化設計(jì)的色彩，純色一定首當其沖地出現(xiàn)在我們腦(nǎo)海裏，因爲它帶來(lái)了(le)一種獨特的感受。純粹的亮(liàng)色往往能(néng)夠與明(míng)亮(liàng)的或者灰暗的背景形成對(duì)比，以達到(dào)一種極富沖擊力的視(shì)覺效果。所以說，在進行扁平化設計(jì)時(shí)，純色絕對(duì)是最受歡迎的色彩趨勢。

從(cóng)哪裏開(kāi)始？

有人在設計(jì)達人網分享過Metro的配色方案，而 FlatUIColors.com将扁平化設計(jì)中最受歡迎的色彩進行了(le)一個整理(lǐ)，從(cóng)寶藍和(hé)草綠到(dào)明(míng)黃和(hé)橘黃色，這(zhè)些(xiē)色彩概括出了(le)我們現(xiàn)在能(néng)夠看(kàn)到(dào)的色彩趨 勢。這(zhè)個網站(zhàn)将是進行扁平化設計(jì)的第一步，因爲你(nǐ)能(néng)夠免費下(xià)載任何你(nǐ)看(kàn)中的色彩。

在扁平化設計(jì)中，三原色是很(hěn)少見的，即正紅(hóng)、正藍和(hé)正黃。

簡單起見，在一個扁平化設計(jì)方案中，如果你(nǐ)想快(kuài)速的配色，那就選擇相似的色調和(hé)飽和(hé)度。另外(wài)，本文(wén)也(yě)将提供一些(xiē)色彩樣本。

利用(yòng)色彩進行一組扁平化設計(jì)的色彩配色

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

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

複古色

複古色

扁平化設計(jì)1

扁平化設計(jì)2

扁平化設計(jì)3

在進行扁平化設計(jì)時(shí)，複古色也(yě)是一種常見的色彩方式。

這(zhè)種色彩雖然飽和(hé)度低(dī)，但(dàn)卻是在純色的基礎上(shàng)添加白(bái)色，以使色彩變得更加柔和(hé)。複古色經常以大(dà)量的橘色和(hé)黃色爲主，但(dàn)有時(shí)也(yě)有紅(hóng)色或藍色。

在扁平化設計(jì)中，以複古色爲主色調是很(hěn)常見的，以爲這(zhè)種色彩能(néng)夠使頁面變得更加柔美(měi)、富有女性氣質。

樣本：在扁平化設計(jì)中，如果将複古色作(zuò)爲主色調，呈現(xiàn)效果最好(hǎo)。

最受歡迎的色彩：橘色、粉色或绯色和(hé)深藍。

同類色（單色調）

同類色（單色調）

同類色（單色調）

同類色（單色調）

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

大(dà)部分的同類色利用(yòng)一個基本色搭配兩三個色彩。最受歡迎的色彩選擇似乎是藍色，但(dàn)很(hěn)多設計(jì)師則傾向于使用(yòng)黑色搭配一兩個流行色比如紅(hóng)色，作(zuò)爲按鈕。

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

同類色在移動設備和(hé)APP設計(jì)中格外(wài)受歡迎。

同類色在移動設備和(hé)APP設計(jì)中格外(wài)受歡迎

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

最受歡迎的顔色:藍色、灰色和(hé)綠色。

結論：

網站(zhàn)建設進行扁平化設計(jì)是一件令人愉悅的事(shì)情，所以，你(nǐ)的設計(jì)作(zuò)品也(yě)應該反映出這(zhè)種快(kuài)樂的态度。

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