现今,随着移动互联网的迅猛发展,随之而来的扁平化设计风格已经越来越多的被人们所接受和认可,简单、直接、友好的特性也使得它广受做网站制作的青睐。今天和君设计就随便聊聊扁平化的风格怎么应用在网站页面的设计之中。
颜色的定义
一提扁平化设计的颜色方法,人们就会想到高饱和、鲜亮、复古或单色块之类的。并不是说这是唯一的选择,只是发展趋势让它们变的流行。
说到颜色,扁平化设计中会用到很多,但设计师们通常会选择大胆的和鲜亮的来使用。怎样使用颜色让设计各有不同?设计师们打开调色板,多数时会选鲜亮的,饱和度高的来用,偶尔也会使用灰色或黑色。而包括彩虹调色板在内的很多传统配色规则都被抛出窗外。
其实归根结底就是色调与饱和度的匹配。虽然在色调上,设计师可以有很多选择,但一般开始会选互为镜像的色深。它要么是一个主色或辅色的组合,要么是色盘的另一部分,包含了更多的黑白色混合。
鲜亮的颜色
鲜亮的颜色为扁平化设计创造出一种与众不同的感觉。因为它在亮背景和暗背景下都能获得很好的对比度,以吸引用户的注意。这正是它成为扁平化设计颜色趋势的原因。
从哪里开始?
网站上有很多扁平化设计的流行色调,是项目起步的好选择。无论是明亮的蓝色、绿色,还是黄色、橙色,你都能从中找到流行色的缩影。Designmodo 已将亮色设计大纲进一步地整合到了Z近发布的套件中,包括扁平化设计,流行的图标以及调色板(对配色菜鸟来说,这简直太赞了),而且界面更易用。
在设计中使用严格的原色的情况并不常见,比如纯红、纯蓝、纯黄,一般都混色使用。如果你想自己做配色方法,请注意简洁。记得选择类似的色调和饱和度,当然,也可以采纳我们的建议。
亮色:可以尝试把这些颜色组合,或混合在一起使用。它们在白色或黑色背景上都有很好表现。
比较流行的有:蓝色,绿色和紫色。
复古色
复古色也是扁平化设计中一种流行的方法。这些建立在鲜亮色彩基础上的不饱和颜色,加之白色内容的反差,看起来更柔和。是不是有种老校区的感觉。复古色的配色方法往往包含大量的橙色和黄色,偶尔也有红和蓝。复古色很常见的是用在主色和辅色上,因为它们给人感觉很舒缓。
复古色:这类颜色适合作为主色元素出现,配以图案或柔和的颜色,效果Z佳。
比较流行的有:橙色,桃色,梅子色和深蓝色。
单一色
大多单一颜色方法都是一个基本色搭配另外2-3种其他色调。Z流行的色调就是蓝色,但也有设计师采用黑色(或灰色)作为基色,用红色代表按钮或动作。另一种做法是利用色彩差异。比如蓝色,你可以添加绿色调进去,来创建一个蓝绿色的方法。同时,单一色方法在移动和App设计中也极为流行。
单一色:与其他色调方法一样,通过调节对比度,可以在父色彩基础上得到很多不同的色调。比如原始色彩对比度是100%,你可以看看调成50%,20%和8%后分别是什么样子。
比较流行的有:蓝色,灰色和绿色。
Z后总结
#p#分页标题#e#
扁平化设计方式流行的原因是:这个概念很新,且有趣。一个与项目相匹配的颜色方法,能够引导用户更好地使用网站,这是件很酷的事情。现在,超越传统配色的束缚,去创造一个更舒适的扁平化颜色方法吧。