变化之美!重新回归主流的渐变色设计趋势

变化之美!重新回归主流的渐变色设计趋势,第1张

变化之美!重新回归主流的渐变色设计趋势

在扁平化设计流行不久的时候,渐变是设计师回避的设计技巧,但今天已经宣布回归。基本上一夜之间,上千个网站就开始应用渐变色了。

从情况到画面中的颜色积累,包括UI原语覆盖的颜色,这一切都说明渐变在潜移默化中回归了。但与以往看到的渐变不同,再次回归的渐变设计有着不同的使用技巧和特点,更迎合了这个时期的设计风格和要求。如果你也想应用它,为什么不从今天的设计实例中学习和训练“全新升级”的渐变设计呢?

时尚潮流的倡导者

2020年初,Spotify刚刚开始在其网站上应用双色设计,将双色的时尚潮流带上来。如果你仔细查看Spotify的网页,你会发现颜色其实有明暗界限和颜色渐变的实际效果。

其他知名品牌也刚刚开始多元回归,刚刚开始在设计中融入渐变色。在线电子期刊发行商Texture果断应用了全屏渐变色彩设计。

“新”渐变设计再次流行的例子不多。大量类似渐进式设计的网站就像雨后春笋般冒出来,类型不限于页面,从商品展示到电子商务网站都有。

现在流行的渐变设计其实并没有什么稀奇的标准,或者说标准。可以是各种颜色的添加和变化,可以是中间到外围的辐射源,可以是从上到下的自然过渡,也可以是角落里的辐射源到其他部位。它可以作为设计的主要视觉而存在,也可以是众多特性中的一个。

渐变的最确定点取决于设计者控制它的难易程度。应用范围不局限于一个地方一次,洒脱的应用可以营造出非常非常好的实用效果。

平面设计颜色和渐变

色彩的逐渐回归恰好是在扁平化设计盛行的今天,所以很难避免与扁平化设计的诸多元素搭配,而最值得考虑的元素就是色彩。一些色彩大胆、跨度大的渐变设计,果断地立即从平面设计色彩中“使用”色彩。

这种颜色的应用使得颜色的渐变更符合当今网站的现代风格,看起来也更符合发展趋势。将渐变的设计与扁平化设计的美学特征相结合,或者在材料设计设计风格的页面中加入一些温和的色彩,都可以产生非常好的实用效果。

对于其他设计趋势来说,渐变的应用是一个非常好的填充,渐变本身的调节功能促使你即使想重新设计也不要重新开始。

增加两种颜色

双色渐变是渐变设计的重要组成部分。但双色渐变与其他设计发展趋势的融合效果突出,值得反复关注。

双色渐变唯一的缺点就是用的太多了。如果你稍微注意一下,就会发现确实有很多网站把双色渐变作为情境或者关键视觉效果控制模块。好像没有没有人用过的双色搭配。绿色和橙色的组合是最常用的。

谨慎应用这种发展趋势,因为与其他网站“面对面”真的非常容易。

渐变背景

逐渐的回归促使大家再次看到很多有景深效果或者深度的背景。ss="superseo">ss="superseo">虚拟现实技术的普及使得越来越多的设计师尝试设计更加实用、立体的网站。毫无疑问,以后你可以看到很多这样的设计。

扁平化的设计确实很时尚,也更容易被接受,但是缺乏具有实际层次感的元素,这是众所周知的。当然,想象一下中原苏的经历和感受。渐变色的应用很好的缓解了这种情况。毕竟自然界的颜色很少,尤其是纯净、破碎、单一的颜色。

不难想象,渐变和阴影背后的定义和标准是相通的。他们为设计创造深度和层次。

图片上的渐变累积

作为一种设计趋势,在图片上积累色彩已经流行了很久。从画面上纯色的积累到渐变色的积累,是一个非常自然的“计算”过程。

在网页和店铺logos的情境中加入渐变的色彩积累,可以使其具有更强的层次感,让客户注意到其他更为关键和重要的元素,增强网页的可读性。这种设计对于大图特别有效。

在图片上累积渐变颜色的方法取决于平衡颜色和图片中间的相关性。颜色一定要和画面的意思相符吗?积累后能认出图中的重点吗?不同的配色方法可能会产生完全不同的效果。

微妙的渐变和UI元素

与渐变的流行做法不同,一些设计师选择在UI元素中应用微妙的渐变。在较小的UI元素中,颜色变化的范围更微妙,常用的都是单一颜色。

在早期的iOS系统软件中,这种设计很常见,现在已经很少见到了。

毫无疑问,渐变色更适合搭配大元素。在控制中使用小图标、按钮等小元素时,颜色渐变的方向就不那么容易看到,甚至可能会让客户分心。

但是,无论在什么情况下应用渐变设计,都没有必要让客户放慢脚步感叹“Wow的超赞渐变”的实际效果,会反客为主。渐变是用来提升客户体验的,不是用来诱惑客户在意设计美学的。

摘要

坦白说,当gradient被斥为“过时的设计”时,我非常难过。这就是为什么我今天看到渐进式设计回归如此兴奋。

渐进设计作为设计中最常见、最基本的技术,应该一直存在。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/779070.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-04
下一篇 2022-05-04

发表评论

登录后才能评论

评论列表(0条)

保存