扁平化设计与色彩趋势

2016-02-19 12:40 2 1 收藏

下面图老师小编要跟大家分享扁平化设计与色彩趋势,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

【 tulaoshi.com - 趋势 】

weather-widget

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

鲜亮的色彩为扁平化设计创造出一种与众不同的感觉。因为它在亮背景和暗背景下都能获得很好的对比度,以吸引用户的注意。这正是它成为扁平化设计色彩趋势的原因。

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

从哪里开始?

FlatUIColors.com 网站上有很多扁平化设计的流行色调,是项目起步的好选择。无论是明亮的蓝色、绿色,还是黄色、橙色,你都能从中找到流行色的缩影。这个网站最重要的一点就是,你可以免费选择和下载色值到本地。(就个人而言,我对灰色调情有独钟。)

Designmodo 已将亮色设计大纲进一步地整合到了最近发布的 Flat UI Free 套件中,包括扁平化设计,流行的图标以及调色板(对配色新手来说,这简直太赞了),而且界面更易用。

在设计中使用严格的原色的情况并不常见,比如纯红、纯蓝、纯黄,一般都混色使用。如果你想自己做配色方案,请注意简洁。记得选择类似的色调和饱和度,当然,也可以采纳我们的建议。

brights

亮色: 可以尝试把这些色彩组合,或混合在一起使用。它们在白色或黑色背景上都有很好表现。

比较流行的有: 蓝色,绿色和紫色。

复古色

inviosse

my-drinks

geckoboard

pattern-sun

复古色 也是扁平化设计中一种流行的方案。

这些建立在鲜亮颜色基础上的不饱和色彩,加之白色内容的反差,看起来更柔和。是不是有种老校区的感觉。复古色的配色方案往往包含大量的橙色和黄色,偶尔也有红和蓝。

复古色很常见的是用在主色和辅色上,因为它们给人感觉很舒缓。

retro

扁平化设计进修

扁平化设计与色彩趋势

roybarber

squidee

solo

扁平化设计你可以通俗的理解为:使用简单特效,或者无特效来创建的设计方案,它不包含三维属性。诸如投影、斜面、浮雕、渐变等特效都不要在设计中使用。

扁平化设计给人的感觉通常都很简洁,即使它可以做的很复杂。简单、直接、友好的特性也使得它广受移动界面和时尚网站设计的青睐。

想了解更多扁平化设计趋势,可以看之前的这篇文章。

定义调色板

说到色彩,扁平化设计中会用到很多,但设计师们通常会选择大胆的和鲜亮的来使用。怎样使用色彩让设计各有不同?设计师们打开调色板,多数时会选鲜亮的,饱和度高的来用,偶尔也会使用灰色或黑色。而包括彩虹调色板在内的很多传统配色规则都被抛出窗外。

其实归根结底就是色调与饱和度的匹配。虽然在色调上,设计师可以有很多选择,但一般开始会选互为镜像的色深。它要么是一个主色或辅色的组合,要么是色盘的另一部分,包含了更多的黑白色混合。

一提扁平化设计的色彩方案,人们就会想到高饱和、鲜亮、复古或单色块之类的。并不是说这是唯一的选择,只是发展趋势让它们变的流行。

鲜亮的色彩

Flat-UI-Colors

weather-app

复古色: 这类色彩适合作为主色元素出现,配以图案或柔和的色彩,效果最佳。

比较流行的有: 橙色,桃色,梅子色和深蓝色。

单一色

cathryn-anne

foundation1

blue-mono

单一色 方案正在被日益普及。它依赖于黑色和白色的单一颜色来创造新的色调。

大多单一色彩方案都是一个基本色搭配另外2-3种其他色调。最流行的色调就是蓝色,但也有设计师采用黑色(或灰色)作为基色,用红色代表按钮或动作。另一种做法是利用颜色差异。比如蓝色,你可以添加绿色调进去,来创建一个蓝绿色的方案。

同时,单一色方案在移动和App设计中也极为流行。

mono

单一色: 与其他色调方案一样,通过调节对比度,可以在父颜色基础上得到很多不同的色调。比如原始颜色对比度是100%,你可以看看调成50%,20%和8%后分别是什么样子。

比较流行的有: 蓝色,灰色和绿色。

结论

其实真正使扁平化设计火起来的原因是:这个概念很新,且有趣。你可以在项目中体会这一点。

一个与项目相匹配的色彩方案,能够引导用户更好地使用网站,这是件很酷的事情。现在,超越传统配色的束缚,去创造一个更舒适的扁平化色彩方案吧。

来吧,下载 Flat UI Free 或使用现有的配色方案,开始你的项目吧。

来源:https://www.tulaoshi.com/n/20160219/1601477.html

延伸阅读
标签: PS PS基础
今天是天空图标教程系列的后两集,自从上一次我们的小火箭发射后,今天终于来到了外太空,找到了它的小伙伴,行星和雷达,今天的教程是搞定这两个,过程重绘制思路,挑操作重点,简洁明了,适合有基础的同学练手。 先看看效果图 行星图标 第1步: 首先绘制一个淡黄色的圆形作为行星的轮廓。使用矩形工具,星球上方绘制很多不同颜色的...
扁平化设计从2012年开始就已经流行起来,我觉得flat design有点类似极简主义设计,同样是追求简洁、简约,不同的是,扁平化设计是一项运用简单效果,或者是刻意进行一个不使用三维效果的设计方案。一个好的扁平化设计必然不可能出现阴影、浮雕和渐变等效果。 扁平化设计看上去非常简单、直观,并且使用方便,所以在手机界面和网页设计中变得越...
Art Deco意即装饰艺术,最早起源于上世纪20、30年代的法国,并迅速流行于建筑、家具、珠宝等的设计中。ART DECO当时风靡的其原因是其自身的折衷风格为大批量生产提供了可能,设计师大多采用了新材料,新技术来创造新的形式。设计追求单纯简洁,但它不像同时期的包豪斯派,一味强调功能性,彻底抛弃装饰,而是主张装饰与功能有机结合。 在这里...
标签: PS PS基础
这个有爱的图标是在B站看视频时无意中看到了,觉得蛮不错的,而且也简单,一般学到基础的童鞋都可以做到,不过我这个教程为了照顾到新手,截图有点多,对其中一些工具不是很熟练的童鞋可以多动动手做做。 先看看效果图 下面是原图 第一步:新建图层,大小自己定,这个为了更好演示教程,我选择了500乘500,分辨率为72的画布大小。 第...

经验教程

376

收藏

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