昆山网页设计选择配色的方法
菜鸟科技
如果我们想要设计一个网站,那么就需要选择合适的颜色进行设计,这可不是一个轻松的决定。我们不仅要有好的页面设计逻辑,颜色搭配也极为重要。优秀的色彩搭配会增加访客,还能够维持客户活跃度,还能对品牌产生积极的影响,但是不合时宜的颜色,可能会增加网站跳失率,减少页面停留,所以好的色彩搭配是网页设计给大家留下第*印象*快也是*直接的方法,所以我们可以结合色彩理论及逆行你选择。
首先我们需要知道色彩的定义?
每种颜色都有不同含义,它会以特定的方式影响人们,不同的颜色能够向我们传达不一样的信息。接下来就让我们看看不同情况下的色彩:
一般暖色调会给我们充满活力的感觉,但是单独使用,往往会感到过度刺激。所以加入一些冷色和中性色来保持色彩平衡,也是常用的手法。常见的暖色调有:
红色:活跃,情感,热情,力量,爱,强度
粉红色 :甜美,浪漫,俏皮,温暖,富有同情心,柔软
橙色:温暖,热情,成功,决心,友好
电影 :年轻,活泼,充满活力,清新,乐观
冷色调对于观众来说有镇静作用,所以再网络上,经常网站上经常会使用冷色调,与暖色调一样过度使用,会给人一种寒冷、不容易亲近的感觉。常见的冷色调有:
绿色:清新,平静,放松,信任,和平,充满希望,愈合
蓝色:舒适,清晰,冷静,信任,诚信,忠诚,可靠
紫色:魅力,力量,怀旧,奢华,野心,精神
无论暖色或冷色,中性色总是能够和它们完美混合,通常用于调低原色页面中的比例,从而达到一种视觉平衡。常见的中性色有:
灰色:尊重,智慧,耐心,现代,长寿,聪明
黑色:强大,严肃,优雅,豪华,戏剧,正式
棕色:友谊,户外,可信度,简单,耐力
根据色彩心理学和品牌选择主题色
首先每个品牌有专属的色彩,例如CNN用的就是黑、白、红;国家地理的电影;麦当劳的红、黄。这是品牌的专属颜色,经过长时间的积累,已经能够不看logo就能知道这是什么品牌。
但也有些时候,我们也不一定按照品牌的基础色来,而是根据行业的趋势来,例如,餐馆更多的时候是红、橙;奢侈品更多的是黑色。
接下来我们该做些什么呢?
首先我们需要根据主题色,搭配几个可以与其和谐相处的颜色,然后建立起基础设,一般来说,筛选出的颜色不超过3种,超过3种的话,会让人觉得画面很乱。
一般来说,我们很多时候做网站,会用到60-30-10规则,这种以60%-30%-10%的比例组合的颜色组合,能够让混合的颜色看起来更加地和谐。但是很多时候,我们用到的可能并不止三种颜色,这个时候我们就讲他更改为60%主色,30%次要色,10%强调色,这样一来,也一样能够保证页面和谐,因为这个比例对人眼来说是*令人舒适的。
Adobe Color Wheel就是一个不错的工具,我们可以通过将中间选择器设置为主色,然后使用颜色规则来获取其他的颜色。此工具非常好用,能够给你的配色方案提供很多帮助。
色彩对比度也是网页设计配色中相对重要的一环,例如想要获取大家的注意力,我们就可以在局部使用两种高对比度的颜色,例如橙色和绿色,或红色和蓝色作为背景和按钮。但是我们要谨慎使用,如果整个网站上使用高对比,会让人难以阅读文本。所以选择中级对比度,能够给人更舒适的感觉,只有在突出显示关键元素时才应用高对比度。
有时候,图像的使用也能够对我们的网页设计有一些帮助,如果您有品牌图像或是客户已经选择了图像,那么我们就能直接从图像中拾取主要颜色。
但是多个图像排列会让新手手忙脚乱,所以我们就需要找到令色彩和谐的方法。在这种情况下,有几种方法可以平衡图像:
1.考虑把它们变成灰度
2.调整图像的鲜艳度以降低对比度
3.使用中性来平衡图像
4.用网页设计的主色调创建渐变叠加层
这几种方法的使用能够让页面更和谐,看起来更加协调。