优秀的网页设计能够在用户浏览后留下深刻的印象,包括页面的布局、图片展示以及内容编辑等,都是影响用户体验的重要环节。当然了,所有的网页元素设计都是离不开色彩搭配的,因为网站的视觉效果、版面风格等是由颜色决定的。视觉设计是表达网页信息的关键,也是用户产生视觉共鸣的第一要素。为了吸引用户的注意力,视觉设计的色彩通常通过这些关系来搭配。
灵活运用色彩
“明度是色彩的骨骼,是色彩的关键;色相是色彩的华美肌肤,是色彩的灵魂;纯度体现色彩内向的品质,是色彩的精神。”
1.明度对比
明度是精神(明暗对比会让你眼前一亮)明—暗对比,刻画质感,而质感就是我们的眼睛一直苦苦寻求的。
明度对比产生的原因是物体表面吸收和反射光线的能力不同。黑白对比是最强烈的色彩对比,这是一个使用色彩数量最少而效果最强烈的极端性色彩对比实例。深灰和浅灰所产生的明暗对比效果就要和缓一些。
2.色相对比
色相对比是两种以上色彩组合后,由于色相差别而形成的色彩对比效果称为色相对比。它是色彩对比的一个根本方面,其对比强弱程度取决于色相之间在色相环上的距离(角度),距离(角度)越小对比越弱,反之则对比越强。
3.纯度对比
纯度是态度、情绪(热情洋溢或者含蓄腼腆),纯度对比指饱和度(即鲜艳度)对比。
纯度对比的强弱,会产生不同的色彩效果,给我们的视觉带来一定的冲击。不同效果即明暗、色相、饱和度的强烈都是建立在我们所需要表达的需求之上,不必为了表达情感而忽略了用户的体验效果。
色彩的平衡分布
色彩分布的平衡是网页构图中是很重要的。网页配色选择
暖色:红色、橙色、黄色,冷色:绿色、蓝色、紫色,无彩色:白色、灰色、黑色
配色是发自内心的、表达内心情感的感性行为。
以前有过一个研究:红色的草莓慕斯被放在白盘子上的时候,吃起来会更浓郁。另外,从视觉设计的角度来讲,使用白色也是一个比较好控制的方案。 所以~ 我们现在看到的星巴克才普遍都用白杯子装,如果你把他们倒进另一个杯子,喝起来很可能就不一样了。
最后,在网页配色中,还要切记一些误区:不要在一个网页中出现过多颜色,尽量控制在三种色彩以内。