专题学习网站的版式设计

专题学习网站的版式设计

ID:28391999

大小:65.50 KB

页数:8页

时间:2018-12-09

专题学习网站的版式设计_第1页
专题学习网站的版式设计_第2页
专题学习网站的版式设计_第3页
专题学习网站的版式设计_第4页
专题学习网站的版式设计_第5页
资源描述:

《专题学习网站的版式设计》由会员上传分享,免费在线阅读,更多相关内容在学术论文-天天文库

1、专题学习网站的版式设计摘要:在高职院校课程整合的大潮下,传统的课程理念、课程内容、教学方法都产生了深刻地变革。专题学习网站以数字化的教学平台、多样化的学习方式充分利用网络的便捷,提供实现研究性学习的学习资源和协作的研究学习环境,逐渐成为了教学中不可或缺的手段。专题学习网站中版式设计的好坏直接影响着教学内容的意义和内涵、网站的观看效果,直接影响着网站的教育传播效果,关乎网站建设成效,而专题学习网站的质量又直接影响着网络教育的发展和教育信息化的推进。关键词:专题学习网站;版式设计;研究引言伴随着信息技术的广泛应用,传统的课程理念、课程内容、教学方法都从根本上发生了改变。在

2、这一系列的变革中,专题学习网站为学生的自主学习提供了良好的学习平台,提供了多样的学习方式,提供了充足的学习资源,也提供了便捷的学习环境,在现代教育和教学过程中凸显出了重要的地位。1、专题学习网站的基本概念专题学习网站就是在指围绕某一专题或主题,通过收集与专题学习内容相关的文本、图像、音视频等多媒体资料,对相关知识内容进行重组、创作、形成和巩固的资源学习型网站。2、版式设计的基本概念所谓版式设计就是将各种视觉元素在版面上进行有机的排列组合。版式设计通常按照确定主题、收集素材、确定布局、软件制作这样四个步骤来实现,最终也就是在整个页面上,以最适合浏览的方式将图文、动画、音

3、视频等多媒体素材排放在页面的不同位置。3、专题学习网站版式设计的形态要素与视觉呈现专题学习网站从静态网站发展到动态交互式网站,其制作技术不断变革和完善,但是不论技术如何革新,最终呈现出来的仍然是版式、图文等的编排和搭配。也就是说专题学习网站在保证教学信息正确有效的传递的同时,其版式设计也是网站建设中不容忽视的重要组成部分。3.1文字的格式化3.1.1网页中文字的整体编排在版式设计中,为了处理上的方便,我们从视知觉上经常把所有的元素都看作为图形,并且将文字本身作为一种艺术形式来对待。页面中显出来的文本是多个文字的集合体。这种集合体编排的方式会对浏览者在情感和个性方面产生

4、一定的影响。我们要从字体、字号和行距入手以达到最好的编排效果。3.1.2文字的强调文字的强调使用最多的一般是行首文字的强调、引文的强调、个别文字的强调三种。利用“首字下沉”的效果来实现文本的强调是版式设计中常用的一种方法。将文本中一些提纲挈领性的文字进行强调称为引文强调。运用对比的法则可以使个別文字得到强调。当有需要突岀强调的文字对象时,我们通常会使用倾斜、加粗、下划线、改变颜色等手段来有意识地增加文字的呈现,以增强视觉效果。3.2图形图像专题学习网站中的图像设计是由主观和客观两种因素共同作用的结果。客观因素是相应的教学原理和可以使用的网络技术,主观因素则是网页设计者

5、所要实现的艺术创意。Photoshop图像处理软件是目前被广泛使用的较为优秀的图像处理软件之一。3.2.1网页图像的前期处理图像在应用到网站中之前,一般都要进行必要的处理,以满足使用需求。改善图像的视觉效果是处理的主要目的之一,同时还可以通过处理来突出有用信息、或者是减少文件大小以降低传输时间或减小对网络带宽的压力,这种处理主要表现为调整、修改和合成这样三种形式。3.2.2静态图像的编排设计当图像被应用到专题学习网站的网页中以后,页面中其它的元素如文字等就都与图像产生了密切的联系,我们应该对元素进行统一的规划和协调,因此,一套图像编排设计的规则就显得必不可少。对图像进

6、行编排设计的目的,是使图像与图像之间,图像与页面其它元素之间能有一个良好的、合适的视觉关系,以便为网站的信息传达和浏览者的信息获取服务。图像的编排要满足形式美的要求,同时也要达到视觉传达的最佳效果。在满足这样两个前提下,图像在网页中的位置可以突破视觉焦点的约束而不受限制。如果一个网页屮有很多幅图像需要排列。我们一般采用的方式是把他们按照水平或者垂直的方向进行序状排列,这是整体划一的排列,可以给人一种整体美感和秩序美感。3.2.3图像的数量编排艺术网页中使用图像的数量的多少,也是由其内容和主题表达的需要来确定的。当网页上只有一幅图像时,高精质量的图像再加上独特、精美的图

7、像编排形式,可以一针见血的突出主题内容,它能够将浏览者的视线集屮起来,也可以使整个页面显得安定,给浏览者以高雅稳健的视觉享受。当网页中运用多幅图像时,页面会因为图像间的对比和响应而变得活跃,我们要通过协调图像之间的比例关系来突岀重要图像,一般将需要展示的主要图像设计得较大,而将次要图像设计得较小,给人以主次分明、层次分明的感觉。3.2.4动态数字图像的设计动态图像与静态图像相比,无论是在视觉感知还是在信息含量上都具有较强的优势。它能够在有限的空间内展示和表达较多的信息和内容,吸引更多的注意,让网站显得更加生动活泼,提高人们的观赏兴趣。专题学习网站中的

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。