网页设计色彩搭配:更轻更平淡的颜色设计

所属分类: 平面设计 / 平面其它 阅读数: 1356
收藏 0 赞 0 分享

最近,你可能已经注意到,一些新的网站设计变得更加柔和轻盈。在所有五颜六色的色彩之间,似乎有些设计师正在采用更微妙的方式,通过使用更轻或者更平淡的颜色来创造不一样的设计。

虽然它们仍然使用相同的基本概念以及方法——例如彩色的遮罩层或渐变层,新色调正在为这些主题创造一种更精致和低调的变化做出贡献。今天我们将深入研究这一趋势,并探索各种设计实例和方法。

1.蜡烛色的使用遍布网络

柔和的颜色是完美的解决方案,如果你的品牌要求一些令人感觉柔软以及一些复杂层次的元素,但你仍然希望能够利用你收集已久的调色板的话。同时,当把它们用在分层设计上时,柔和的色彩看起来也很好,这使得它们成为一种非常灵活的配色方案,可以在各种各样的网站设计风格中使用。

· 扁平以及大胆

虽然你经常看到扁平风格的网站设计趋势一般是以最鲜亮的颜色进行的,但在某些情况下,这种方法可能会变得粗暴,甚至有点令人厌恶。看看上面SimpliSafe的网页设计,如果页面中的大字段是以原色执行的,那么这个站点看起来有点太简单和平淡了,选择柔和色调有助于使平面设计元素更加刻意和吸引用户的注意力。

· 卡通风

一些柔和的蜡笔色组合可能会使你的网页设计整体脱颖而出,这使得它们成为图表设计的一个很好的元素选择,就像上面的案例一样,略带俏皮的矢量插图。这个例子有一个非常复杂的调色板,但是所有的色调在一起仍然能够协同工作,因为它们都采用了相同“迟钝”的颜色搭配,而且插图风格很简单。

· 彩色摄影

像上面这种的网站设计已经出现了一个更加优雅的色彩应用,其中整屏的照片被一层淡薄的色泽所覆盖。这些色调可以唤起了怀旧和柔软的感觉,这与该公司正在尝试创造的品牌定位紧密相连。

这个网页设计提供了类似的示例,显示了大板块的图片如何在这种情况下可以像简单的纹理一样工作,不过,这是一个极端的例子,来说明被冲洗的颜色可以如何进行简约的设计。

· 偏移的线条

使用蜡笔色与色轮搭配也很有趣。基本颜色的任何柔和的衍生物通常在应用基本颜色理论原理时也起作用,除了外观更异常,异想天开以及明亮。上面的这个网站设计使用了一种基于红色,黄色和蓝色三原色的色板,结果是营造一种温暖而充满活力的视觉方案。

· 复古

逐渐消逝的颜色是自然怀旧的代表,所以柔和的色彩应该在复古类型的网站设计中占据显着地位。在上面的sweez这个面包店的网站设计中,通过斑点,粉红色和淡蓝色,就像它的草书字体,给予它独特的复古感觉。

在上面的这个葡萄园网页设计中,通过使用独特的复古复兴的外观设计,展示了一个非常不同的风格例子。不同的标题字体的组合以及模仿双色印刷是一个特别的视觉元素,让用户感觉像一个历史悠久的葡萄园,一定至一个不错的选择。

· 单色

尽管蜡笔色是成为彩色组合的完美候选人,但它们在类似配色方案中的功能也非常的出色。上面的这个网站设计展示了如何轻柔地通过橙色色调的不同表现可以做出不同的视觉方案。

· 极简主义

有时候,一个令人信赖或感到舒适的网站设计所需要的仅仅是极简主义元素。上面的这款天气应用程序的使用大范围的绿色和蓝调还有一大堆深色系的颜色搭配出一个不同寻常的组合,你仿佛可以感到网站此刻就在发出手机震动的嗡嗡声,现代字体增加了足够的兴趣,吸引观众进一步探索。

2.色彩工具可以帮助你找到完美的配色

从许多这些例子可以看出,通常,调色板可以帮助网站设计从普通到意想不到。如果你对配色这方面需要帮助的话,网络上有几种颜色选择工具非常值得探索。

· 调色板

Design Seeds上有不少能够让人眼前一亮的调色板分享。如果你浏览这个网站,你会注意到所有最近的帖子中流行的柔和的色彩组合,这个现象也说明了这一趋势变化的速度如此之快。

· 意象

