经过多年的平面,物质和完全最小化的风格,渐变已经卷土重来。无处不在,设计师们正在使用色彩淡化来增加视觉兴趣,创造用户参与度,并设计出值得关注的东西。
如果你不是渐变的粉丝,也许是时候重新考虑你在这个问题上的立场。为了帮助说服你,今年我们有10个理由在你的网站设计项目中热爱和使用渐变。
1.背景创建兴趣
渐变创建视觉兴趣并帮助用户完成设计。眼睛会着陆在一个颜色区域,色调和明暗区域之间的变化有助于将焦点转移到屏幕上。
渐变可以是一个非常有用和吸引人的设计工具,并为许多项目增添了火花和阴谋。虽然有很多方法可以使用渐变,但最流行的选项之一是将图像,文本和其他元素叠加在背景上的背景元素。
下面的例子使用这种确切的技术。渐变色以柔和的色彩为眼睛提供了一个安静的地方,有助于从屏幕顶部更多地聚焦到底部角落,即“发现更多”方向所在的位置。
渐变会在页面的其余部分进行滚动,以便用户始终记住它们的位置。它还提供了一个突出显示主导航的晕轮类型区域。
2.刻字可以提供重点
正如渐变可以在后台使用一样,它也可以是前景元素。颜色渐变是一种相当通用的技术,可能有助于它们的整体流行度。
翻转使用和前景渐变可用作更简单背景上的字母填充以突出显示并引起注意。
颜色的选择必须是有意识的,以便始终保持大量的对比度和可读性。
3.叠加可以调出平淡的图像
颜色叠加可以增加对平淡无奇的图像的额外兴趣。渐变叠加不适用于低分辨率或拼接不良的图像,但它可以让场景更加流行。
渐变叠加可以帮助建立品牌,以及网站的声音,音调和个性。明亮的颜色表示与更柔和的选项完全不同。
虽然这种技术看起来非常整齐,例如下面的投资组合示例,但它开始有点过度使用。一定要做一些与完整图像,渐变叠加有点不同的东西来设计你的设计。下面的示例通过将图像完全淡入淡出,以便渐变底部在屏幕底部创建纯色条。
4.帮助移动眼睛
良好的渐变可以帮助人们通过设计来移动眼睛,从而为用户创造意图。大多数用户从左上角开始,向下移动并穿过屏幕,以某种F形图案阅读。
使用渐变色彩方案中较亮和较暗的区域将眼睛从起始点(例如徽标或主消息)移动到主要号召行动。眼睛会先进入最亮的颜色区域,然后移动到较暗的空间。设计并放置渐变色以加强此眼球运动。
5.创造令人难忘的东西
虽然渐变变得越来越流行,但每种颜色组合都有所不同的事实使得它们让使用者难忘。杀手级的色彩组合可以突出并坚持使用,以帮助他们记住您的品牌或消息。
设计渐变以帮助创建该连接。渐变的好处在于它几乎变成了一种颜色。如果您有很好的渐变效果,可以像使用品牌调色板中的其他颜色一样使用它来建立视觉连接。(或使用多个渐变作为调色板。)
6.强调品牌色彩
如果您有适合配对的品牌颜色,请使用渐变。对于试图建立自己的新品牌或网站而言,这可以成为建立品牌和与用户建立联系的坚实途径。
想想如何将相同风格的渐变融入多种用途 - 在网站上,用于印刷广告或广告活动中的社交媒体消息。看到在相同的渐变中相同颜色的使用将开始与用户保持一致,用户会将这些颜色与您相关联。
下面的例子是社区部门银行,就是这样做的。颜色选择很有趣,渐变 - 在照片和底部导航栏中 - 加强了调色板及其与品牌的关系。
7.他们很容易创建(或生成)
为图像添加渐变或从头创建渐变可以很简单,只需选取两种或三种颜色,然后选择渐变的形状以及颜色应该开始,停止和重叠的位置。
就形状而言,渐变是有方向性的,从左到右或向上或向下; 或径向的,其中颜色变化以圆形方式从单个点发出。设计可以包含一种或多种渐变类型。
选择渐变颜色可能是最困难的一步。使用色轮附近的颜色将产生最互补和自然的渐变。但是,这并不总是你需要处理的。在这种情况下,你会想要玩色彩,这样你就不会在主要颜色选择相遇的空间中产生讨厌的色调。
8.颜色淡化感觉自然
即使它可能不是你的第一个想法,渐变通常具有感觉自然的颜色和组合。想一想,并非自然界中的所有事物都是坚实的单一绿色阴影。
因为这个原因,渐变是一种自然的选择,特别是当你将自然界中实际上相互淡入的颜色结合在一起时。
下面的插图是一个非常明显的例子,天空从白天(橙色)到夜晚(蓝色)逐渐消失。
9.当你没有主导视觉时创造艺术
如果您没有太多的工作空间,一个好的渐变可以创建视觉效果和视觉效果。使用明亮的颜色(如下面的示例)或品牌颜色可以帮助建立您的网站。
颜色变化非常有趣,它们通常可以单独作为设计元素。考虑你如何使用和选择颜色,以便为用户创造正确的情感吸引力,并帮助他们找到与内容相关的正确感受。
即使是微妙的渐变也可以为设计设定基调。
10.渐变趋势
渐变是一种简单且高度可用的元素,可添加一些时尚而不感到压倒性的东西。有很多方法可以使用渐变,这很有意义,这可能是您的首选解决方案。
虽然渐变不时受到青睐,但由于几乎具有普遍的吸引力,它们倾向于快速恢复。