视觉效果和教育心理学在教学网页设计中的应用,网站设计论文.docx

《视觉效果和教育心理学在教学网页设计中的应用,网站设计论文.docx》由会员分享，可在线阅读，更多相关《视觉效果和教育心理学在教学网页设计中的应用,网站设计论文.docx（10页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、视觉效果和教育心理学在教学网页设计中的应用,网站设计论文现代社会，信息化学习已经席卷而来，学习环境网络化、学习资源数字化、学习方式多样化作为信息时代学习的特征，得到学术界的认定。学习者必须充分利用网络资源、转变学习方式，变被动学习为主动学习、变接受式学习为发现式学习、变个别学习为协作式学习。逐步改变以老师为中心、课堂为中心、书本为中心的局面，促进学生创新意识与实践能力的发展。 与此同时，作为互联网时代混合式学习的重要元素-教学网站设计，其重要性也日益显现和提高。统观教学网页的多元化发展，其结果却不尽人意，大部分仍停留在文本阅读或简单网页跳转水平，有悖于我们当下提倡的 自主、探究与协作 的学习方

2、式。除此之外，大部分有关教学网页设计的研究，都是从网页设计本身出发，如页面风格、交互功能以及导航策略等，缺乏对视觉效果和教育心理学在教学网页设计中的应用研究，这在很大程度上制约了自主学习的积极性。 2 视觉传达下的教学网站设计 2.1 文字的视觉传达 作为信息传播的主要符号和手段，文字无疑是网页设计的主体，不仅仅是网页的重要组成元素，更是网页信息的重要描绘叙述要素。作为网页的形象要素之一，文字除了表意功能外1，还要详细结合学生的视觉特征，综合考虑字号、字体以及行间距等设计要素。为了打造教学网站自个的特色和风格，设计者能够结合实际选择字体。比方，选择粗仿宋体来具体表现出专业化，选择广告体来具体表

3、现出精致华美化，选择手写字体来具体表现出亲切化，等等。教学网页设计时，能够对字体选择进行考虑和设计，用不同字体的变化来打破刻板的教学形式，让学生在学习经过中通过视觉传达体会愉悦的学习经过。 2.2 图形的视觉传达 图片属于最早被引入网络媒体中的表意符号，在当今图像化时代，图片对受众的吸引力比文字有过之无不及。图片在美化网页的同时，极大地扩展了所传达的信息量。图片所产生的视觉效果能够有效加强网页的趣味性，让本来平淡无奇的网页变得更有画面感，实现信息传达的立体化、层面化和直接化。网页图片一般分为两种，即主体图片和辅助图片。 主体图片以信息内容的直接传达为目的，包括标题图、新闻照片等。而辅助图片是为

4、实现网页的艺术化而设计的图片，其主要作用是衬托主题和渲染气氛，典型的就是背景图片。在教学网页设计中，设计者要赋予图片以视觉美感，能够通过点线面的不同排列组合，灵敏采取夸大、象征等手法来到达预期的视觉效果，实现图片艺术性。所以，教学网页的设计中，要擅长合理运用图片，一方面强化知识点的理解，另一方面激发学生的学习兴趣，通过视觉上的审美冲击，给学生留下深入印象和良好心理反响。 3 色彩心理学下的教学网页设计 3.1 色彩的整体设置 色彩的视觉效果不仅在很大程度上直接影响着学生的阅读兴趣，而且还决定着网页的整体效果。在色彩设计经过中，要遵循整体协调，局部平衡和突出重点的设计原则，对不同色彩进行灵敏组合

5、，搭配出具有美感的网页。色彩设计要根据网页整体风格定出主色调，教学网页的主色调通常以柔和淡雅的淡色为主，然后配以深色文字，这样有助于突出重点。设计者能够通过对单色色彩的饱和度调整、邻近色的选用以及比照色的配用等方式方法来实现2.网页的色彩并非多多益善，主色调通常不超过三种色彩，主要是通过调整不同色彩的属性来实现色彩变化。 除此之外，不同色调的心理暗示也不尽一样，色彩知觉同人的主观情绪、联想以及象征意义等因素有着密切联络。基于不同色彩有不同心理暗示，在教学网页色彩构图设计中，一定要符合上轻下重的视觉生理特征，把轻色布置在上部，重色布置于下部。若是网页上部搭配重色，那么在下部边缘位置要相应地配以重

