网站设计之网页的配色总感觉怪怪的?要怎么调整?

配色里的注意事项和最基础的配色原则。

下面用一个案例来帮助大家理解下配色。

网站设计之网页的配色总感觉怪怪的?要怎么调整?

大家看下这张海报,有没有感觉怪怪的?挺土气~  原因是什么?抛开排版等其他元素不谈。下面我们一起分析下这张海报的配色问题。

网站设计之网页的配色总感觉怪怪的?要怎么调整?

海报中出现的3种颜色,无论是色相还是饱和度明度,全部都不一致。而且颜色对比不够,看起来比较浑浊。

之前学美术,老师最经常说的一句话就是暗的更暗,亮的更亮!目的是为了增强对比!

一般让人感觉比较舒服的配色,不管使用什么色相,只要明度和饱和度保持统一,色彩看起来就是井然有序非常舒服的,这就是配色最基本原则。

要是明度或者纯度不统一,看起来就会很不和谐感觉怪怪的。

下面我修改一下

网站设计之网页的配色总感觉怪怪的?要怎么调整?

去掉多余的点缀元素,更改下配色。大家在看颜色是不是就舒服了一些?

我是怎么改的颜色?

首先把紫色调整偏蓝一些,与红色对比拉开,不然会看起来很浑浊。然后将红色的饱和度的值与蓝色的饱和度值调整为相近值。(具体要以人眼实际感受为主,不能单一追求数值。)

网站设计之网页的配色总感觉怪怪的?要怎么调整?

然后重新调整下排版,底色直接改成白色。是不是好很多。

网站设计之网页的配色总感觉怪怪的?要怎么调整?

上图中的颜色搭配虽然和谐,但是并不能体现出模特的干练、优雅、熟女的气质。

所以想表现成熟,一定要压低饱和度,我这边直接把蓝色的饱和度明度改成0,就是黑色。 这也就是为什么黑白是永不过时的百搭色原因,因为黑白本身无饱和度!所以当你不知道怎么穿衣的时候不妨穿个黑色的,不知怎么配色的时候不妨用下黑色。

然后红色改成了很适合成熟女性的品红。 看下效果是不是比刚才的更符合人物产品气质?

网站设计之网页的配色总感觉怪怪的?要怎么调整?

除此之外我们工作中还会经常涉及到促销海报以及运营口中的高端大气有档次海报,下面我们继续进行调整…

假如想表现促销感可以使用大面积的高纯度颜色,面积越大刺激性越强。淘宝官方的很多banner基本都是各种纯色拼接。

但是几种高纯度颜色混合的话容易显得花哨,所以既想有高逼格又要有促销性的海报最好只用一种高纯度颜色,然后配其他低纯度色彩,我这里直接搭配了无纯度的黑和白。下面大家看下效果。

网站设计之网页的配色总感觉怪怪的?要怎么调整?

最后若想单一的只表现轻奢感,高端大气有档次,可以直接采用高级配色(黑+棕)之前文章也讲过,这里不多赘述。一定要注意留白,下面看下效果。

网站设计之网页的配色总感觉怪怪的?要怎么调整?

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/260656.html

(0)
上一篇 2022年5月24日
下一篇 2022年5月24日

相关推荐

发表回复

登录后才能评论