色彩在网页设计中扮演着举足轻重的角色 , 在影响网页功能的同时 , 调动着观者的情绪 。文章阐述了网页色彩成像的规律和方式 , 着重分析了色彩在网页的可用性、认知与美感和情感中的巨大影响 , 并介绍了网页色彩的可用性、偏好和情感表达的评估方法 。
一、网页中的色彩
在现实世界中 , 我们看到的色彩由三种色光组成 , 他们本身不能再拆分出其他的色彩成分 , 所以被称为三原色 。光学的三原色由红、绿、蓝组成 , 这三种光混合则会形成白色光 。电脑的屏幕成像同样符合这一原理 , 由三原色光构成色彩 。在网页html语言中 , 我们使用RGB色彩模式 , 通过调节三原色的数值表达确定的色彩 。
【网页设计与色彩分析】
二、色彩对网页设计的影响
(一)色彩与网页可用性网站的重中之重就是其功能性 。网页需要有效地传递信息 , 帮助用户在互联网“地图”中来回自由穿梭 , 能够去往想去的地方 , 不至于迷路 , 最终攫取到自身所需的内容 。网页在多大程度上能实现其目标功能被称为网页的可用性 , 而色彩是其中重要的影响因素之一 。在导航设计中 , 文字与背景色彩的选择决定用户是否能快速地察觉链接并正确地点击 。导航中色彩组合会影响点击精度和速度 , 如果一个目标对象相对显眼 , 相应的搜索时间可以提升83% 。选用不当的图底对比色彩组合 , 会使文字模糊不清 , 难以在第一时间察觉和辨别 , 不仅影响搜索效率 , 更是不美观 。在颜色的选择时 , 应该仔细思考选择目的和期望的效果 , 再添加适合的颜色 。在网站的布局方面 , 色彩起着分组和层级的作用 , 是用于创造界面布局的最有影响力的元素 。通过色彩的选择 , 我们可以将界面的某些元素突出或隐藏起来 。色彩不仅将元素分割开来 , 比如导航菜单内容文字、标题、图片、符号和广告灯等内容 , 也可以使界面元素互相协调 , 达到设计的一致性 。错误的颜色选择则会导致混乱 , 使界面上出现“坏斑” , 破坏整体效果 。
(二)色彩、认知与美感有数据表明 , 用户会在打开网页的最初5秒钟内形成对网页的初步印象 , 并且决定是否继续浏览该网页 。所以 , 从认知形成的角度来说 , 色彩很大程度上决定着一个网页的生死 。色彩还有一种使人增强记忆的作用 。巧妙而独特的网页色彩搭配可以浏览者留下深刻的印象 , 从而从海量的网站中脱颖而出 。“没有丑陋的颜色 , 只有丑陋的搭配 。”色彩的组合是影响页面美感的重要因素 。有研究表明 , 虽然每个人对于色彩的偏好是不同的 , 但是其中存在着一定的规律 。对于特定人群 , 需要开发迎合其审美的色彩组合 。在选用色彩时 , 可以遵守视觉设计普遍规律:对比与平衡 。
(三)色彩与情感心理学家认为 , 情感是指个体对客观事物是否符合自身需要的态度体验 。人在接触网页色彩后 , 会通过直觉形成一种“感觉” , 继续深入探索和思考后 , 就会引起悲、喜、优等心理反应 , 形成更高层次的“感情” 。在不同的用户群体中 , 美感偏好具有高度的主观性和差异性 。根据Norman的人脑识别处理的三个层次理论 , 人脑对美感呈现中的色彩搭配的处理处于“本能层次(VeisceralLevel)” , 即在大脑处理前就会对对象进行生理反馈 。但是这一点在之前的研究中体现的不多 , 应为美感偏好不仅受本能影响 , 还会受思考(reflective)的影响 。
推荐阅读
- 服装营销网页设计中的色彩运用
- 静态网页设计的问题及措施
- 网页设计中DIV+CSS布局技术的应用
- 网页设计中运用计算机图像处理技术
- 互联网背景下网页设计分析
- 网页设计中计算机多媒体技术的重要性
- 网页设计中的人性化设计
- 网页设计中色彩研究
- 图片优势在网页设计中的应用
- 网页设计中字体的应用