網頁設計 ? 視覺設計 ? 扁平化設計的流行配色方案

扁平化設計的流行配色方案

發表于: 視覺設計. 評論 (54)
Sponsor

扁平化設計從2012年開始就已經流行起來,我覺得flat design有點類似極簡主義設計,同樣是追求簡潔、簡約,不同的是,扁平化設計是一項運用簡單效果,或者是刻意進行一個不使用三維效果的設計方案。一個好的扁平化設計必然不可能出現陰影、浮雕和漸變等效果。

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

讓我們來學習一下,如何進行扁平化設計吧。

扁平化設計的流行本色方案

扁平化設計的流行本色方案

扁平化設計的流行本色方案

扁平化設計的流行本色方案

確定色彩基調

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

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

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

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

純色

扁平化設計的流行本色方案

扁平化設計的流行本色方案
扁平化設計的流行本色方案

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

從哪里開始?

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

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

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

扁平化設計的流行本色方案

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

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

復古色

扁平化設計的流行本色方案

扁平化設計的流行本色方案

扁平化設計的流行本色方案

扁平化設計的流行本色方案

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

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

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

扁平化設計的流行本色方案

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

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

同類色(單色調)

扁平化設計的流行本色方案

扁平化設計的流行本色方案

扁平化設計的流行本色方案

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

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

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

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

扁平化設計的流行本色方案

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

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

結論:

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

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


原文:http://designmodo.com/flat-design-colors/

推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:結交更多有才華的設計師?請加入UI設計QQ群,與50000名設計師交流設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

+ 添加評論54 Responses to “扁平化設計的流行配色方案”

  1. MorningLer - 回復

    挺好

  2. zhangynrr - 回復

    配色

  3. 在摩天輪上看星星的男孩 - 回復

    很喜歡那個復古色

  4. 慕容紫安 - 回復

    [good]

  5. 阿哲Vatel - 回復

    簡單、直觀,扁平化設計

  6. 幸福小丁 - 回復

    還不錯

  7. syl454545 - 回復

    有點意思~

  8. 小魚 - 回復

    餓,還行吧

  9. - 回復

    很喜歡,對自己的設計配色有很大的幫助!

  10. ubermensch - 回復

    很贊,喜歡扁平化設計

  11. www.omind.org - 回復

    扁平化設計是追求的目標啊

    • 1 -

      fg

    • 1 -

      1

  12. 路塵歌 - 回復

    。。。。。。。。。。。。。。。。。。。

  13. Vision工作室Alone - 回復

    扁平化設計的流行配色方案

  14. 656 - 回復

    666

  15. 楊柳岸曉風殘月86710 - 回復

    很棒

  16. 小滴 - 回復

    這樣

  17. yiyi - 回復

    馬克

  18. 新新 - 回復
  19. 林于暄 - 回復

    喜愛扁平設計風格的設計師不要放過~

  20. 我叫歐歐歐小鷗Richard - 回復

    好喜歡扁平化風格

  21. 朽木lyee - 回復

    很好的一片文章~

  22. 美圖美文壁紙精選 - 回復

    簡潔大氣

  23. 小強說你好 - 回復

    喜歡

  24. 王小桶THU - 回復

    喜歡扁平化設計~

  25. Bowi - 回復

    喜歡扁平化設計,看著讓人愉悅,舒服。

  26. 智享互聯 - 回復

    太有才

  27. 謝玉輝 - 回復

    大贊,有愛啊

  28. 孫云江 - 回復

    00

  29. ink - 回復

    拼錯了一個單詞 Metor—Metro

  30. 優主題 - 回復

    這篇文章不錯,對設計配色有很大的幫助。

  31. 周譽 - 回復

    扁平化風格應用流行是因為手持數碼產品的大規模使用,應運而生的。

    • 馮寶圓 -

      111

    • 馮寶圓 -

      2

  32. 婷婷盼盼 - 回復

    扁平化風格看上去比擬物風格簡單很多,但是要做好并不容易,甚至更難。擬物風格主導的產品可以依托絢爛的視覺效果彌補一些不易發覺的缺陷,或者習以為常的小缺陷。而扁平化風格則嚴格很多,它更考量一個設計師從色彩、字體、布局上對視覺和交互的把控能力。

    • -

      說的很對

  33. 喜洋洋 - 回復

    我個人認為是因為數碼產品的普及,比如:攝影

  34. Dazed-堯 - 回復

    碉堡了

  35. 陳先生不會唱歌 - 回復

    最近扁平化很流行啊

  36. 孫菁jenny - 回復
  37. 孫菁jenny - 回復
  38. Cyan - 回復

    我超級喜歡扁平化設計!

  39. 小麗屬于 - 回復

  40. 貓控之龍太 - 回復

    馬克

  41. 什么值得爆 - 回復

    飛機場 崛起

  42. 張文敏 - 回復

    扁平化!=win8 支持!!!

  43. 水墨曲塵 - 回復

    扁平化!=win8 支持!!!

  44. 威小博_Arway - 回復

    感謝站長的分享

  45. w - 回復

    nice

  46. 月光下的綠小魚 - 回復

    反復學習

  47. 「Z 〈。)#)))≦ - 回復

    ~~~


{ 發表評論 }