您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您?#37096;?#20197;加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

设计中的5大渐变趋势,以及如何有效地使用

自译外文 分类: 设计趋势 版权: 原作者: Diana Hlevnjak
18153 407 390 8
更新于:2019-04-01
123.6
首页推荐

五大渐变趋势是什么?如何在你的工作中有效地使用?

Image title


你可能已经注意到,在17、18年的时候,渐变在印刷和web设计中的使用的越来越多了。看起来设计行业已经接受了这种趋势,这种渐变过渡在形状和颜色上只会越来越动态。如果你不知道如何将彩色的形状和背景应用到你想要通过设计传达的信息中去,那么使用彩色的形状和背景是一件棘手的事情。


5大渐变趋势是什么,如何在你的工作中有效地使用渐变呢?


1、 双色版的渐变

Image title


双色调渐变是两种颜色,它们之间有平滑过渡。没有更多,没有更少。使用Illustrator中的渐变工具创建这些类型的颜色过渡非常简单。当为Duotone渐变组合颜色?#20445;?#27809;有规则。当你混合3种颜色或更多颜色?#20445;?#35268;则就会出现.但是两个,你可以做任何你想做的事情。这一切都取决于你对设计本身的意图。如果你需要强大而大胆的信息,那么你可能需要考虑使用更鲜明,更高?#21592;?#24230;的颜色组合。另一方面,如果你希望采用柔和,更安静的方法,则使用较少饱和的颜色就好了。看你怎么用了



如何使用双色版的渐变?


你可以像Duotone Gradients一样有创意。这种类型的渐变最广泛使用是照片叠加。渐变主要用作内容的简单背景。以下示例是由JessicaH?gg和Stink Studios为Spotify创建的此类案例之一。


Image title


Duotone Gradient的另一个例子是由Barthelemy Chalvet为AgenceMe创建的家庭导航设计。在这里,我们再次将Duotone视为内容的背景。内容包括文本和插图。但是,图中使用的颜色非常谨慎。插图主要是浅色调,只是一些色彩鲜艳的细节,与背景双色调(温暖)相反(冷)。


Image title


总而言之,使用双色调渐变趋势的最安全方法是将渐变背景与黑白照片混合,或将它们作为照片叠加层应用。如果你将它们与其他颜色混合,请确保不要过分。多种颜色在设计中可能非常出色,但如果匹配不?#20445;?#23427;们也会引入混乱和混乱。如有疑问,请使用较少的颜色。在大多数情况下,少即是多。


Image title


2、半透明渐变


前五大渐变趋势包括半透明渐变。这些类型的渐变在它们中具有褪色效果,它们在一端具有全色调,而在另一端具有0%颜色不透明?#21462;?/p>


Image title


这些半透明渐变可以是双色调甚至是三色调渐变,但它们总是以透明度结束或开始。



如何使用半透明渐变?


使用半透明渐变的一种方法是将它们与其他渐变形状和背景重叠,或者作为照片上的叠加层。下面的示例显示了Studio-JQ制作的艺术作品


Image title


在这里,我们可以看到在三色渐变圆上使用一个半透明形状。微妙的半透明形状在渐变圆形前形成雾气氛,就像褪色的月亮,简单而有效地使用透明效果。


在Magdiel Lopez制作的海报艺术品中可以看?#20132;?#21512;了摄影和纹理的半透明渐变的另一?#21046;?#22937;用法。


Image title


3、网格渐变


网格渐变是在Illustrator中使用网格工具制作的渐变,因此是标题。这种类型的渐变需要更多的技巧来制作。通常它们将多种颜色混合在一起,这应该小心生产,因为某些颜色不能很好地匹配。除了将多种颜色混合在一起外,它们还形成一种类似于液体的纹理?#21450;福?#20351;其具有更加动感的外观。


Image title


到目前为止,您可能已经注意到所有渐变如何与黑白照片完美配合,为他们提供增?#21487;是慷人?#38656;的?#21592;榷取?#23427;还消除了设计中“过多”的混乱和感觉。


如何使用网格渐变?


网格渐变可以用作独立模式。由于它们通常具有动态外观,因此可以作为简约模式应用,并辅以创意印刷术。


Image title


使用网格渐变进行品牌推广也越来越受?#38431;?#36825;种类型的使用可以在下面由Focus Lab制作的简?#35745;?#29260;项目中看到。


