网页设计 » 视觉设计 » 扁平化设计的流行配色方案

扁平化设计的流行配色方案

发表于: 视觉设计. 评论 (54)
Sponsor

扁平化设计从2012年开始就已经流行起来,我觉得flat design有点类似极简主义设计,同样是追求简洁、简约,不同的是,扁平化设计是一项运用简单效果,或者是刻意进行一个不使用三维效果的设计方案。一个好的扁平化设计必然不可能出现阴影、浮雕和渐变等效果。

扁平化设计看上去非常简单、直观,并且使用方便,所以在手机界面和网页设计中变得越来越受欢迎。

让我们来学习一下,如何进行扁平化设计吧。

扁平化设计的流行本色方案

扁平化设计的流行本色方案

扁平化设计的流行本色方案

扁平化设计的流行本色方案

确定色彩基调

扁平化设计并不局限于某种色彩基调,它可以使用任何色彩。但是大多数的设计师都倾向于使用大胆鲜艳的颜色。

那么,如何让扁平化设计在色彩上与众不同呢?设计师正在不断地增加色彩层次,将原本的一两个层次层加到三个、四个甚至更多。这些色彩的亮度和饱和度大都非常高。

在进行扁平化设计时,传统的色彩法则就不适用了,转而以彩虹色这种流行色来进行配色。

扁平化设计一般都有特定的设计法则,比如利用纯色,采用复古风格或是同类色。但并不是说这是唯一的选择,而是这种方式已经成为一种流行的趋势,也更加受大家欢迎。

纯色

扁平化设计的流行本色方案

扁平化设计的流行本色方案
扁平化设计的流行本色方案

提到扁平化设计的色彩,纯色一定首当其冲地出现在我们脑海里,因为它带来了一种独特的感受。纯粹的亮色往往能够与明亮的或者灰暗的背景形成对比,以达到一种极富冲击力的视觉效果。所以说,在进行扁平化设计时,纯色绝对是最受欢迎的色彩趋势。

从哪里开始?

前面设计达人网分享过Metro的配色方案,而 FlatUIColors.com将扁平化设计中最受欢迎的色彩进行了一个整理,从宝蓝和草绿到明黄和橘黄色,这些色彩概括出了我们现在能够看到的色彩趋势。这个网站将是进行扁平化设计的第一步,因为你能够免费下载任何你看中的色彩。

在扁平化设计中,三原色是很少见的,即正红、正蓝和正黄。

简单起见,在一个扁平化设计方案中,如果你想快速的配色,那就选择相似的色调和饱和度。另外,本文也将提供一些色彩样本。

扁平化设计的流行本色方案

样本:利用色彩进行一组扁平化设计的色彩配色。每一种色彩都能与背景形成最强劲的视觉冲击。

最受欢迎的色彩:蓝、绿、紫

复古色

扁平化设计的流行本色方案

扁平化设计的流行本色方案

扁平化设计的流行本色方案

扁平化设计的流行本色方案

在进行扁平化设计时,复古色也是一种常见的色彩方式。

这种色彩虽然饱和度低,但却是在纯色的基础上添加白色,以使色彩变得更加柔和。复古色经常以大量的橘色和黄色为主,但有时也有红色或蓝色。

在扁平化设计中,以复古色为主色调是很常见的,以为这种色彩能够使页面变得更加柔美、富有女性气质。

扁平化设计的流行本色方案

样本:在扁平化设计中,如果将复古色作为主色调,呈现效果最好。

最受欢迎的色彩:橘色、粉色或绯色和深蓝。

同类色(单色调)

扁平化设计的流行本色方案

扁平化设计的流行本色方案

扁平化设计的流行本色方案

在扁平化设计中,同类色正迅速成长为一种流行趋势。这种色彩往往以单一颜色搭配黑色或白色来创造一种鲜明且有视觉冲击的效果。

大部分的同类色利用一个基本色搭配两三个色彩。最受欢迎的色彩选择似乎是蓝色,但很多设计师则倾向于使用黑色搭配一两个流行色比如红色,作为按钮。

另一个方法是利用少量的色彩变化。比如,蓝色配以绿色呈现出一种蓝绿色的效果。

同类色在移动设备和APP设计中格外受欢迎。

扁平化设计的流行本色方案

样本:正如其他的色彩搭配一样,同类色也是需要对比的。

最受欢迎的颜色:蓝色、灰色和绿色

结论:

进行扁平化设计是一件令人愉悦的事情,所以,你的设计作品也应该反映出这种快乐的态度。

色彩的选择应该与你的作品相匹配,正确地引导用户有效地使用你的网站,并且在这一过程中拥有一个有趣的经历。当进行扁平化设计时一定不要拘泥与传统的色彩搭配法则,而是开阔你的思路,引发各种奇思妙想。


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

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区: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. 婷婷盼盼 - 回复

    扁平化风格看上去比拟物风格简单很多,但是要做好并不容易,甚至更难。拟物风格主导的产品可以依托绚烂的视觉效果弥补一些不易发觉的缺陷,或者习以为常的小缺陷。而扁平化风格则严格很多,它更考量一个设计师从色彩、字体、布局上对视觉和交互的把控能力。

    • 婷婷盼盼 -

      thank u

    • -

      说的很对

    • -

      赞同

  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 〈。)#)))≦ - 回复

    ~~~


{ 发表评论 }