6、色，以此到达平衡构图的目的。灵敏运用色彩的强弱，能够避免画面的单调，实现网页画面色彩的动态感和平衡感，消除学生学习经过中的视觉疲惫。在教学网页设计中，绿色能使人产生一种轻松愉悦的感觉，阳光、绿荫和草地的搭配作为背景设计，能够给学生提供一种轻松、自然和愉悦的学习环境。 3.2 色彩的冷暖感 所谓的色彩冷暖关系，就是补色关系。冷暖感实际上是人类触觉对外界温度的一种本能反响。阳光、火焰等反射出来的红色光具有导热作用，人们称之为 暖色 .而人们处于高山、雪地以及蓝天等自然环境中时，感觉严寒，因而蓝色、蓝绿或蓝紫色称为 冷色 .能够讲，红与蓝构成了冷暖色系的两个极端，而居于两者中间的中性色就是绿和紫。除

7、此之外，金银黑白灰五种色彩在色彩心理上也属于中性色，能够同奇特色进行调和，构成缓解效应，十分是同原色的调和。网页设计中的主色调决定了网页的整体冷暖感。教学网页所传达的信息除了需要用精准的文字加以表述外，还应该进行色彩的合理搭配，让学生构成一种类似色知觉的反映，进而有效提高网页的信息传达效果。 3.3 色彩的轻重感 色彩的明度在很大程度上决定着色彩的轻重感。通常明度较高以及色相较冷的色彩给人较轻的感觉，比方，白色就使人感觉轻，让人不由自主地联想到雾、白云等，具有轻柔的美感；相反，那些明度较低和色相暖的色彩给人较重的感觉，典型的就属黑色。黑色让人自然地联想到夜晚、金属等，具有厚重、踏实的感觉。所以

8、，但凡加白提高亮堂度的色彩就会变轻，反之，加黑降低亮堂度的色彩就会变重。在教学网页设计中，通常网页的下部采用亮堂度较低的色彩，给学生一种沉静的感觉，而对于儿童类教学网站，最好采用亮堂度较高的色彩，给学生一种轻快感。 3.4 色彩的距离感 网页上的色彩，有的会让人产生突出和亲近感，有的会让人产生隐退和远离感。而色彩的明度和色相是这种距离感产生的主要原因。通常是暖色近，冷色远，纯色近而灰色远，比照强的色彩近，比照弱的色彩远。色彩鲜明、清楚明晰的暖色有助于主题的突出，色彩模糊、昏暗的冷色能够衬托主题。有的教学网站利用这种色彩的距离感，构成一种具有强烈进退感的视觉效果。比方，在网页上部设计为广阔的浅蓝

9、色天空，给学生一种身心放松，心旷神怡的感觉。 3.5 色彩的华美与质朴感 色彩的华美与质朴与色彩的色相有着很大的关系。纯度、明度较高的鲜明色，包括金、橙、红等色彩能够给人一种辉煌、亮丽感觉，反之，那些纯度、明度较低的灰暗色，包括蓝、蓝绿等冷色则会给人一种素净、质朴的感觉。以纯度来讲，饱和的湖蓝、孔雀蓝以及宝石蓝也会给人华美的感觉，而纯度低的浊色则会给人质朴感。以亮堂度来讲，亮堂的色彩比拟灵动、轻快，具有华美感，而灰暗色彩就显得比拟深沉和厚重，带有明显朴素感。前者主要用于艺术设计类教学网页设计，后者主要用于医学教育网页设计。除此之外，色相的多少也产生一定的影响，色相多就显得网页华美，色相少则显得

10、网页朴素。在教学网页的设计中，设计者要结合详细情况合理把握网页色彩的华美感和质朴感3. 4 认知心理学下的教学网页设计 互联网时代的混合式学习重要元素有：在线课件、教学视频、文章案例、文献导读、线上讨论等。为了更好地对开放教育源进行会聚和推送，缩短学生从探究到接受的自主学习经过，教学网页设计必须愈加符合学生的认知心理，信息的传达和接受才会愈加有效。十分在学生自主学习环节，网页的视觉效果会直接影响其寻求有效资源的学习心理。因而，教学网页设计要结合学生的认知心理，在整体布局、认知需求等方面进行合理设计4. 4.1 整体布局 学习阅读网页的习惯是基于人类生理特征下的正常反响。人们在阅读时只能构成一个

