设计、网站、推广
始于2004年
当前位置:首页 > 网站制作

网页色彩功能浅析

发表日期:2018-2-8 作者来源:派谷网络 浏览次数:

    一直以来,色彩学都是一门让人想要探索的学科,而在当今社会,色彩调和与色彩调性方面的研究信息,直接影响了艺术家、设计师和广告制作人员。如果你是一名网页设计人员,你肯定为如何设计才能得到令人眼睛为之一亮的网页色彩效果而烦恼过,或者经常上网的你,也会想要了解为何银行、公司行号或金融机构的网站总是使用蓝色系?本文主要从色彩的原理,如何有效使用色彩功能以及一些色彩调和技巧上,跟你讲述如何更好地在网站设计和网站配色方案中得到你想要的表达效果。

    首先,我们可以初步学习一下色彩学。

    1、色彩的组成元素

    我们能看到颜色是靠三个元素相互作用而成:光源、物体的反射特性、以及人体视网膜和脑部视觉皮质区对光波的处理方式。不管我们使用哪种媒材来作业,绘画、印刷或网络,我们都得依赖上述过程才能有效使用颜色。

    2、色彩的排列

    十七世纪末期,牛顿证明了色彩并非存在于物体本身,而是光作用的结果,且只要将可视光谱上的长短光波结合起来即可形成白光。这些可视光的波长可对应到七个不同的颜色:红、橙、黄、绿、蓝、靛、紫。

    牛顿在实验中所分离出来的可视光谱其实才占了所有电磁光谱的一小部分,整个光谱范围从分为:短频、长波区(例如收音机调频)到高频、短波区(例如 X 光)。可视光谱的区域是介于红外线与紫外线之间,波长约为 400nm (紫色) 到 700nm (红色) 之间。虽然牛顿证明这些光波结合在一起即形成白光,但其实只需要红、绿、蓝三光波就可以产生白光。

    3、光的吸收与反射

    当光波投射在物体身上后,该物质会传送、吸收或反射不同部分的光波。根据不同物体的特性以及它本身的原子构造,它可能反射了绿光但吸收了其它的波长。这时候人们的视网膜和脑部视觉皮质区会处理此一反射光,然后形成我们所看到的颜色。

    一般情况下,艺术家和设计师将颜色复制到画布或纸张上,就是依照这样一个过程来做的,利用颜料吸收了某个部分的光波、反射出其它光波。例如要产生绿色,我们可使用会吸收红、蓝光波的颜料即可。这一过程是所有绘画与印刷媒体的色彩模式基础。当然,网页设计的配色也可从这一过程中得到。

    首先你必须清楚地知道网站所要传达的信息和品牌。选择可以加强这些信息的颜色。例如,如果在设计一个强调稳健的金融机构,那么就要选择冷色系、柔和的颜色,像是蓝、灰或绿。在这样的状况下,如果使用暖色系或活泼的颜色,可能会破坏了该网站品牌。 如果要设计的是一个可爱的儿童服饰,那么就要选择一些暖色系或者比较活泼的颜色,例如黄色、绿色或者红色,当然此时你不能选择色感较重或过硬的冷色系。

    站在你的访客角度上去挑选颜色。文化差异可能会使色彩产生非预期的反应。同时,不同地区与不同年龄层对颜色的反应亦会有所不同。年轻族群一般比较喜欢饱和色,这种颜色往往比较抢眼和活泼,但这样的颜色却引不起高年龄层的兴趣,所以对准你的目标客户十分重要。

    注意不要使用过多的颜色。除了黑色和白色以外,约选择四到五个颜色就够了。太多的颜色会导致混淆,也会分散访客的注意力。 可以考虑在阅读的部分使用对比色。颜色太接近无法产生足够的对比效果,也会妨碍访客阅读。白底黑字的阅读效果最好。

    网站在选择颜色还要注意时效性。一般情况下,同一个色彩很容易会在一段时间内充斥着整个市场,且消费者很快的就对流行色彩感到厌烦或者麻木。但另一方面,你可以创新性地使用几十年前的流行色彩,不仅会引起人们的怀旧之情,也有可能造成一种网页色彩的新时尚。

    用灰阶来测试对比。当你在处理黑色、白色和灰色以外的颜色的时候,有时候会很难决定每个颜色的相对值。为了要确认你的色盘能提供足够的对比,你可以建立一个仿真网站,并将它转换成灰阶即可。

    选择色盘时请考虑功能性的颜色。别忘了将关键信息部分建立功能性的颜色,例如标题和超级链接可以加上不同的颜色,方便访客辨认阅读。

本文章系本站编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本站联系,我们将在第一时间删除内容!

相关网站设计案例

相关推荐新闻
网站建设解决方案