Image title


4、渐变模糊


这是事情变得有趣的地方......。介绍渐变模糊!我相信你已经看到了这些有趣的外观,有一?#26234;?#28872;的“艺术?#22791;?#35273;。它们现在是Top 5 Gradient Trends的一部分。


Image title


如何使用渐变模糊?


它们似乎经常被用作海报设计的一部分。抽象的伟大之处在于它可以用来描述各?#26234;?#24863;和抽象概念。它可以说明声音,光线,宇宙,幸福或悲伤。我们根本不知道如何描述这些单词中的许多单词,但精心挑选的模糊彩色形状可以帮助我们。


让我们看一些使用渐变模糊的示例:


Image title

Image title


5、渐变球体


最后的渐变趋势是渐变球体,具有强烈三维形状的网状圆圈,提醒我们在行星?#25512;?#27873;上。


Image title


如何使用渐变球体?


Gradient Spheres在应用程序和网页设计中占据了一席之地。由于它们与行星类似物体相似,因此它们通常用于技术未来类型的项目中。例如,Jiyoon Kim使用Gradient Spheres设计一个具有轻盈未来感的创意?#30452;鞺I。


Image title


Mirtho Prepont为Asana制作的海报设计中使用的Gradient Sphere的另一个创意示例:


Image title



写在最后


如果你使用渐变的照片,第一?#25509;?#35813;是选择正确的照片。最好的选择是具有清晰焦点的照片,如果可能的话,焦点周围没有其他任何东西。值?#27809;?#26102;间的第二件事是照片的颜色。如果颜色与你的渐变无任何关系,最安全的做法是将照片切换为黑白模式。

但是,有时可以通过在Photoshop中使用“颜色饱和?#21462;?#24037;具或“颜色平衡”来调整颜色。这正是?#20197;?#36825;个例子中所做的。第三是选择渐变形状和背景。


选择正确的渐变对象?#20445;?#35831;确保它们都具有相似的色调。在我的例子中,我使用?#28193;?紫色物体与粉红色/黄色物体形?#19978;?#26126;?#21592;取?#36825;些都是我需要的颜色。任何更多的东西,组成会感?#20132;?#20081;。虽然很容?#29366;?#36807;线,所以如果你不?#33539;ǎ?#21482;需要减少颜色和减少形状。


如果你感觉某些东西仍然缺失,请添加中?#32422;?#20309;形状,如果背景为浅色,则为白色;如果背景为暗,则为黑色。


Image title


作者:Diana Hlevnjak(作者已授权)

地址:https://polavctors.com/top-5-grdint-treds-and-how-to-use-them-effectivel

本文由Tzw_n翻译发?#21152;?#20844;众号?#24863;?#38463;田的设计?#22987;恰梗?#26410;经许可,禁止转载。



微信公众号:小阿田的设计?#22987;?/span>

Tzw_n

合作交流/WeChat: tzw19960909 需备注?#28023;?

1416粉丝/0关注

2017年度最佳作品集TOP50得主小有名气首页达人小有见解砖家
 小保助理v1.0 浅析插画设计中的风格和例子
1
Tzw_n

好的,谢谢大佬指正

精彩!

Tzw_n

Tzw_n

合作交流/WeChat: tzw19960909 需备注?#28023;?

2017年度最佳作品集TOP50得主小有名气首页达人小有见解砖家

扫描二维码
去?#21482;?#31471;查看海报

Tzw_n

TA已经获得15枚勋章啦

  • 成就勋章

    • 特别勋章

    • 身份勋章

  • 已拥有

  • 作品

    创造者才是真正的享受者。

  • 经验

    经验是一所好学校,可它的学生却经常旷课。

  • 活跃

    大神都是从围观群众开始的

  • 拓展

    作品、经验、活跃还不能满足你?

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2019 UI.CN

广西福彩官网
球探网足球即时比分球 云南时时彩计划软件 排列5近30期开奖号码 宝马论坛二生肖中特 福彩刮刮乐 陕西快乐十分号码推荐 农村赌钱图片大全 广东26选5玩法复式26 福建31选7今日开奖结果查询 七星彩开奖直播 幸运飞艇开奖记录 澳洲幸运5骗局 福彩三地字谜图谜总汇 我要玩模拟赛车游戏 好彩26选5