51前途

菜单

秒变配色高手!入门网页配色,快速掌握有效的配色方法

皮皮三 2018.10.10 432 0

 

现在,网页的配色越来越重要,已经不像以前只在乎实用价值,现在更加偏向于网页的美观与舒适度。毫无疑问,在当下创建一套能吸引人们眼球的网站至为重要。我们在网页配色时,如何才能更加精确地控制色彩呢?今天我们来学习学习,如何更加系统地解决网页配色问题。


秒变配色高手!入门网页配色,快速掌握有效的配色方法 


第一步:网页配色入门

 

网页配色前,我们首先要考虑,我们需要做一个怎样的网站,创建这个网站的目的是什么,主要点击人群是那一部分等等因素。

另一方面,我们需要了解清楚,现在所建立的网站是否拥有现成的品牌,风格又是什么、主要的排版、氛围等。


image.png 


1、为网站注入情感特色

网页配色往往与产品品牌有这不可或缺的关系。网页所需的配色一般都围绕品牌颜色进行设计调配。而不同的颜色就犹如不同的语言文字,都存在着一定的信息表达效果。

 

所有在深入了解一个网站之前,用户通常先注意到色彩,色彩所传达出来的情绪会下意识地感染用户,所以你可以利用这种原理来设计网站、优化品牌。

 

下面是一些常见色彩的含义:

・红色:能量,力量,活力

・橙色:开朗,热情,快乐

・黄色:乐观,清新,法律

・黑色:强大,神秘,高贵

 

有些著名的品牌在色彩的情感传达上非常突出,举一例子:

HMLOGO中的红色所包含的活力感、愉悦和能量会促使用户愉悦感,这样的色彩搭配构成了HM独特的品牌情感传达,和品牌故事。色彩非常简明,并且专注于视频领域的推广和传播。


image.png 

image.png 

 

例如谷歌,使用多色彩的品牌通常都传递出创意、色彩和艺术性。保持创意、愉悦和自然。毫无疑问,谷歌掌控着搜索的艺术,谷歌搜索的主页也一直是以实用为主要诉求。虽然使用了多种色彩,但是谷歌还是选择蓝色作为LOGO中的基础色,赋予整个LOGO以层次感和对比度。


image.png 


2、搜索网页配色

 

接下来,我们需要前期准备被设想,网站想要具备什么样的个性,想传达什么样的感情。有了这些基础的东西之后,可以根据这些含义来匹配颜色。看看那些已经同类的、成型的品牌的配色,创达的品牌价值观,情感和色彩。下面我们用星巴克来说说。

 

星巴克,logo为绿色而绿色常常被赋予自然、环境和治愈等含义。星巴克把典型美式文化逐步分解成可以体验的元素:视觉的温馨,听觉的随心所欲,嗅觉的咖啡香味等。 jesper kunde在《公司宗教》中指出:“星巴克的成功在于,在消费者需求的中心由产品转向服务,在由服务转向体验的时代,星巴克成功地创立了一种以创造‘星巴克体验’为特点的‘咖啡宗教’。”

所以在网页配色上以呈现温馨感为主。


image.png 


再例如以视觉中国为例,作为一个大型品牌,视觉中国主要使用了红色和白色来传递信心的感觉,其中的红色传递出行动、能量和激情的感觉,让品牌具备了力量感。


image.png 


介绍了这么多,想必大家都心中有数,在我们需要做网页配色的时候,要把网址所需要的全部特性写下了。了解自我品牌颜色,品牌理念等其他因素。然后就可以开始做设计了。小伙伴们思绪都理清楚了吗,是不是对网页配色有了新的认识呢,有不懂的请留言告诉我们哟!


版权申明:如有侵权文章或者侵权的词语、语句、图片,请立即联系我们删除。

上一篇:平面设计全能+速成班,全面剖析2019平面设计需求! 下一篇:钻展图教程丨如何做出吸引眼球的钻展图

相关文章

推荐课程

更多
课程分类
设计创作
平面设计
Photoshop
CorelDRAW
Illustrator
Indesign
电商行业班
UI设计
Axure
影视包装
AfterEffects
Premiere
CINEMA4D
达芬奇
游戏动画
3DMAX
Nuke
Zbrush
Maya
原画