移动互联网的迅猛发展,扁平化设计风格逐渐受到人们的欢迎和认可。简约、直接、友善的特性促使它在网站制作中备受欢迎。今天我们将聊聊扁平化风格如何应用在网站界面设计中。
扁平化设计的色彩方案通常包括高饱和、鲜艳、复古或单色块等。这并不代表这是唯一选择,而是发展趋势促使它们变得流行。
在扁平化设计中,色彩通常是大胆且鲜艳的。设计师在配色时会选择鲜亮、高饱和度的颜色,有时也会使用灰色或黑色。许多传统颜色规则(如彩虹调色板等)在扁平化设计中已经不再适用。
关键在于如何匹配色调与饱和度。设计师在色调选择上有很多空间,通常会选择相互对应的色深。这可能是主色或辅色的组合,或者是包含更多黑白色混合的色盘。
扁平化设计独特之处在于鲜艳的色彩,在明亮和黑暗的背景下都能产生很好的对比度,吸引用户的注意力,这也是扁平化色彩趋势的原因。
流行的色调有很多,可用于网站项目的起步阶段。无论是明亮的蓝色、绿色,还是黄色、橙色,你都能找到流行色的影子。Designmodo 已将亮色设计概要整合到最近发布的扁平化设计、流行图标以及调色板等套件中,这对配色新手来说是一个福音,同时界面也更加易用。
在设计中使用纯原色的情况并不常见,如纯红、纯蓝、纯黄等,通常会混色使用。如果你想自己设计配色方案,请务必注意简洁性。要选择相似的色调和饱和度,或者采纳我们的建议。
亮色:可以尝试将这些颜色组合起来,或者混合使用。它们在白色或黑色背景上都能表现得很好。
较流行的有:蓝色、绿色、紫色。
复古色是扁平化设计中另一种流行的配色方案。建立在鲜亮基色上的不饱和色彩,加上白色内容的对比,使其看起来更柔和。复古色方案通常包含大量的橙色和黄色,偶尔也会使用红色和蓝色。这些颜色通常用于主色和辅色,给人一种舒适的感觉。
复古色:适合作为主色元素出现,搭配相应图案或柔和的色彩效果理想。
较流行的有:橙色、桃色、梅子色和深蓝色。
大部分单一色彩方案都是一个基色配以另外2-3种其他色调。流行的色调以蓝色为主,但也有设计师将黑色(或灰色)作为基色,而红色作为按钮或动作标记。另一种做法是利用颜色差异,如鲜蓝色搭配绿色调,形成蓝绿色方案。同时,单色方案在移动和App设计中也极受欢迎。
单色:与其他色彩方案一样,在父颜色基础上调节对比度,可以产生很多不同的色调。例如,将原始颜色对比度调至50%,20%和8%,看看各种效果。
扁平化设计的兴起原因在于它的独创性和有趣性。符合项目需求的色调方案能引导客户更好地应用网站,这是件令人激动的事儿。如今,跳出传统颜色的框架,试着创造一个更舒适的扁平化颜色方案吧。