色彩在网页设计中扮演者举足轻重的角色。在影响网页功能的同时,色彩选择及搭配的合理性及实效性也影响着网站整体设计质量的高低,和阅读者的主观情绪。网页设计者需要了解网页的色彩搭配和不同颜色在网页中带动的情绪和美感,了解色彩在网页的可用性。
一.网页色彩
在现实世界中,我们看到的色彩由三种色光组成。红、绿、蓝被称为三原色,他们本身不能再拆分出其他的色彩成分,混合则会形成白色光。电脑屏幕成像也符合这一原理,由三原色光构成色彩。在网页中,我们使用RGB色彩模式,通过调节三原色的数值表达确定的色彩。
二.网页设计中的色彩搭配
1.以娱乐与主题的网站,主要目的是为了给人们带来轻松感、愉悦感。因此,此类网页在设计上更强调美观,选择刺激性较强的黑色或者红色作为主色调,以达到凸显个性的效果。
2.经济、商业类网页一般为商家用来宣传自身门户的主要工具,浏览的人群多为从事商业活动的员工、雇主及客户等。在色彩搭配及设计上,多强调应用企业标准色作为主题色,既有助于提升企业形象,也有助于加深客户影响和色彩记忆力及联想力
3.政府、机关类网页一般比较严谨和正规。因此在网页主色的选择上尽量选择蓝色等比较沉稳的颜色,在色彩搭配上切忌颜色堆积过多,造成浮夸的色彩效果。避免破坏政府单位形象以及让用户对网站和内容产生质疑。
三.网页色彩的评估方式
对于网页色彩功能侧重点的不同,网页设计的色彩评估方式也会变化。以下为评估网页色彩对网页可用性,网页色彩偏好和网页色彩情感表达时常用的评估方法。
网页色彩可用性评估:
1.通常在选定评估对象,如导航栏、文字段落、按钮等后,以色彩变量设置对比试验注并完成相应任务,通过测算完成时间,正确率等参数评估网页可用性。
色彩情感表达评估:
可借鉴感性工学方法,引入SD语义法。使用色彩模型,例如RGB、CMYK、 PANTON、 NCS等色彩体系,提取色彩属性,分发5或7点量表问卷,将情感标签量化为色彩的属性值,建立色彩与情感主题的科学关系。这一评估方法可以一定程度上地将感性的色彩进行量化,通过确定的数值找到最切合主题的色彩方案。
四.总结
在网页色彩设计中,需要注意的两个点是
1.选择主色
主色是支配页面整体的色彩印象,是留个受众的第一印象。选色时要注意色彩明度的变化,可选两种颜色的类似色,对比色,补色或无彩色与有彩色。
也可选多种颜色中的一种颜色,将其面积扩大,这种颜色为主色来统领整个页面的色彩,即为主调色:;亦设定某一中间色作为多个颜色的基本色,以此来达到整个页面色彩的协调,即为基调色
2.确定色调
选定主色后,则要确定由色相、明度、纯度三要素形成的色调组合,以形成自然的色调感。
网页色彩在具体的使用中,无外乎有三种情况:用一种色彩,然后调整透明度或饱和度,这样的页面看起来色彩统一- ,有层次感;用两种色彩,先选定一种色彩 ,然后选择它对比色;用一个色系,即用使受众产生- -个感觉的色彩。除此之外,切忌使用很多种颜色,同人的穿衣规律一样,页面色彩的使用尽量控制在三种以内。
具体项目开发,网页设计可以咨询“链环科技”