尝试在Designspiration上进行基于颜色的搜索,以找到大量在设计工作中流行的颜色组合的示例。你可以从其调色板中选择多达五种色调,因此可以轻松找出甚至非常复杂的组合的示例。

· 图片

如果你需要一些很好的图片素材来提升你的网页设计,你还可以浏览Shutterstock Spectrum,它通过颜色对图片进行分类,并排列形成一个巨大的图像库,方式与Designspiration类似,但更具体。

当然,柔和的配色方案并不是适用于所有类型网站的最佳选择。如果你想要一个柔和的外观,那么明亮与暗色的色调混合可能是正确的组合。对于那些需要让人感觉到奢华或者说隆重的网站场景,紫红色和奶油色可能是比较合适的选择。但是,如果你正在寻找一种增添平淡和温暖的调色板,通过增加兴趣点而不会压倒设计的其余部分的话,柔和的调色板可能只是你的项目的最好选择。

----图文来自:design shack

----由深圳网站建设公司-Clh翻译编辑整理

更多精彩内容其他人还在看

八种很漂亮的排版方法和技巧分享

这一篇教程的版式设计主要针对的是画册设计中的版式排版设计,作者一共总结了八种很漂亮的排版方法和技巧给大家分享出来,希望这篇教程能对大家有所帮助
收藏 0 赞 0 分享

怎样才能恰如其分地运用对比提升设计品质呢?

对比实际上是每一项设计都应体现的重要原则,因为对比能够组织设计并构建设计的层次,也就是说它能够告诉观众什么才是最重要的部分。恰当地运用对比不仅能强调焦点,还可以增添视觉趣味性。那么怎样才能恰如其分地运用对比提升设计品质呢?我们来看看吧
收藏 0 赞 0 分享

如何努力成为一名复合型设计师?UI设计师需要其他技能盘点

复合型人才应该是在各个方面都有一定能力,在某一个具体的方面要能出类拔萃的人,那么也就是说作为一名“单纯”的UI界面设计师,理应具备其他技能,这样才能更具竞争力。那么UI设计师可以有哪些其他技能呢?来看看吧
收藏 0 赞 0 分享

实用:40个标志设计的心得技巧

好的标志设计不仅需要让你的作品显得富及创意及好看,它还需要能够与受众产生品牌信息的沟通。今天就为大家分享40个标志设计的心得技巧,对于初学者来说非常值得学习,好了,下面我们来学习吧
收藏 0 赞 0 分享

连续法法则 连续性在平面设计中的应用

利用连续性的心理法则,我们可以在设计中创造一种张力——从而形成一种吸引力,今天为大家分享连续性在平面设计中的应用,很实用,值得大家学习,推荐过来,希望能对大家有所帮助
收藏 0 赞 0 分享

电商banner和海报文字排版的几个实用小技巧

今天为大家分享电商banner和海报文字排版的几个实用小技巧,教程真的很实用,非常适合初学者来学习,值得大家来学习,推荐到脚本之家,来看看吧
收藏 0 赞 0 分享

两个实战案例帮你一窥专业设计师才会的设计思维

我们平时评判一个设计的好与坏,很多时候都是从色彩好不好看、使用时有没有可用性的问题等等角度来做出判断,今天为大家分享通过两个实战案例帮你一窥专业设计师才会的设计思维技巧,一起来看看吧
收藏 0 赞 0 分享

5个维度来说说视觉设计师的设计风格

想要把设计风格讲清楚,的确不是一件容易的事。但绝对要避免从感性的角度来阐述事实的这种习惯,毕竟现在的移动产品从视觉表现力方面正在逐步降低要求,这种环境的变化也是要求视觉设计师应该主动去加强设计思路的原因,下面从5个维度来说说视觉设计师的设计风格
收藏 0 赞 0 分享

电商设计师究竟该如何正确认知自己的价值呢?

要想知道电商设计师的价值是什么,就先要知道电商设计师是谁是做什么的,那么电商设计师是做什么的呢?今天为大家分享电商设计师究竟该如何正确认知自己的价值,一起来看看吧
收藏 0 赞 0 分享

超实用:字体设计之笔体笔划知识全攻略

汉字的基本笔划有点、横、竖、撇、捺、挑、折、勾8种,每种在此基础上又细分出很多同类笔划,今天为大家分享字体设计之笔体笔划知识全攻略,非常实用,值得大家学习,一起来看看吧
收藏 0 赞 0 分享
查看更多