11、焦点，不能同时将视线投放于几个事物之上。同时，人在阅读时有一种习惯性视觉走向，就是由左到右，从上到下。因而教学网页设计要符合人类视觉走向的心理特征。除此之外，教学网页要突出重点，捉住学生眼球，不能让学生产生无所适从的迷茫感。在教学网页设计中，要充分利用视觉走向和阅读者的心理，实现网站信息的高效传达。要注意做好各大功能模块的分布和视觉引导工作，实现网页视觉效果的整体性。总之，教学网页设计首先要考虑两方面的因素，一方面，要以信息有效传达为主，要符合学生的阅读和思维习惯，实现视觉走向的自然化。另一方面，实现网页各要素在整体协调下的合理分布，实现网页上各种信息在大小、位置以及间距方面的衔接。 4.2

12、认知需求 网页设计属于平面设计范畴，要充分利用互动式沟通的思维进行网页设计，增加网页吸引力，充分知足受众认知需求。教学网页的内容和形式要实现统一，作为一个资源型网站，面对大量需要传达的信息，必须进行合理排布，既要实现网页的整体性，同时又不失信息传达的重点。但是各种信息的排布切不可僵硬死板，要在遵从学生视觉和心理特征的基础上，适当参加些许创新元素，实现页面的多样性、灵动性，给学生留下十分的印象。 以激发学生认知心理为出发点，在学习平台的视觉设计方面，首要任务是信息的有效传达，其次是打造学习平台本身的特色。各信息要素的合理分布是信息得以高效利用的基础，网页中要明确设置学习者迫切需求的栏目和平台入口

13、，以便他们能够有针对性地对信息进行搜索和阅读。网络学习平台的构建不仅需要全面、清楚明晰的信息资源，更要注重网络学习气氛的营造，便捷而愉悦的学习感受会让使用者在进行网络自主学习时有事半功倍的效果。 5 艺术审美对教学网站功能的整体提升 教学网站设计所呈现的艺术品质使其介于实用和审美的两端，成为集实用和审美为一体的具有双重属性的艺术新形态，所具有的审美性内容同其它艺术领域的作品并无差异不同。教学网页的艺术美主要是利用各种艺术化设计手法带来师生的审美愉悦和体会5.在教学网站设计中主要具体表现出为要素比例的和谐性，色彩的鲜明性，形式的完好性，整体的多样性等等。能够讲，优秀的设计离不开艺术美学的支撑。教

14、学网站的艺术设计中牵涉到的色彩选择，完全能够从艺术美学角度出发进行设想。艺术审美下的教学网站通常以生动、丰富、灵动和自然为主要特征，追求比例、尺度、色性和色度关系，简单、直接而又生动地加以呈现。以艺术审美角度来讲，赏心悦目的背后通常是严格的考量、理性的琢磨和细致的调整。 教学网页的设计构思能够从学校的形象塑造、学校文化的建设以及教学内容的扩展三个角度为出发点，开创建立出独具特色的网页。作为视觉传达设计系统的子系统，教学网页设计的审美功能要充分重视，十分是在一些艺术类教学网页中，艺术审美的追求成为网站设计时需要考量的重要组成部分。 混合式学习形式下，教学网页已经不再是被动的陈述者，它完全能够凭借

15、网络优势实现创新、提高和突破，改变传统教学网页的刻板印象，真正做到人性化，提升自主学习的空间。根据学科门类的定位，通过视觉效果、教育心理学，以及各种色彩的心理效应来构建网页的整体风格。在主色彩确定以后，要结合整体特征，对色彩之间的关系做全面琢磨，实现信息传达的准确性，到达衬托气氛和突出主题的目的，设计出广为师生广泛认可和接受的教学网页，真正意义上成为自主学习的推进者。 以下为参考文献： 1 张璐。关于网站网页设计中的视觉元素分析J.科技风，2020,14：48. 2 荆丽茜。论视觉元素在网站界面设计中的构成方式方法J.信息与电脑，2020,5：77-78. 3 傅燕翔。浅谈色彩心理学在网页界面设计制作技术中的应用J.电脑知识与技术。2018,15：3671-3672. 4 马武，张峻，丁冬梅。精品资源分享课网站视觉设计六要素J.教育教学论坛，2020,29：278-280. 5 易霜，曾暇，黄云。激发学生认知心理之网页设计的视觉效应J.软件导刊，2018,02：187-189.