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

History教主

History教主

2016-02-17 00:47

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

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

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

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

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

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

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

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

确定色彩基调

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

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

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

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

纯色

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

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

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

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

从哪里开始?

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

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

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

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

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

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

复古色

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

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

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

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

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

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

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

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

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

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

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

同类色(单色调)

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

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

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

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

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

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

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

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

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

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

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

结论:

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

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

展开更多 50%)
分享

猜你喜欢

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

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详解扁平化设计的流行配色方案

给你扁平化配色灵感的网页设计欣赏

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
给你扁平化配色灵感的网页设计欣赏

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

话说扁平化设计“一二事”

设计
话说扁平化设计“一二事”

扁平化信息图设计欣赏

美术设计 设计素材
扁平化信息图设计欣赏

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

扁平化设计与色彩趋势

设计
扁平化设计与色彩趋势

Photoshop设计扁平化播放图标

设计
Photoshop设计扁平化播放图标

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

化繁为简的交互设计给用户带来了什么?

化繁为简的交互设计给用户带来了什么?

设计师需要知道的10张信息图

设计师需要知道的10张信息图
下拉加载更多内容 ↓