刊名: 课程·教材·教法
Curriculum, Teaching Material and Method
主办: 人民教育出版社 课程教材研究所
周期: 月刊
出版地:北京
语种: 中文
开本: 大16K
ISSN: 1000-0186
CN: 11-1278/G4
历史沿革:
1981年创刊期刊荣誉:
国家新闻出版总署收录 ASPT来源刊
中国期刊网来源刊
2011年度核心期刊,国家新闻出版总署收录 ASPT来源刊,中国期刊网来源刊,百种重点期刊,社科双百期刊,首届全国优秀社科期刊。
网页设计的审美原则探索
【作者】 许一军
【机构】 福建省诏安县第一中学
【摘要】网页设计是伴随信息时代发展而产生,受到人们日益重视。在设计过程中存在一些不足现象,随着使用者审美观念的不断提高,对网页设计的审美要求也越来越高,而本文则是通过剖析其设计过程中的一些问题和审美理念,提出网页设计审美的基本原则,其中前三项原则是网页设计的基础原则,后两项是对网页设计者的要求,五项原则对学生设计网页具有一定的理论指导意义,它可以让学生拥有一条清晰的设计思路来完成自己的设计。【关键词】 高中信息技术;网页设计;审美原则;探究思考
【正文】
一般要求学生在设计网页时大体上要从两点出发:一为实用方便,一为设计的艺术美,也可以说是学生本身对美的理解程度。网页的实用方便是为实现其最基本的功能,传递与交互信息,此功能与满足人的饥饿时的食物的功能近似;而设计的艺术美则属于较高层次的需求功能和人们对其他事物(如绘画艺术,音乐)的审美需求是一样的。因而,充实且具有艺术性的网页才是使用者理想中的网页,也是最有可能满足使用者审美标准的网页。当然,要制作出较高标准的页面,学生除了具备熟练的技术外,还必须有较高的审美素质和自身涵养,因为网页本身就是学生思想与智慧的结晶。
一、主题明确,增强网页的表现力
主题的明确主要为网页性质的确定。有了一个明确的主题:一、可以更方便使浏览了解该网站的功能,方便选择自己所需求的信息;二、学生可以更明确的表达自己的思想。
在设计前,可以从两方面入手:一方面可以分析浏览者对信息的需求和网页的性质,以作为确定主题的依据;另一方面“通过浏览者的视觉感受,对构成网页的元素运用艺术手段进行处理,设计符合人们视觉感受的视觉环境,突出主题,增强网页的表现力”。
二、清晰地表达与呈现信息
信息的呈现是网页制作过程中最重要的一个环节,主要包括有信息的归类和信息的实用性以及版面的设计。
第一,信息的归类。以新浪网(http://www.sina.com.cn/)为例,如图示
图(1)
新浪网是国内专业的大型新闻网,包含的信息量是无比巨大的。从图中可以发现,在页面的顶部,就已经把整个页面的内容做了归类,从新闻,娱乐,旅游,到饮食、高考、体育、健康等等都做细致的分类,当浏览者需要某方面信息时,就可以直接在分类栏中点击,这样就可以节省浏览者搜索的时间,让信息在第一时间呈现。新浪网还把各类的性质相同信息以表格归类的形式集中在一起,够成组成页面的模块,使页面的整体结构与内容有条理性的结合,从而利于浏览者便捷的获取需要的信息。
第二,清晰的表达与呈现信息也不可忽略内容的实用性。实用的信息也是美的表现,没有价值的信息也就无美可言。
三、页面整体的平衡
网页的结构形式是由各种元素构成的,每种元素之间的相互协调,有机组合,构成了网页整体的平衡。各个元素之间都有一定的共性或者近似相同的因素,合理应用这些共性,便可以达到网页的平衡之美。整体美主要注意为网页的结构,色彩,风格之间的协调。结构的设计需周密的组织和精确的定位来获得页面的秩序感,结构的散乱必然导致页面的整体失调,如下图(2),页面主体结构不明确,在页面的中上部结构太稀疏,下半部紧密,且右上部为较浅色调,而又下半部为深色调,从整体视觉上感觉到凌乱,缺少和谐的对称美。
图(2)
因而,在设计前,必须先构思一个页面整体结构,可以通过框架的应用或者表格布局来实现网页的整体定位。确定整体结构后,再结合学生的风格和应用的色彩,从而达到页面的整体平衡美。学生本身也需具备一定的审美基础,对整体美有一定的理解,能够从使用者的角度体验页面的视觉感受。
四、结合社会需求,提高学生的观察力
1、使用者的需求和视觉感受
作为一个使用者,其主要的需求也就是最快最便捷的获取其所需要的信息或者共享信息。对于一个网站价值性也体现在人们对其所包含信息的需求,因而设计页面时应注意使用者的视觉感受。在短期记忆中,人们对短小的信息的记忆是比较深刻的,而对于大量的信息是容易遗忘的。从这点出发,要求设计时不可将大量的信息堆于一起,而是需要合理有效的表达与呈现信息,以获得较好的视觉感受。
2、对学生的要求
网页设计是互联网和信息技术发展的必然产物。每个网站本身也具有自身的性质,也有使用者对它的要求,学生在充分了解网站自身性质的同时,需要关注社会动态,关注主题研究的相关领域,不断的提高自身的知识结构,审美能力等各方面的终合能力,以保证网页内容更新的及时性与新鲜感,把最好的思想分享给广大网民。
五、因材施教,发挥学生特长
网络需要自我展现的精神。随着blog的流行,广大的网民也在网络世界里拥有了自己的空间,都想通过网络世界里展现自我魅力。当然网页作为一件艺术品,也应是具备学生的自身风格。学生在设计网页时,除了应用一些设计的基本技能技术以外,应尽可能发扬个人的设计风格。按同一个模式制作出来网站就像流水线下来的产品,一个模样,缺少个人特色,也就不能吸引浏览者的目光,当然学生也不能都用按自己的意愿随意设计,而是在一定的设计标准下,发扬自己的个人风格,可以灵活变通,不拘泥一个模板,一种类别,制作出整体风格的统一规范,且结构条理有序的页面。
本文通过对学生设计网页时存在的一些问题的分析,得出网页设计审美的基本原则,网页设计需要主题明确,增强网页的表现力,清晰的表达与呈现信息,页面的整体平衡,结合社会需求,提高学生的观察力以及因材施教,发挥学生特长,并且指出网页设计的两个基本出发点,实现信息共享的功能和人们的审美需求,对广大网页学生具有一定的理论指导意义。而在本文中,关于网页技术与审美之间的关系,以及如何通过利用研究技术来达到理想的视觉效果这方面研究较浅,这方面也将成为本人今后进一步研究的对象,也将在网页设计的审美方向有更进一步的研究。
一般要求学生在设计网页时大体上要从两点出发:一为实用方便,一为设计的艺术美,也可以说是学生本身对美的理解程度。网页的实用方便是为实现其最基本的功能,传递与交互信息,此功能与满足人的饥饿时的食物的功能近似;而设计的艺术美则属于较高层次的需求功能和人们对其他事物(如绘画艺术,音乐)的审美需求是一样的。因而,充实且具有艺术性的网页才是使用者理想中的网页,也是最有可能满足使用者审美标准的网页。当然,要制作出较高标准的页面,学生除了具备熟练的技术外,还必须有较高的审美素质和自身涵养,因为网页本身就是学生思想与智慧的结晶。
一、主题明确,增强网页的表现力
主题的明确主要为网页性质的确定。有了一个明确的主题:一、可以更方便使浏览了解该网站的功能,方便选择自己所需求的信息;二、学生可以更明确的表达自己的思想。
在设计前,可以从两方面入手:一方面可以分析浏览者对信息的需求和网页的性质,以作为确定主题的依据;另一方面“通过浏览者的视觉感受,对构成网页的元素运用艺术手段进行处理,设计符合人们视觉感受的视觉环境,突出主题,增强网页的表现力”。
二、清晰地表达与呈现信息
信息的呈现是网页制作过程中最重要的一个环节,主要包括有信息的归类和信息的实用性以及版面的设计。
第一,信息的归类。以新浪网(http://www.sina.com.cn/)为例,如图示
图(1)
新浪网是国内专业的大型新闻网,包含的信息量是无比巨大的。从图中可以发现,在页面的顶部,就已经把整个页面的内容做了归类,从新闻,娱乐,旅游,到饮食、高考、体育、健康等等都做细致的分类,当浏览者需要某方面信息时,就可以直接在分类栏中点击,这样就可以节省浏览者搜索的时间,让信息在第一时间呈现。新浪网还把各类的性质相同信息以表格归类的形式集中在一起,够成组成页面的模块,使页面的整体结构与内容有条理性的结合,从而利于浏览者便捷的获取需要的信息。
第二,清晰的表达与呈现信息也不可忽略内容的实用性。实用的信息也是美的表现,没有价值的信息也就无美可言。
三、页面整体的平衡
网页的结构形式是由各种元素构成的,每种元素之间的相互协调,有机组合,构成了网页整体的平衡。各个元素之间都有一定的共性或者近似相同的因素,合理应用这些共性,便可以达到网页的平衡之美。整体美主要注意为网页的结构,色彩,风格之间的协调。结构的设计需周密的组织和精确的定位来获得页面的秩序感,结构的散乱必然导致页面的整体失调,如下图(2),页面主体结构不明确,在页面的中上部结构太稀疏,下半部紧密,且右上部为较浅色调,而又下半部为深色调,从整体视觉上感觉到凌乱,缺少和谐的对称美。
图(2)
因而,在设计前,必须先构思一个页面整体结构,可以通过框架的应用或者表格布局来实现网页的整体定位。确定整体结构后,再结合学生的风格和应用的色彩,从而达到页面的整体平衡美。学生本身也需具备一定的审美基础,对整体美有一定的理解,能够从使用者的角度体验页面的视觉感受。
四、结合社会需求,提高学生的观察力
1、使用者的需求和视觉感受
作为一个使用者,其主要的需求也就是最快最便捷的获取其所需要的信息或者共享信息。对于一个网站价值性也体现在人们对其所包含信息的需求,因而设计页面时应注意使用者的视觉感受。在短期记忆中,人们对短小的信息的记忆是比较深刻的,而对于大量的信息是容易遗忘的。从这点出发,要求设计时不可将大量的信息堆于一起,而是需要合理有效的表达与呈现信息,以获得较好的视觉感受。
2、对学生的要求
网页设计是互联网和信息技术发展的必然产物。每个网站本身也具有自身的性质,也有使用者对它的要求,学生在充分了解网站自身性质的同时,需要关注社会动态,关注主题研究的相关领域,不断的提高自身的知识结构,审美能力等各方面的终合能力,以保证网页内容更新的及时性与新鲜感,把最好的思想分享给广大网民。
五、因材施教,发挥学生特长
网络需要自我展现的精神。随着blog的流行,广大的网民也在网络世界里拥有了自己的空间,都想通过网络世界里展现自我魅力。当然网页作为一件艺术品,也应是具备学生的自身风格。学生在设计网页时,除了应用一些设计的基本技能技术以外,应尽可能发扬个人的设计风格。按同一个模式制作出来网站就像流水线下来的产品,一个模样,缺少个人特色,也就不能吸引浏览者的目光,当然学生也不能都用按自己的意愿随意设计,而是在一定的设计标准下,发扬自己的个人风格,可以灵活变通,不拘泥一个模板,一种类别,制作出整体风格的统一规范,且结构条理有序的页面。
本文通过对学生设计网页时存在的一些问题的分析,得出网页设计审美的基本原则,网页设计需要主题明确,增强网页的表现力,清晰的表达与呈现信息,页面的整体平衡,结合社会需求,提高学生的观察力以及因材施教,发挥学生特长,并且指出网页设计的两个基本出发点,实现信息共享的功能和人们的审美需求,对广大网页学生具有一定的理论指导意义。而在本文中,关于网页技术与审美之间的关系,以及如何通过利用研究技术来达到理想的视觉效果这方面研究较浅,这方面也将成为本人今后进一步研究的对象,也将在网页设计的审美方向有更进一步的研究。