分享

网页设计该如何选择配色?这3个方法要记得

 光酱读书 2019-12-24

如果我们想要设计一个网站,那么就需要选择合适的颜色进行设计,这可不是一个轻松的决定。我们不仅要有好的页面设计逻辑,颜色搭配也极为重要。优秀的色彩搭配会增加访客,还能够维持客户活跃度,还能对品牌产生积极的影响,但是不合时宜的颜色,可能会增加网站跳失率,减少页面停留,所以好的色彩搭配是网页设计给大家留下第一印象最快也是最直接的方法,所以我们可以结合色彩理论及逆行你选择。

首先我们需要知道色彩的定义?

每种颜色都有不同含义,它会以特定的方式影响人们,不同的颜色能够向我们传达不一样的信息。接下来就让我们看看不同情况下的色彩:

暖色调

一般暖色调会给我们充满活力的感觉,但是单独使用,往往会感到过度刺激。所以加入一些冷色和中性色来保持色彩平衡,也是常用的手法。常见的暖色调有:

红色:活跃,情感,热情,力量,爱,强度

粉红色 :甜美,浪漫,俏皮,温暖,富有同情心,柔软

橙色:温暖,热情,成功,决心,友好

黄色 :年轻,活泼,充满活力,清新,乐观

冷色调

冷色调对于观众来说有镇静作用,所以再网络上,经常网站上经常会使用冷色调,与暖色调一样过度使用,会给人一种寒冷、不容易亲近的感觉。常见的冷色调有:

绿色:清新,平静,放松,信任,和平,充满希望,愈合

蓝色:舒适,清晰,冷静,信任,诚信,忠诚,可靠

紫色:魅力,力量,怀旧,奢华,野心,精神

中性色

无论暖色或冷色,中性色总是能够和它们完美混合,通常用于调低原色页面中的比例,从而达到一种视觉平衡。常见的中性色有:

灰色:尊重,智慧,耐心,现代,长寿,聪明

黑色:强大,严肃,优雅,豪华,戏剧,正式

棕色:友谊,户外,可信度,简单,耐力

根据色彩心理学和品牌选择主题色

首先每个品牌有专属的色彩,例如CNN用的就是黑、白、红;国家地理的黄色;麦当劳的红、黄。这是品牌的专属颜色,经过长时间的积累,已经能够不看logo就能知道这是什么品牌。

但也有些时候,我们也不一定按照品牌的基础色来,而是根据行业的趋势来,例如,餐馆更多的时候是红、橙;奢侈品更多的是黑色。

接下来我们该做些什么呢?

首先我们需要根据主题色,搭配几个可以与其和谐相处的颜色,然后建立起基础设,一般来说,筛选出的颜色不超过3种,超过3种的话,会让人觉得画面很乱。

60-30-10原则

一般来说,我们很多时候做网站,会用到60-30-10规则,这种以60%-30%-10%的比例组合的颜色组合,能够让混合的颜色看起来更加地和谐。但是很多时候,我们用到的可能并不止三种颜色,这个时候我们就讲他更改为60%主色,30%次要色,10%强调色,这样一来,也一样能够保证页面和谐,因为这个比例对人眼来说是最令人舒适的。

Adobe Color Wheel就是一个不错的工具,我们可以通过将中间选择器设置为主色,然后使用颜色规则来获取其他的颜色。此工具非常好用,能够给你的配色方案提供很多帮助。

色彩对比度

色彩对比度也是网页设计配色中相对重要的一环,例如想要获取大家的注意力,我们就可以在局部使用两种高对比度的颜色,例如橙色和绿色,或红色和蓝色作为背景和按钮。但是我们要谨慎使用,如果整个网站上使用高对比,会让人难以阅读文本。所以选择中级对比度,能够给人更舒适的感觉,只有在突出显示关键元素时才应用高对比度。

图像的使用

有时候,图像的使用也能够对我们的网页设计有一些帮助,如果您有品牌图像或是客户已经选择了图像,那么我们就能直接从图像中拾取主要颜色。

但是多个图像排列会让新手手忙脚乱,所以我们就需要找到令色彩和谐的方法。在这种情况下,有几种方法可以平衡图像:

1.考虑把它们变成灰度

2.调整图像的鲜艳度以降低对比度

3.使用中性来平衡图像

4.用网页设计的主色调创建渐变叠加层

这几种方法的使用能够让页面更和谐,看起来更加协调。

希望我的介绍能够让你对网页的配色能够能够更有想法,在设计中没有严格的规则,色彩心理学可以作为你的设计指南,但不要不自信,要相信你的创作本能。

我是光酱,一个设计师,如果想要和我一起学设计,请记得关注我哦。如果喜欢我的文章,小伙伴们可以多多点赞、转发、收藏哦。

    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多