北京高端建站:如何在Web设计项目中使用淡色

2019.08.16 mf_web

128

在网页设计中使用柔和的色彩不仅仅是最近的趋势,它是设计师多年来用来创造有影响力的视觉效果的技术。

当你听到“柔和”时,可能会想到淡粉色,蓝色和黄色,但这种色调还有很多。粉彩不必让新生儿感觉到它们。当以适当的方式与其他元素配对时,这些色调可以非常大胆。

在这里,我们将看看在网页设计中使用柔和色彩的10种方法,基于做得好的网站。北京高端建站

粉彩摄影

柔和的颜色网页设计

在正确的光照条件下拍摄的照片或照片上的柔和覆盖可以为网站创建一个微妙而美妙的画布。由于照片中的色调较为柔和,设计师可以使用更多可用于放置其他元素的区域。

使用柔和的摄影还可以帮助创建与其他元素(如徽标或按钮)的对比。另请注意,Solasie徽标与柔和色调的照片相得益彰。同样的概念也会成为一个很棒的幽灵按钮。

柔和的背景

柔和的背景

柔和的背景可以是一种很好的方式来使用大量的颜色而不会压倒用户。由于柔和的色调更柔和,它们可以用来覆盖更多的帆布而不会感觉太强烈。

使用柔和背景时的一个常见趋势是使用单一色调的变化来获得单色配色方案,例如Dear Mum。单色产生强烈的视觉效果,与白色文本元素形成鲜明对比。与恰到好处的排版搭配,这种技术也创造了一种具有时髦感的现代情调。

大胆的粉彩

大胆的粉彩

虽然您在同一个句子中通常不会想到“粗体”和“柔和”,但这种类型的调色板可以帮助您创建大胆的设计。因为粉彩倾向于回落,如果你想在它们周围做点什么,它们是一个很好的选择。

Marie Catrib's在这方面做得很好。柔和的色调非常大胆,但似乎仍然没有挡住,所以你可以看到那个女人从色彩层中偷看。粉彩的大胆帮助您看到并专注于图像,完全柔和的背景会产生较少的影响。

心情的粉彩

心情的粉彩

您希望访问者在您的网站上有什么感受?粉彩很适合营造平静,放松或轻松的感觉。如果这些情绪是描述您的网站或业务的词语,那么柔和的调色板可能是正确的选择。

Sweez在创造与色彩的情感联系方面做得很好。关于图像的一切都是柔和的,柔和的色调。它让你想到坐在一个安静,平静的地方,享受一个美好,温暖的卡布奇诺咖啡。看看简单颜色的效果如何?

插图中的粉彩

插图中的粉彩

柔和的色彩也是插图的绝佳选择。使用此颜色概念创建使用户看起来的东西。

一个柔和的插图将从颜色中呈现出某种平静的想法拉到了一起。柔和的插图允许您可能不期望它们使用图纸。

与粉彩对比

与粉彩对比

柔和的颜色不必在真空中使用。柔和的颜色是与其他设计元素创建对比的绝佳工具。

Kinder Fotografie在使用粉彩和明亮的照片和文字方面表现出色。在设计的粉彩部分有很多小细节,但你首先看到的是儿童的图像和“微笑”这个词。然后用户开始注意到一些精细的细节。

用于导航的粉彩

用于导航的粉彩

粉彩还可以帮助制作出色的导航工具。通常,设计师会将带有黑色或白色边框或条形图标的网站框起来进行导航,但颜色也可以在这个空间中使用。

粉彩可以用作导航工具的原因是因为它们偏离了设计的其他部分。例如,在Wonderfully Wild中,照片是用户首先会看到并做出反应的照片。导航元素与主要内容区域很好地融合,但由于颜色选择,不会妨碍主要视觉效果。

平面设计中的粉彩

平面设计中的粉彩

我们所看到的今天柔和色彩趋势的大部分都源于平面设计。许多明亮的粉彩设计师青睐的是在平面设计出现之初流行的一些超亮色调的缩小版本。

在平面设计项目中使用粉彩有什么好处,颜色仍然具有相同的感觉和整体外观,但不会以相同的方式引起用户的注意。柔和的平面颜色轮廓使得使用颜色更容易将用户引导到屏幕的某些部分或突出显示重要的文本元素。

粉彩排版

粉彩排版

设计师不仅限于使用粉彩作为图像或背景。这种颜色样式也可以应用于排版。(虽然它可能很棘手。)

粉彩最适合使用大而大胆的排版,以更加鲜明的背景来创造充足的对比度。通过使用厚度较大的字体,可以确保屏幕上显示更柔和的颜色。这个概念应该保留给一小组字母或单词,不应该用于正文。

用户界面元素的粉彩

用户界面元素的粉彩

使用粉彩作为用户界面元素方案的一部分是一个有趣的概念。由平面设计概念,按钮和其他元素诞生的另一个“技巧”可以使用柔和的颜色。

在Duy Tran的网站上,每个粉彩盒实际上都是一个超大的按钮。柔和的颜色告诉用户哪个盒子哪个容易点击(或点击)。色调也很突出,因为与最小的主图像区域形成鲜明对比。(滑块中的每个图像都与柔和按钮分开。)

结论

在调色板中使用柔和色彩的关键是创建看起来新鲜而不会褪色的东西。通过将柔和色调与您可能期望的更深饱和度以及明亮的图像或白色对比元素配对,您可以帮助创建具有冲击力的柔和调色板。

柔和的色彩,天生就有一种放松和平静的想法。在使用此类配色方案创建网站设计时,请使用它。记住要记住颜色如何与整体设计的其他部分相互作用。

北京高端建站

最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP