数字网页设计中的渐变色流行趋势分析报告
时间：2023-09-04 19:12:01 | 来源：网站运营
时间：2023-09-04 19:12:01 来源：网站运营
数字网页设计中的渐变色流行趋势分析报告：
Trendy Gradients in Web Design我们将剖析当前的数字设计趋势，首先是渐变。渐变已经流行了一段时间了，它
最初以传统的背景和图像的方式回归。Spotify在其活动和微网站上应用了照片上的双重渐变，作为该品牌的一个特色元素，这让它们再次流行起来。
Spotify microsite 2015, duotone image with gradient maps.今年，我们已经看到了
各种色彩的梯度与充满活力的调色板和不规则的形状与模糊和失真的效果。渐变目前被用在很多方面，但最具特色的是，在流行趋势方面，渐变被扩展到合成中的次要元素，如
悬垂（hovers）、标题（titles）、3D元素（3D elements）、图标（icons ）等等。Gradient in hover effectsiPhone X代表了2018年的流行趋势。在它的登陆页、广告和许多促销活动的元素中，各种音调的梯度被用在标题、文本甚至同型上。然而，在iPhone X的背景中，尤其是在主屏幕的设计中，梯度并不像传统的线性或径向梯度那样均匀，而是呈现出不规则混合的多色。
3D渐变吗?顶点颜色和颜色映射样式似乎3D谈论的渐变很容易,由于照明场景的生成一个分类对象的表面,但什么是固有的对这一趋势恰恰是使用
梯度的纹理对象,有时模仿顶点颜色（vertex color）和梯度技术（colormap gradient）。这两种技术都不仅仅是一种纯粹的装饰功能，因为它们被用来表示数据或映射3D对象。
3D Gradient Mapping渐变的类型我们可以以
多种方式混合颜色，最常见的是线性或径向梯度与不同的参数，如半径，方向，不透明度或色点。现在的流行趋势，正如我们在iPhoneX上看到的，是使用非均匀混合，使用梯度网格或其他技术。使用梯度网格，我们扭曲了梯度的表面，以产生一个自由的形状。我们可以找到许多类型的渐变，如单调、双色、多色、渐变坡道等，如下图所示。
有用的CSS渐变工具为了在CSS中重新创建这些效果，有大量的工具可以通过可视化编辑器创建，只需复制和粘贴CSS代码，这些好用改的工具包括:
Webgradients, Khroma AI, Color Space, UI Gradients, Grabient, Coolhue, Easing Gradients。Khroma AIWebgradientsColor SpaceCoolhueEasing GradientsUI GradientsAwwwards渐变合集像往常一样，我们挑选了SOTDs提名者，所以你可以看到这些
渐变在使用中是什么效果。
Usa Today Redesign Gradients In Gradient GradientsJulie Bonnemoy Portfolio In Trendy GradientsElje-group Gradients In Gradient GradientsKeyboard interaction In Hovers, Cursors and Cute InteractionsPonto WS Gradients In Trendy GradientsSynesthesia World In Trendy GradientsProject Page In Agency PortfoliosMagdiel Lopez Portfolio In Trendy GradientsRollover - The Engine In Hovers, Cursors and Cute InteractionsContemple Studio In Hovers, Cursors and Cute InteractionsRuya Digital Gradients in Hover and Transitions In TransitionsDot navigation - Adobe Digital Marketing Study In The Best of NavigationStink Studios Gradients In Gradient GradientsYour Majesty Blur Gradient Element In Gradient GradientsWe are Cocoon Text color Gradient In Gradient GradientsMake it Driveable Gradient Background In Gradient GradientsPlayup Vector Elements Gradients In Gradient GradientsShader Effects In Filters and EffectsThe Engine Gradients in hovers and animated elements In Gradient GradientsHomepage In ParallaxInteractive Colorful Menu In Menus Inspiration注:部分图文来源于网络,版权归原作者所有。
在线咨询
