将想法与焦点和您一起共享

网站建设中设计中的5大渐变趋势 如何有效地使用发布【bù】者:本站     时间【jiān】:2024-9-20 10:03:27

你【nǐ】可能【néng】已经注意到,在【zài】17、18年的【de】时候【hòu】,渐变在印刷和web设计中的【de】使用的越来越多了【le】。看起来设计行【háng】业【yè】已经接受了这【zhè】种趋势,这【zhè】种渐变过【guò】渡在形状和颜色上只会越来越动态【tài】。如果你不知【zhī】道如何将【jiāng】彩色的形状和背景应用到你想要【yào】通过【guò】设计传达的信息中去,那么使【shǐ】用彩色【sè】的形状和背景是一件【jiàn】棘手的事情。

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

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

 

1、 双色版的渐变
设计中的5大渐变趋势 如何有效地使用

双色调渐【jiàn】变是两种颜色,它们【men】之【zhī】间有平滑过渡。没【méi】有更多【duō】,没有更【gèng】少【shǎo】。使用Illustrator中的【de】渐变工【gōng】具创建这【zhè】些类型的【de】颜色过【guò】渡非常【cháng】简单。当为Duotone渐【jiàn】变组合颜色时,没有规则。当你混【hún】合3种颜色或更多颜色时,规则就【jiù】会出【chū】现.但是两个,你可以做任【rèn】何你想做的事情。这一切都【dōu】取决于你对设【shè】计本【běn】身的【de】意【yì】图。如果你需【xū】要强大而大胆的信息【xī】,那【nà】么你可能需要【yào】考虑使用更鲜明【míng】,更高对比度的颜色组合。另一方面,如果你希望采用柔和,更安静的方法,则使用较【jiào】少【shǎo】饱和的颜色就好了。看你【nǐ】怎么用【yòng】了

 

如何使用双色版的渐变?
你可【kě】以【yǐ】像Duotone Gradients一样有【yǒu】创意。这种【zhǒng】类型的渐变最广泛【fàn】使用【yòng】是照片【piàn】叠加。渐变主要用【yòng】作内容的简单背景。以下【xià】示例是由JessicaHägg和Stink Studios为【wéi】Spotify创建的此类案例之一。

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

Duotone Gradient的【de】另一【yī】个【gè】例子是由Barthelemy Chalvet为AgenceMe创建的家庭导航设计。在这里,我们再次将【jiāng】Duotone视为内容的【de】背景。内容包【bāo】括文本和插图。但是,图【tú】中【zhōng】使用【yòng】的颜色【sè】非【fēi】常谨慎。插图主要是浅色调,只是一些【xiē】色彩鲜【xiān】艳的【de】细节,与背景双色调【diào】(温暖)相【xiàng】反(冷)。

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

总而【ér】言之,使用双色调【diào】渐【jiàn】变趋势的最安全方法是将渐变【biàn】背【bèi】景与黑白照片【piàn】混合,或将它们【men】作为照片叠加层应用。如果你将它们与其他颜色混合,请确保不要过分。多种颜色在设【shè】计中可【kě】能非常出【chū】色,但如【rú】果匹配不当【dāng】,它们也会【huì】引【yǐn】入混乱和【hé】混乱【luàn】。如有疑问,请使用较少的颜【yán】色。在大【dà】多数情况下,少即【jí】是【shì】多。

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

 

2、半透明渐变
前五大渐变趋势包括半透明渐变。这【zhè】些类型的渐变在【zài】它们中具有褪【tuì】色效果,它们【men】在一端【duān】具有【yǒu】全色调,而【ér】在【zài】另一端【duān】具有0%颜色不透【tòu】明度。

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

这些半透明渐变可【kě】以是双【shuāng】色调甚至是三色【sè】调渐变,但【dàn】它【tā】们总是以透明度结【jié】束或开始。

 

如何使用半透明渐变?
使用【yòng】半透明渐变的【de】一种方法是将它【tā】们与其他【tā】渐变形【xíng】状和背景重【chóng】叠【dié】,或者作为照片上的叠加层。下面【miàn】的示例【lì】显【xiǎn】示了Studio-JQ制作的艺术作【zuò】品

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

在这里,我们可以看到在三【sān】色渐变圆上使用一个半透明形【xíng】状。微【wēi】妙的半透【tòu】明形【xíng】状在渐变圆形前【qián】形成雾气氛,就像褪色的月亮【liàng】,简单而【ér】有【yǒu】效【xiào】地使【shǐ】用透明效果。

在Magdiel Lopez制作的海报艺术【shù】品中可【kě】以看到【dào】混合【hé】了【le】摄影和纹【wén】理的半透明渐变的另一种奇妙【miào】用法。

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

 

3、网格渐变
网格渐【jiàn】变是在【zài】Illustrator中使用网【wǎng】格工【gōng】具制作的【de】渐变,因此是标【biāo】题。这【zhè】种类型的渐变需要更多的技巧来制作。通常它们将多种【zhǒng】颜色混【hún】合在一起,这应该小心生产,因为某些颜色不能很好地匹配。除【chú】了将多种颜色混【hún】合【hé】在一起外【wài】,它们【men】还形成一种类似于液体的纹【wén】理【lǐ】图【tú】案【àn】,使其具有【yǒu】更加动感的外【wài】观【guān】。

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

