网站设计风格在不断的演变,渐变已经卷土重来。无处不在,设计师们正在使用色彩淡化来增加视觉兴趣,创造用户参与度,并设计出值得关注的东西。
如果你不是渐变的粉丝,也许是时候重新考虑你在这个问题上的立场。为了帮助说服你,今年我们有10个理由在你的网站设计项目中热爱和使用渐变。
1.背景创建兴趣
渐变创建视觉兴趣并帮助用户完成设计。眼睛会着陆在一个颜色区域,色调和明暗区域之间的变化有助于将焦点转移到屏幕上。
渐变可以是一个非常有用和吸引人的设计工具,并为许多项目增添了火花和阴谋。虽然有很多方法可以使用渐变,但最流行的选项之一是将图像,文本和其他元素叠加在背景上的背景元素。
下面的例子使用这种确切的技术。渐变色以柔和的色彩为眼睛提供了一个安静的地方,有助于从屏幕顶部更多地聚焦到底部角落,即“发现更多”方向所在的位置。
渐变会在页面的其余部分进行滚动,以便用户始终记住它们的位置。它还提供了一个突出显示主导航的晕轮类型区域。
2.刻字可以提供重点
正如渐变可以在后台使用一样,它也可以是前景元素。颜色渐变是一种相当通用的技术,可能有助于他们的整体流行度。
翻转使用和前景渐变可用作更简单背景上的字母填充以突出显示并引起注意。
颜色的选择必须是有意识的,以便始终保持大量的对比度和可读性。
3.叠加可以调出平淡的图像
颜色叠加可以增加对平淡无奇的图像的额外兴趣。渐变叠加不适用于低分辨率或拼接不良的图像,但它可以给出更简单的场景。
渐变叠加可以帮助建立品牌,以及网站的声音,音调和个性。明亮的颜色表示与更柔和的选项完全不同。
虽然这种技术看起来非常整齐,例如下面的投资组合示例,但它开始有点过度使用。一定要做一些与完整图像,渐变叠加有点不同的东西来设计你的设计。下面的示例通过将图像完全淡入,以便渐变底部在屏幕底部创建纯色条。
4.帮助移动眼睛
良好的渐变可以帮助人们通过设计来移动眼睛,从而为用户创造意图。大多数用户从左上角开始,向下移动并穿过屏幕,以某种F形图案阅读。
使用渐变色彩方案中较亮和较暗的区域将眼睛从起始点(例如徽标或主消息)移动到主要号召行动。眼睛会先进入最亮的颜色区域,然后移动到较暗的空间。设计并放置渐变色以加强此眼球运动。
5.创造令人难忘的东西
虽然渐变变得越来越流行,但每种颜色组合都有所不同的事实使得它们让使用者难忘。杀手级的色彩组合可以突出并坚持使用,以帮助他们记住您的品牌或消息。
设计渐变以帮助创建该连接。渐变的好处在于它几乎变成了一种颜色。如果您有很好的渐变效果,可以像使用品牌调色板中的其他颜色一样使用它来建立视觉连接。(或使用多个渐变作为调色板。)
6.强调品牌色彩
如果您有适合配对的品牌颜色,请使用渐变。对于试图建立自己的新品牌或网站,这可以成为建立品牌和与用户建立联系的坚实途径。
想想如何将相同风格的渐变融入多种用途 – 在网站上,用于印刷广告或广告活动中的社交媒体消息。看到在相同的渐变中相同颜色的使用将开始与用户保持一致,用户会将这些颜色与您相关联。
下面的例子是社区部门银行,就是这样做的。颜色选择很有趣,渐变 – 在照片和底部导航栏中 – 加强了调色板及其与品牌的关系。