教育网站中的色彩设计

点赞:5314 浏览:19789 近期更新时间:2024-01-27 作者:网友分享原创网站原创

摘 要:教育网站的设计除了实用性设计还应关注艺术性设计,尤其是色彩的设计和应用.研究立足色彩原理的二点基础,依据色彩设计的三点原则,对教育网站中的色彩设计提出四点构思.

关 键 词:教育网站;色彩;色彩设计

中图分类号:TP317.4文献标识码:A文章编号:16727800(2012)007008502

作者简介:彭文秀(1981-),女,湖北武汉人,长江大学计算机科学学院讲师,研究方向为信息技术与课程整合、多媒体教学.

0引言

一个网站,给用户留下第一印象的既不是网站丰富的内容,也不是网站合理的布局形式,而是网站的色彩.教育网站是专门提供教学、招生、学校宣传、资源共享等怎么写作的网站.然而,就目前国内许多教育网站而言,只注重实用性设计,忽视艺术性表现,往往给人一种枯燥乏味的感觉,严重影响了用户的视觉效果,从而使网站的功能大打折扣.因此,教育网站中的色彩设计对于传达网站的信息内容、体现网站的视觉美感、调动用户兴趣和发挥网站功能等各方面都极为重要.

1二点基础

1.1色彩对比

生活中的各类物象的色彩都不是孤立存在的,总会有其它色彩与之相呼应、相衬托,色彩之间所产生的差异,是对比的前提,差异的大小决定对比的强弱.色彩对比可以从色彩的三属性色相、明度、纯度进行不同角度的划分.

色相对比是由色相之间的差别所形成的对比,如在12色相环中,两种色相之间距离依次在30°、60°、120°、180°左右的可分别称为类似色相对比、邻近色相对比、对比色相对比、互补色相对比.明度对比是指色彩间深浅度的对比.明度对比强可以表现出光感强、体感强,形象的清晰程度高,锐利、明白等视觉特征,明度对比弱则表现反之.纯度对比是指因纯度的差别而形成的色彩对比,如高彩对比、中彩对比、低彩对比、艳灰对比.

1.2色彩调和

两个或两个以上的色彩,有秩序、和谐地组织在一起,能使人心情愉快、喜欢、满足.此色彩搭配就叫色彩调和.色彩调和与色彩对比都是构成色彩美感的重要因素.依照色彩的调和规律,从基本原理上大体可分为两个方面:类似调和与对比调和.

类似调和主要是强调色彩要素中的一致性关系,追求色彩关系的统一感.如在色相、明度、纯度中,若有某种要素完全相同,变化其它的要素则称为同一调和.若有某种因素近似,变化其它要素则称为近似调和.

对比调和则是以强调变化而组合的和谐色彩,达到某种既变化又统一的和谐美,也称秩序调和.主要表现在:①在对比强烈的两色中,置入相应的色彩等差、等比的渐变系列,以使对比变得柔和;②通过面积的变化统一色彩;③在对比各色中混入同一色,使各色具有和谐感;④在对比各色的面积中,互置小面积的对比色.

2三点原则

2.1整体性

对整个教育网站而言,必须有一个贯穿始终的设计思路和整体形象,以统一的风格呈现给浏览者,以更好地树立网站的特有形象.而色彩作为教育网站设计主要体现风格形式的视觉要素之一,在设计上则有必要把握彩风格整体性这一原则.因此,在对教育网站进行色彩设计的第一步便是确定“标准色彩”,即能体现网站形象和延伸内涵的色彩.如新浪的,雅虎的白色,这些大型网站都以其成功的标准色彩搭配令人印象深刻.一般来说,一个网站的标准色彩不超过3种,色彩过多易造成搭配效果的杂乱无章.标准色彩主要用于网站的标志、标题、主菜单和主色块,给人以整体统一的感觉,而其它色彩只是作为点缀和衬托,绝不能喧宾夺主.


以清华大学网站(.tsinghua.省略/)为例,其主页与介绍页都以紫色为主,原因为何?我们知道,紫色由红、蓝两色混合而成.红是我们的国色,蓝是西土的象征;红蓝相融就是中西文化的汇通,亦是清华的历史与文化特征.此外,从颜色的情感含义而言,红色代表着热情、温暖和活力,而蓝色代表着理性、冷静和独立.喜欢紫色的人追求完美,渴求知识,富于理性.在中国传统里,紫色代表着优雅和高贵,如“紫禁城”、“紫气东来”.紫色也是浪漫和神秘的色彩,是梦的颜色.这些都能体现出清华大学这一世界名校所孕育的教育理念和文化内涵.

2.2强调性

任何色彩在网页中都不是孤立出现的,总是处于某些色彩的环境之中,当两个或两个以上的色彩处于同一页面时,就能明显地看出它们的差别.色彩的色相、明度、纯度、形状、位置、面积、生理及心理的差别就构成了色彩之间的对比.色彩间还有冷暖、进退、张缩、厚薄等感知方面的差别,也就必然形成冷暖对比、进退对比、厚薄对比等.色彩间差异越大,对比效果就越明显;色彩间差异越小,对比效果就越趋向缓和.利用色彩对比的强调性,可以将教育网站中的主要信息凸显出来,使浏览者能够迅速获得重要信息.

教育网站中的色彩设计参考属性评定
有关论文范文主题研究: 关于色彩的论文范文集 大学生适用: 在职研究生论文、在职论文
相关参考文献下载数量: 15 写作解决问题: 写作参考
毕业论文开题报告: 论文提纲、论文总结 职称论文适用: 职称评定、初级职称
所属大学生专业类别: 写作参考 论文题目推荐度: 经典题目

例如,北京大学网站(.pku.省略/)主要采用属于对比色相的蓝色和红色两种色彩.整个页面显得饱满、活跃.再如,在韩国Donerland儿童学习网站(.donerland.co.kr/ENG/)中,学生的视觉中心会先落到明亮、温馨的两个娃娃上.在色彩中明度最高,使娃娃显得明亮而可爱.粉红色的渐变背景,明亮的色调,显得网站充满童趣.

2.3均衡性

画面中不同形状、大小、明暗等色块在各种对比、调和的情况下所呈现的稳定感,称为色彩的均衡.教育网站中色彩设计的均衡性可以分为对称均衡和非对称均衡两种.

对称均衡是一种最容易达到的均衡,给人以庄重、大方、稳重、严肃、安定、平静等感觉,但也易产生平淡、呆板、单调等不良印象.非对称均衡是指色彩面积、色彩位置、色彩性格等不均的分布,配色时在整体布局中通过对比、削弱、交织、渗化而产生的均衡.

非对称均衡的色彩效果活泼、新鲜、极富运动感,但掌握起来要比对称性均衡复杂很多,设计者需要把握彩的轻与重、进与退、强与弱的关系,主要应注意这几点:第一,一般暖色比冷色面积小,纯色比浊色面积小;第二,当两种色彩的明度接近时,纯度高的比纯度低的色彩面积要小;第三,深色与浅色、冷色与暖色进行强烈对比时,应变化其面积、位置的关系;第四,明度相同的色彩,要尽量寻求一些色相变化.