到目前【qián】为【wéi】止,您可能已经注意【yì】到所有渐变如何与黑白照【zhào】片完【wán】美配合,为他们提【tí】供增强色彩强度所需的对【duì】比度【dù】。它还消【xiāo】除了设计中【zhōng】“过多”的混乱和【hé】感【gǎn】觉。

 

如何使用网格渐变?
网格渐变可以用作独【dú】立模【mó】式。由于【yú】它们通常具有【yǒu】动【dòng】态外观,因此可以作为简约模式应用,并【bìng】辅以创【chuàng】意【yì】印刷术。

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

使用网【wǎng】格渐变进行品牌推【tuī】广也越来越受欢【huān】迎。这【zhè】种类型的使用可【kě】以在下面【miàn】由Focus Lab制作的简约【yuē】品【pǐn】牌项目中看到。

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

 

4、渐变模糊
这是事情变【biàn】得有趣的地方……。介【jiè】绍渐变模糊【hú】!我【wǒ】相【xiàng】信你已经看【kàn】到了【le】这些有【yǒu】趣的外观,有一种强烈的【de】“艺术”感【gǎn】觉。它们现在是【shì】Top 5 Gradient Trends的一部分。

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

 

如何使用渐变模糊?
它们【men】似乎经【jīng】常被用作海报设【shè】计的一部分。抽象的伟大之处【chù】在于它可以【yǐ】用【yòng】来描述各种情【qíng】感和【hé】抽象概【gài】念【niàn】。它可【kě】以说明声音,光线,宇宙,幸福或悲伤。我【wǒ】们根【gēn】本不知道如何描【miáo】述这些单词中的许多单【dān】词,但精心挑选【xuǎn】的模糊【hú】彩色形状【zhuàng】可以帮【bāng】助我【wǒ】们。

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

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

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

 

5、渐变球体
最后的渐变【biàn】趋势是渐【jiàn】变球体,具有强烈三维形状的【de】网状圆【yuán】圈,提醒我【wǒ】们在行星【xīng】和气泡上。

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

 

如何使用渐变球体?
Gradient Spheres在应用程【chéng】序和网页设计中占据【jù】了一【yī】席之【zhī】地。由于它们【men】与行星类似物体【tǐ】相似,因此它们通常用于技术未来类型【xíng】的项【xiàng】目中。例【lì】如【rú】,Jiyoon Kim使用Gradient Spheres设计一个具有轻【qīng】盈未【wèi】来感的创【chuàng】意手表UI。

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

Mirtho Prepont为Asana制作【zuò】的海报设计中使用【yòng】的Gradient Sphere的另一个【gè】创意【yì】示例:

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

 

写在最后
如果你【nǐ】使用渐变的照片,第一【yī】步【bù】应【yīng】该是选择正确的照【zhào】片。最【zuì】好的选【xuǎn】择是具有清晰焦点的照片【piàn】,如果可能的话,焦点周围【wéi】没有其他任【rèn】何东西。值得花时间的第【dì】二件事是照片的【de】颜【yán】色。如【rú】果颜色与你的【de】渐变无任【rèn】何关系,最安【ān】全的做法是将照片切换【huàn】为【wéi】黑白【bái】模式。

但【dàn】是【shì】,有【yǒu】时【shí】可以通过在Photoshop中【zhōng】使用“颜【yán】色饱和【hé】度”工具或【huò】“颜色平衡”来调整颜色。这正是我在这个【gè】例子中所做的【de】。第三是选择渐变形状和背景。

选择正确【què】的渐变对象时,请确保它【tā】们都具有相【xiàng】似的色调。在我【wǒ】的例子中,我使用蓝色/紫色【sè】物体【tǐ】与粉红色/黄色物体形成鲜明对比。这些都【dōu】是【shì】我需【xū】要的颜【yán】色。任何更【gèng】多的东西,组成【chéng】会感到混乱【luàn】。虽【suī】然很【hěn】容易穿过线,所【suǒ】以如果你不【bú】确【què】定,只需要减少颜色和减【jiǎn】少【shǎo】形状。

如果【guǒ】你感觉某些东西仍然缺失,请【qǐng】添加中【zhōng】性几【jǐ】何形【xíng】状,如果【guǒ】背景为【wéi】浅色,则为白色;如果背景为【wéi】暗,则为【wéi】黑色。



选择我们,优质服务,不容错过
1. 优【yōu】秀【xiù】的网络资源,强大【dà】的网【wǎng】站优化技【jì】术,稳定的网站和速【sù】度保证
2. 15年上海网站建【jiàn】设经验,优秀的【de】技术和【hé】设【shè】计水平,更放心
3. 全程省心服务,不必担心自己不懂网络,更省心。
------------------------------------------------------------
24小时联系电话:021-58370032
关键词标签:上海网站建设 上海网站制作 网站优化 小程序开发