教学网站视觉设计方法探究

《教学网站视觉设计方法探究》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、教学网站视觉设计方法探究【摘要】教学网站教学效果的优劣与否不仅在于其丰富的教学资源，同时也与网站的视觉效果有紧密的联系。良好的网页视觉设计可以把枯燥的学习内容变成生动的学习资源，网页的视觉效果直接决定了该网站受到需求者的欢迎程度与传播的广泛程度。因此，教育网站的视觉设计对于推动教育教学的传播具有积极意义。【关键词】教学网站教学资源视觉设计【中图分类号】G64【文献标识码】A【文章编号】2095-3089(2016)09-0229-02一、视觉设计对于教学网站传播的意义当今社会互联网正在飞速发展，人们在互联网上

2、聊天、冲浪、购物、求职，这个包罗万象的在线世界已经渗透到生活的各个角落。教育作为一种社会活动也加入到互联网这个大家庭中。近年来，各式各样的教学网站如雨后春笋般出现在人们的视野中。然而在众多的教学网站中，很多网站忽视艺术视觉效果的设计，导致网站吸引力下降，流失大量学习者。目前我国教学网站视觉设计主要存在以下几个问题：首先是教学主题不突出。很多教学网站为了表现自己有丰富的教学资源，教学网页就追求大而全的效果，语文、英语、政治等学科通通往页面上罗列，生怕遗漏了什么。这样的做法让网站失去重点，没有主次，影响学习效率。

3、其次是网页排版设计没有贴合教学内容。一些教学网站为了让教学内容显得丰富详实，把大量的文本、图片、视频都放在网页上，学习者进入网站后不但不能轻松的获取教学资源，反而会因为版面的单一而觉得枯燥乏味。最后是网页配色杂乱。为了突出网站的教学内容，网页使用了多种颜色进行搭配，观看网页的过程仿佛在看一幅色彩缤纷的儿童画，让人眼花缭乱，影响了教学信息的传达。二、教学网站中视觉设计应用方法1.突出主题的鲜明与清晰对教学资源有需求的人群是教学网站的主要服务对象，也是教学网站的浏览者。不同的学习主体对于教学网站的认知与喜好是不同

4、的，只有充分了解到学习主体的认知特征才能对教学网站进行一个正确的定位。比如说对于小学生而言，他们的年纪较小，学习注意力较低，逻辑分析能力不强。面对这样的学习主体，可以把网页设计的简单一些，把主题文字用不同的字号加以区别，甚至可以把网页的颜色和配图做得活泼一些，吸引孩子们的注意力，以便使他们更容易的获取教学资源。一般来说，教学资源是具有难易程度区分的，掌握基础类别的知识对于较难较复杂的知识的理解是有帮助的。具有明确主题与清晰条理的教学网站符合学习者搜索信息的還辑方式，能让学习者方便快捷的寻找到自己需要的资源，从

5、而推动教学网站的传播。1.注重网页内容与形式统一教学网站有了自己的教学资源以后，需要通过网页的排版设计把不同的内容“合理”的展现给学习者。所谓“合理”的展现，就是指通过视觉设计语言把教学内容分布于网站之中，让网页在具有一定形式美感的环境中把学习资源传递给学习者。设计者必须充分了解网站想传递的内容，然后通过合适的表现形式让教学网站彰显出其独特的魅力与价值。可汗学院的官方网站独具形式美感，主页顶端罗列了网站的所有主题，接下来是两行热门主题和视频的缩略图，图片与文字的比例适中，形成一个律动的整体。在二级网页中，顶端

6、排列着数个该主题下面更为具体的二级主题，页面中下部分是详细的教学资源。设计者运用三列无线对齐的方式把教学内容分离开，最左边一列是教学内容的简介，中间和右边两列则按对齐法则罗列了相关资源的链接。每一个学习内容行之间用一条灰色暗线做分界线，使得页面逻辑清晰明朗。可汗学院网站整体页面布局在简洁清爽之中充分展现了他们的学习资源可谓达到了内容与形式的统一。1.保证色彩整体与局部协调在教学网站的设计中，色彩不仅具有修饰页面的作用，还可以对学习者产生一定的心理暗示。如果网站的色彩搭配不协调，不但会让人眼花缭乱，产生视觉疲劳

7、，同时会影响学习者对教学网站的浏览效果。在网页的色彩设计上，应该把教学资源的内容、教学对象的特征以及教学目标的实现作为综合考虑因素。比如可汗学院的网站为不同的主题网页设计了不同的色调，对于数学主题，网页使用蓝色作为主色调。数学是一门具有逻辑性、严密思维的学科，而蓝色属于冷色调，可以很好的表现冷静、理智的感觉，两者搭配可谓相得益彰。教学网站中合理的色彩搭配不仅可以优化界面，加强网页的艺术美感，还可以帮助学习者更快进入学习环境，达到一举两得的效果。三、总结教育网站要做到广为传播必须做到实用性，网站的教学资源可以满

8、足学习主体的需要，学习主体可以方便快捷的获取教学资源。网页的视觉设计对于满足网站的实用性起到了必要的支撑作用O在教学网站中运用视觉设计的方法优化网页，可以增强网页的视觉感染力，让学习主体对学习资源的获取更加得心应手，从而扩大教育网站的传播范围。参考文献：[1]南征.设计师的设计日记[M].北京:电子工业出版社，2012，05[2]（美）斯伯克特等.教育传播与技术研究手册[M].上海：华东师范大学出版