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

2016-02-17 00:47 43 1 收藏

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享详解扁平化设计的流行配色方案吧。

【 tulaoshi.com - 平面设计 】

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

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

详解扁平化设计的流行配色方案,PS教程,图老师教程网

详解扁平化设计的流行配色方案,PS教程,图老师教程网

详解扁平化设计的流行配色方案,PS教程,图老师教程网

详解扁平化设计的流行配色方案,PS教程,图老师教程网

确定色彩基调

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

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

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

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

纯色

详解扁平化设计的流行配色方案,PS教程,图老师教程网

详解扁平化设计的流行配色方案,PS教程,图老师教程网

详解扁平化设计的流行配色方案,PS教程,图老师教程网

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

从哪里开始?

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

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

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

详解扁平化设计的流行配色方案,PS教程,图老师教程网

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

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

复古色

详解扁平化设计的流行配色方案,PS教程,图老师教程网

详解扁平化设计的流行配色方案,PS教程,图老师教程网

详解扁平化设计的流行配色方案,PS教程,图老师教程网

详解扁平化设计的流行配色方案,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

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

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

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

详解扁平化设计的流行配色方案,PS教程,图老师教程网

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

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

同类色(单色调)

详解扁平化设计的流行配色方案,PS教程,图老师教程网

详解扁平化设计的流行配色方案,PS教程,图老师教程网

详解扁平化设计的流行配色方案,PS教程,图老师教程网

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

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

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

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

详解扁平化设计的流行配色方案,PS教程,图老师教程网

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

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

结论:

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

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

来源:http://www.tulaoshi.com/n/20160217/1576979.html

延伸阅读
扁平化设计在PPT中的应用   随着IOS7的发布,扁平化被推向了设计的巅峰,扁平化设计风格最早由微软提出,当时微软公布了新图标设计,Metro风格界面设计,也就是目前流行的扁平化设计。它的设计初衷是还原信息的本质,去掉所有与信息不相关的修饰,如渐变、阴影,特效等。使读者能快速、直接获取信息。 如今扁平化设计已经风靡全球...
标签: PS
PS扁平化仍是主流设计风格   扁平化仍是主流设www.Tulaoshi.com计风格。今天@正越升 同学总结了扁平化设计的8个小技巧,字体、图标、排版、配色等都有提及,教程深入浅出,非常适合新手,学会可以直接拿来作海报和PPT设计。
标签: 设计
甭管你是谁,只要你从事商业活动,都必须要有一张名片。要么你可以雇佣个设计师帮你设计名片,要么下载一些名片模版,小修小补之后,设计出自己的名片。本文将讲述利用PS打造简约、充满现代感的名片。 先看看效果图 步骤1尺寸,出血,色彩模式以及分辨率 打开PS,然后需要了解一点名片设计的知识,最重要的毫无疑问是尺寸,可参考本国名片...
标签: PS PS基础
今天的教程,不仅有超详细的步骤解说与多个技巧,而且绘制时能帮同学们深入学习Photoshop的基础形状,教程不难,作为扁平化图标入门教程再合适不过。 先看看效果图 绘制火箭图标 这些调色板上的颜色是我们将要用到的颜色,我选择了一些不那么鲜艳的颜色,这能和扁平化的图标很好地结合,你可以将这个色板储存在你的电脑中,这样你就可以...
毋庸置疑,扁平化设计这段时间绝对是备受瞩目,而且随处可见。不光扁平化设计如此,近乎现在的扁平化设计也如此。 与此同时,关于这种设计风格有效性和应用的争论也愈演愈烈。超级时尚的设计风格展示了几乎所有人的观点。现在我们退一步来看下有关扁平化设计的一些支持和反对意见。 支持: 扁平化设计比较时尚 扁平化设计很时尚,但是...

经验教程

912

收藏

32
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部