时间:2022-05-07 03:35:36
序论:速发表网结合其深厚的文秘经验,特别为您筛选了1篇网页设计毕业论文范文。如果您需要更多原创资料,欢迎随时与我们的客服老师联系,希望您能从中汲取灵感和知识!
【摘要】网页设计与制作课程是计算机专业的主要课程,在专业人才培养方面处于核心地位。该课程教学的主要目标就是培养学生全面掌握网站建立和管理技术,同时掌握网页设计与制作技术,从而培养网页制作和网站开发的技术性人才。在整体教学中,知识的传授固然重要,但是更应该注重培养学生的专业能力,增强学生的职业素养。本文就网页设计与制作教学中学生能力培养的策略进行分析。
【关键词】网页设计;制作;学生能力;培养
随着互联网的发展和普及,网页设计和制作技术成为网络时代非常实用的技术,这一课程也成为学校开设的热门课程。无论是计算机专业的学生还是非计算机专业的学生,网页制作都成了一门重要的基础性技术课程。但是很多学校在教学中采用传统的教学模式,导致学生的学习积极性不高,实际动手能力也比较差,为了让学生快速的掌握网页设计和制作的技术,需要采用一些新型的教学方法实施教学,加强学生综合能力地培养。
1加强学生创新能力的培养
创新是一个民族的灵魂和动力,同时也是当今社会竞争的核心。学生创新能力的提升和创新意识的增强对于他们以后的发展具有非常重要的作用。网页设计与制作教学作为新时期教学的主要课程,在教学中培养学生的创新能力有利于促进整体教学的发展。因此,在教学中,可以通过多方面内容加强学生创新能力的培养,首先,可以通过兴趣教学法唤醒学生的求知欲望,兴趣是能够推动学生求知的内在力量,学生只有对某一学科充满兴趣,才能够持续的钻研该学科知识,从而增强学生的学习效率。在教学中,为了增强学生对网页设计和制作的兴趣,教师可以在上课时准备一些网页作品,让学生对作品进行点评,然后提出改造的意见。让学生在头脑中对网页设计有一个模糊的认识,产生做网站的想法,这样一来,通过教师的指导就能够让学生梳理一个成型的站点框架,紧接着引导学生如何做网页,如何使用工具,学生对这些内容产生兴趣,就会带着教师提出的问题进行主动探索和学习,以此增强学生的学习效果。除此之外,还可以通过精品赏析的方式增强学生的学习灵感。网页设计和制作课程是一门艺术和艺术相结合的课程,学生不仅要掌握基本的网页制作技巧,还要具备欣赏美和创造美的能力。创造的来源是灵感,而灵感的来源则是通过观察,因此,可以在教学中设计精品赏析的环节,利用上课之前的时间展示作品,向学生展示一些布局合理,设计新颖的精美网页,让学生对这些网页进行观察和欣赏,这样不仅可以拓宽学生的视野,同时还能激发学生的创造灵感,为学生以后设计出精美的作品奠定基础。
2培养学生的网页制作综合能力
在学生掌握网页设计和制作的基本知识之后,网页制作综合能力的培养就显得非常重要了。即使学生掌握了网页制作技术,也不一定能够设计出好的网站,只有提升学生的综合能力,加强对他们所掌握知识的综合应用,才能够设计出一个精美的网站。为此,需要注重学生在实践方面的能力培养,可以从教学实验方面入手,将所有的理论教学和实验教学都安排在计算机机房完成,可以让学生在学习理论知识之后直接进入实践探索阶段。此外,为了给学生提供更好的实践机会,可在学校建立计算机基础教学网,网页设计和制作教学的老师可以建立自己的教学网站,同时给学生分配相应的网站空间,要求学生建立自己的个人网站主页,然后将自己的实践作业上传到网站空间中,设计的风格和主题不受限制,网站主页的内容也不做要求,学生可以根据自己的兴趣进行网页的制作,将所学习的网页制作技术灵活的运用到个人网页的设计中,做好个人网站。为了让学生在网站设计中学会创新,教师可以搜集一些具有创意的网站和网页设计的素材,和学生一起分享,然后与学生所做的网站进行对比,从而提升学生的创新能力。在网站设计中,针对不同的设计环节,学生可以自己发现设计中存在的问题,然后进行分析和解决,对于学生综合能力的培养具有很大的帮助。
3加强培养学生的团队协作能力
现在社会的分工越来越细,很多工作都需要人们协助完成,这样以来,团队精神就显得格外重要。协同合作是团队精神的核心内容,尊重个人的兴趣和成就是团队协作的基础。就学生而言,独立意识较强,现代的学生比较自我,沟通能力也有待提升,这些缺陷显然不适合学生未来的工作。网页设计和制作教学是一门实践性要求较高的课程,同时也对学生的团队协作能力要求很高。在教学中的综合实训中可以选择采取项目教学法实施教学,将学生分成不同的小组,在自愿的基础上进行强弱搭配,并且每一个小组推荐一位组长,在老师布置任务之后,组长可以做好小组内的分工,让学生能各司其职,然后合力完成作品的设计和制作。在作品制作中,如果组内的成员存在意见不同意的现状,组长可以和其他的成员进行沟通协调,最后达成一致,当组员能够为同一个目标一起努力时,无论最后的结果如何,学生最后都会有成就感。在这一过程中,有利于提升学生的团队协作精神,增强学生的沟通能力。
4结语
网页设计和制作教学是一门实践性很强的课程,对于学生的综合实践能力以及创新能力的要求较高,因此,在教学中,教师要给根据学生的兴趣爱好设计教学内容,并且为学生提供一些优秀的教学作品,让他们进行赏析,在优秀作品的激励和教师的引导下,学生的学习兴趣会有很大的提升,从而真正的投入到网页设计和制作的探索当中,熟练的掌握网页制作方面的技巧,增强学生开发和维护网站的能力,使他们的知识结构不断得到完善,对于教学效果的提升会起到很大的作用。
作者:崔愿星 单位:鄂州职业大学
摘要:随着社会的发展与进步,互联网技术得到了快速的发展,并且已经逐渐成为人们生活中不可或缺的一部分。然而,在这种大背景下,网页设计逐渐的发展壮大起来,其不仅能够使网页在视觉上产生一定的美感,而且还能提高网页设计的质量,促进网页的健康发展。本文将对图像处理技术在网页中的应用进行分析,并且计算机图像处理技术加以阐述,提出可行性建议,以供参考。
关键词:网页设计;计算机图像处理技术;应用解析
1图像处理技术在网页中的应用
在图像设计过程中,图像在网页中所占的比较相对比较大,并且图像功能在网页设计中也起到非常突出的作用。如何在网页图像处理中来吸引浏览者的眼球,有效的增强浏览者的兴趣是目前网页处理过程中应该解决的主要问题。因此,在进行网页设计的过程中,一定要对图像的形式与风格进行准确的定位,提高网页设计的技术水平。
1.1视觉吸引作用
一般情况下,每个浏览者在进行网页浏览的过程中,首先看到的是图片上的信息,其次看到的才是网页上的文字信息。因此,设计人员必须要根据网页的设计的这一特点,重点强调图像处理的效果,特别是对图像的色调、形式与位置进行充分的考虑,并且要重点强调网页的色彩调配效果,因为这样会对整个设计效果产生不同程度的影响。
1.2信息引导作用
在进行网页的浏览过程中,图像起到一定的引导作用,人们可以通过图像对网页中的内容进行充分的了解,并且图像也可以充分的反映出网页设计者的风格与理念。同时,网页中的图像可以在一定程度缩短人们的浏览时间,还能有效的缓解由于网页信息过长出现的烦躁等不良情绪,从而使人享受一种美感。而就当前的形式上看,各种网站之间的竞争相对比较激烈,如果想要在众多的网页之中获得更多的网页浏览量,就必须要利用网页中的图像处理信息来提高网页的关注度,因此,必须通过文字与图像的有效结合来获取信息,使人们能够在美观的图像前提下获取网页信息。
2网页设计计算机处理技术概述
在进行计算机网页图像技术处理时必须要以计算机软件作为主要的媒介手段,同时设计者对图像进行有效的加工,对数字、图像与视频进行合理的转化,从而达到更好的视觉效果。
2.1图像去噪技术
计算机系统在进行网页的处理过程中,对图像的去噪处理发挥着至关重要的作用,由于在进行图片的采集过程中会出现一些不规则的噪音,从而会对图片的展示效果有着不同程度的影响,通常情况下,这些噪音都是有计算机的物理性质所引起的,因此,在进行图像去噪的处理过程中,从而确保图像具有更好的展示效果。
2.2图像增强技术
在对计算机网页图片进行处理的过程中,增强处理的主要目的是将图像中的标注和重要信息突显出来,同时也要将网页中的无关紧要的信息做相应的弱化处理,以此来为后续的图像处理提供必要的前提条件。对网页进行增强处理,虽然对网页图片能够进行有效的改善,然而,在进行图片的采集过程中,会受到一些因素的制约,会对图片的质量产生不同程度的影响。举例来说,可能会受相机分辨率的限制,使图片在视觉效果上与实际样本间存在着差异。因此,在进行网页图片进行增强处理的过程中,也要对图片的色彩以及边缘做增强处理。
2.3图片压缩技术
图片压缩技术是网页图片处理过程中的一种最常用的网页处理技术。对图片进行压缩处理可以有效的满足图片处理的相关要求。除此之外,在进行图片的传输过程中,通过图像的压缩处理,可以有效的降低网页图片的失真率。
3计算机处理技术在网页设计中的应用
3.1优化图像设计在网页中的作用
由于图像的形式的不同在网页所起的作用也有所不同,换句话说,形式不同的图片产生的设计效果也不尽相同。一旦图像通过背景或者图表的方式表现出来,显然所表达的效果会存在差异。在这里特别要注意的是如果将图片以背景的方式展现出来时,必须要避免使用单一的设计背景,应该适当的一些是他的信息形式,从而提高整体网页的质量,进而增加网页信息的个性化与多样化,突出网页亮点,进而实现更多的浏览量。如图二所示,由于图片的背景不同,而产生不同的视觉效果。
3.2采用格式处理方式满足网页格式需求
在进行计算机网页设计过程中,对图像具有较高的要求,特别是对图像格式的要求更为严格,基于此,在图像的选取过程中,必须要与设计的要求相符,以便图像与网页的设计理念相互符合。同时在处理网页图片的过程中,会运用到不同的图像处理方式,包括摄像图和截图的等等方式,然而,由于图像形式的不同会对浏览效果产生不同的作用。因此,一般情况下,在进行网页设计时,会根据文字形式来对图像进行合理的设计。然而,在设计的过程中,也会存在着一些弊端,由于网页设计内容较为繁琐,这些都会对网页的设计效果造成不同程度的影响,由此使网页的中心思想不能够明确的表达出来。
4、结语
综上所述,网页设计作为我国目前新兴的技术产业形式,已经引起各界人士的广泛关注。然而,在网页设计的过程中,仍然存在着一些弊端,这需要网页设计者采用适当的手段,从而对网页图像进行有效的处理。网页设计中采用图像处理技术,不仅能够提升网页的质量,而且还能满足大众需求,从而增加更高的点击率。
作者:谢会娜 单位:河北省深州市职业技术教育中心
摘要:随着用户体验这个理念在电商网站中不断体现,用户体验俨然成为评价一个电商网站是否成功的重要标准。良好的用户体验可以给用户购买时提供方便与愉悦,同时增加电商平台的收入。伴随着大众审美水平的不断提升,网站页面设计的艺术与美感被大众所关注。本文以淘宝网为例,探讨用户体验在电商网页设计中的应用。
关键词:电子商务;用户体验;网页设计
一、用户体验的概述
用户体验一词最早被大众所认知是在上个世纪90年代中期,由用户体验设计师唐纳德•诺曼提出并推广。用户体验是用户对产品是否美观实用,以及使用起来是否方便等方面最有效的检验,同时也是用户在使用前使用时以及使用后的情感体现,包括了用户对产品的全部感受,例如:情感、信仰、喜好、认知印象、生理和心理反应、行为和成就等各个方面。
二、电商网页的特征以及设计原则
网页是构成网站的元素之一所以电商网页与其他网页相比具有更多的互动性。电商网页在整体页面的布局排版、图片设置、文字大小、导航栏等方面都与其它网页有所不同。网页的设计原则应该遵循以下几点:
1.用户导向性原则。在网页设计之初,设计者就需要考虑浏览网站的定位和用户的需求以及心理期望等因素。只有充分了解了用户的诉求并满足需求,设计出的网页才能让用户使用更为方便,才能让更多的人访问这个网页。
2.易操作性原则。优秀的网页设计可以帮助使用者更方便的找到自己所需的东西。电商网站是大众型的网站,没有针对性的客户群体,使用者的水平也参差不齐,所以简单的操作是必不可少的。例如在网页中快速找到用户登录栏、搜索框的简洁明了、关键信息的提示等。
3.统一性原则。网页的整体效果是至关重要的,网页的色彩搭配、文字使用、页面布局等要和谐统一,不能造成视觉上的负担。通过网页设计中对比的方法,可以让设计更具有生气,但过于强烈的对比容易失去平衡统一。
4.个性化原则。个性化是独特的,别具一格的,是在大众化的基础上有所改变的。网站的个性化并不是指花哨夸张的图片或是夺人眼球的宣传标语,而是能够体现这个品牌或企业独特的文化。例如在电商网页中可以使用企业图标logo或吉祥物等。
三、用户体验在电商网页设计中的应用——以淘宝网为例
1.感官体验
感官体验是呈现给用户视听上的体验,强调舒适性。网页的感官体验一般体现在页面布局、页面导航、色彩等方面。淘宝网整体色彩采用白色和橙色两种颜色作为主色调,橙色是介于红色和黄色之间的颜色,是一种充满活力和欢快的色彩。橙色能使人联想到秋天收获的果实、温暖的太阳等,给人舒适温暖的感觉,能增加网页的亲和度。白色和橙色的冷暖对比,可以使网页呈现更为清晰。
2.交互体验
交互体验强调互动性,即网页给用户使用、交流的全部体验。用户在浏览淘宝网时,随着鼠标位置的移动,光标停留的文字或链接会变色,用户可通过单击变色部分进入不同的页面。淘宝网的搜索框与产品分类也体现了交互性。用户通过在搜索框中输入关键字词来搜寻自己所需的产品时并不能描述自己所需物品的准确信息,淘宝搜索框通过关键字联想出更多产品,同时提供历史搜索记录,为用户提供了更多选择。
3.情感体验
人会对不同的东西产生不同的情感体验,情感体验是感性的心理体验,会受周围客观环境所影响的一种主观体验。淘宝网是一个购物消费平台,给用户更多的还是积极的情感体验,同时积极的情感体验可以留住用户并且可以吸引用户购买产品。淘宝网给用户良好的情感体验在于细致的分类导航、联系客服、售后服务等方面。
4.浏览体验
浏览体验是用户在浏览网页时全部感受,网页设计要从用户的角度出发,去观察用户的浏览习惯,用户关注的方面等内容等。淘宝网的布局采用“国”字型布局,一般最上面是网站的标题及横幅广告条,接下来就是网站的主要内容,左右分列一些两小条内容,中间是主要部分,最下面是网站的一些基本信息、联系方式、版权声明等。这种常规的布局符合大众的浏览习惯。淘宝网在首页中间设置滚动广告图片已经热门品牌,提供了产品推荐,吸引用户浏览。
四、结语
随着互联网时代的不断发展,电子商务这一产业也发展迅速,各种不同类型的电子商务平台也如雨后春笋般出现,不同的网页设计也层出不穷。本文以淘宝网为案例,从视觉体验、交互体验、情感体验、浏览体验四个方面分析了用户体验在电商网页设计中的应用。随着互联网的普及和使用人群的年龄跨度的不断加大,淘宝应推出更适合中老年使用的简化网页,从用户的角度出发,充分考虑用户的需求,才能赢得用户的好感。希望通过本文的研究,希望更多的网站能都以用户为中心,省去花哨的设计和广告,为用户提供更好的体验。
作者:徐巍 单位:江苏经贸职业技术学院
计算机网页的设计有着很强的专业性,其需要设计人员拥有文字版面处置的知识和动画制作以及图像的处置能力,这就需要当前网页设计教学应该将理论和实践相互融合,积极的使用案例教学的方式。在对其进行使用的时候要积极地塑造一个轻松与和谐的学习气氛;使其能够对教师的素质加以提升,建设一个很好的师生关系;挑选适宜的教学案例,积极的建设出一个科学有效的知识体制。以往的网页设计教学,主要还是按照教学大纲里提出的要求,模式化的去进行教学的课程,这种教学形式严重的制约学生进行学习的思维,不使用学生理论联系实践能力上的培养,使得理论和实践彼此脱节,针对存在的问题,导入案例的教学,按照学生自身的特点和目前教学的需要,科学的去对案例进行选择,把教学和具体的工作内容进行融合,这样才能够对目前计算机教育培养人才的要要保持一致。
1案例教学模式内涵以及特点
案例的教学,美其名曰就是以实际的案例作为依托,然后实习网页设计教学,这样的教学形式可以帮助学生能够爆出扎实的基础知识与实际实践操作的要点,按照教学大纲上的需要,对于教学的目标加以确认之后,教师带着学生工程完善实践的学习,同时采用小组合作和探索研究的方式,积极的对知识予以进一步的解析与研究,从而不断对学生处理问题的能力加以提升,另外,教师还需要积极的调动起学生进行沟通的能力和从工作作风等多个方面去进行教学计划,从整体上去对学生的网页设计整体水平加以提升,在很多的实践调查分析之后我们能够看出,案例教学可以充分的调动起学生进行学习的积极性,并且还可以对网页课堂教学气氛进行活跃,从而提升学生进行学习的积极性。
2案例教学在计算机网页设计中的具体应用
2.1案例教学设计
案例名称:某旅游公司“一日游”的专题网页设计(1)企业概况。本次进行的案例教学,以某旅游公司的专题设计为内容,该公司从事旅游资源开发工作,是一家具有民营性质的合法公司,在庐山脚下,四通八达,以“庐山”为景点的一日游独具特色,价格合理,是针对各个群体要求定制的套餐服务,该公司具有自己的宣传网站,属于“三星级”旅游公司。(2)“庐山一日游”的主题介绍。人们生活节奏加快,身心俱疲,在周末或者是闲暇的时候,去庐山欣赏自然风光,缓解身心疲劳,通过体验大好的自然风光,唤醒人们对祖国打好河山的热爱,
2.2主要教学内容
(1)准备阶段。在准备阶段,教师应选择适当的情况,提供给学生,学生根据教师提供的情况,设计主题,进行相关数据收集,教师应该考虑学生的兴趣,兴趣和学习特点作为基础,选择当前的热点问题,以及学生关心的问题,善于解决问题,从而保护案例教学的成功。(2)明确的设计主题。教师将成为向课堂上所有学生分发的第一种材料,根据教学目标和公司情况,清晰的设计主题,要求学生设计具有风格特点,可以对互动功能页面产生市场影响。(3)练习分组。在班上有45名学生,9人分为5组,每组选择一组组长,组内容分配书面报告写,数据收集任务,调查时间为半天,讨论研究时间是长时间。在整个实施阶段,教师需要参与整个过程,为学生解决各种问题,教师积极与各个小组保持联系,检查他们的网页制作情况,发现问题及时解决。(4)结束的过程。这一阶段是总结网络生产情况,分析问题,总结过程中的经验,案例评估可以是学生自我评价,教师评价和群体相互评价三种方法。
3案例教学落实过程中应该注意的问题
在案例教学过程中,和谐学习分为良好的师生关系和科学知识体系,这是促进案例教学成功的重要因素。因此,教师应更加注重这些方面,并为案例教学提供更多良好的条件。
3.1营造轻松、和谐的学习氛围
网页设计教学,和谐气氛,学生的思维能更加积极,心理会产生安全感和自由感,网页设计,数据分析与分析的时间,可大胆的想象力,教师在案例教学实现,记住他只是一个指导,在适当的时候给予学生辅导,但不能取代学生的思维和设计,教师应该充分发挥学生的主动性,让学生独立完成案例教学过程。
3.2提高教师素质,构建良好的师生关系
如你想确保计算机网页设计案例教学的顺利进行,教师需要有博潮知识,有经验的特点,这是老师为学生传授的基本条件的经验和知识。因此,教师必须继续学习,以便为学生提供丰富的信息。因为唯一的办法是提高教师的影响力和威望,从而提高教学质量和教学效果。此外,老师应该全面,多角度关心和关心学生,而学生在中间,为了更好地感受和体验内心世界,然后做好老师,努力成为学生朋友。
3.3建立科学合理的知识体系,选择合适的教学案例
良好的认知系统是帮助学生掌握快速消化知识的关键,学生有基本的条件来理解和适应环境,在学习中可以继续实现知识的同化适应,遵守功能也是更优秀。但是良好的认知系统不是从一开始的,老师应该引导学生建立内在知识和新知识点之间的联系,以大纲为基础,案例教学,应该确保案例有很强的针对性,可以充分反映相关知识点的大纲。例如,当布置网页时,可以通过使用表,框架和层来完成。例如,当你为一个食物网站制作图表:要确定页面的主要颜色,将背景图像放在第一层:添加活力和活力,可以插入第二层哈希动画:食物将被插入到第三层:为了反映食物文化,可以与第四层的歌曲相关联:增强页面三维,将浮动对象添加到第五层。此外,教师应鼓励学生使用表单布局来解决问题,然后是层的内涵,然后逐渐解决问题直到完成学习任务。
结束语
案例教学是网页设计教学中最有效的教学方法。它的应用突破了传统的无聊和单一教学模式,释放了学生的思维,教学更相关,学生成为学习主体。设计本身非常实用,教学必须结合理论与实践两个方面,案例教学符合教学理论与实践的要求,提升网页设计教学质量和效率。本文从几个方面分析案例教学在网页设计教学中的应用,希望为相关教育工作者提供一些建议和参考。
作者:琚慧婷 温郭英 单位:江西应用科技学院
[摘要]软件类课程具有较强的实践性,如何让教学过程充分融入计算机与软件技术行业实践并符合职业规范,是需要重点研究的问题。以网页设计与制作为例,充分考虑教材和学生特点、企业用人需求,紧密结合国际项目管理知识体系与软件行业职业规范,从重构模块化教学内容、优化教学顺序、建立特色化项目管理体系三个方面设计了新的面向网页设计与制作课程的项目驱动型教学方法,从教学实践和推广应用来看,取得了良好的效果。
[关键词]教学方法;项目管理;网页设计;软件工程
一、引言
高等职业教育改革正在逐步深化,对教育教学质量也提出了新要求,教育的重心已由单纯的知识传授转向高素质技术技能型人才的培养。人才的培养最终落实到具体的教学环节中,专业课程知识与实践教学是主要过程,因此教育系统不断探索科学、合理、高效的课程教学方法。软件类课程具有较强的实践性,如何让教学过程充分融入计算机与软件技术行业实践是重点研究的问题。针对软件类课程的特点和学生的实际情况,从新工具技术应用、情景模拟到任务驱动等各种课程教学方法被应用到了课堂教学实践中。采用案例和任务驱动的方法,以增强学生综合运用知识和实际动手的能力,探讨了网络环境下计算机软件应用类课程的教学方法。强调以案例驱动探索教材结构和教学方法的优化。从教材课件和教育程序优化等方面探索了非计算机专业的程序设计教学方法。总结来看,各种教学方法都关注通过情景、案例、任务等形式,尽可能使教学过程接近实践应用。
二、教学内容改革情况
(一)教学内容更新的总体思路
网页设计与制作是软件技术及相关专业的职业技术基础课程和必修课。在教学过程中,以软件技术专业人才培养方案为依据,以培养学生网站策划、网页美工、网站程序设计、网站运营与推广等岗位职业能力和职业素养为目标,将增强学生基本就业力、职业迁移力、持续发展力为着力点,按照“科学性、针对性、时效性、实用性”的原则选择、更新课程及实践教学内容,重点培养学生的行业规范意识、职业化能力,未来能够轻松地融入工作岗位,快速进入职业角色,能有效地实现由教师为中心向以学生为中心,由课本为中心向以项目为中心,由课堂为中心向以实践为中心的三个转变。
(二)教学内容更新的具体做法
1.依据不同时期对工作岗位的需求,重构模块化教学内容作为软件技术专业职业技术基础课程,网页设计与制作课程涉及的知识内容较广,如:HTML、CSS、JavaScript、Asp等众多知识点。应该以工作过程为导向,以学生为主体,充分考虑学生的认知水平和已有知识、技能与兴趣,为学生提供适应市场需要的、模块化的学习资源,开发模块式教学计划。2.设计实践教学特色化项目管理体系,优化实践教学流程目前,整个课程实践教学的管理体系已经建立,有电子商务运营和管理、网络营销、物流信息技术、网页设计与网站开发等课程的实践管理体系,以软件技术专业网页设计与制作课程为例,将目前计算机技术与软件行业标准化项目管理知识体系与具体的专业技术课程实践教学相结合,用项目的方式去管理课程实践,构建项目管理体系是基本前提。
三、教学方法改革情况
(一)“项目导向,任务驱动”教学法
“项目驱动,任务导向”教学法是师生通过共同实施一个完整的项目工作而进行的教学活动。该方法是以项目为主线、教师为主导、任务为驱动、学生为主体的一种教学模式。
(二)“分组合作”教学法
分组教学,以团队的形式参与整个教学过程。以全班40人的规律为例,学生自由组成小组,一般6人一组,每组推选一名组长,负责项目协调和管理,在16~20个学时内完成既定的项目(网站),最终分组演示,分个人答辩、项目成果展示。项目的设置由小组讨论形成,学生根据兴趣、特长设定网站类型和主题,其中教师只进行辅助,提供技术和资源支持,不参与项目制作。通过案例实训,运用项目管理的方式,综合测评学生的技能掌握情况,同时使团队中的每个学生扬长避短,发挥各自优势,最终完成一个网站的设计与制作。
四、结语
网页设计与制作是软件技术专业的重要课程,承接了Web前端开发技术的主要内容,是人机界面的首要交互接口。本文以网页设计与制作为研究对象,将教学过程与行业实践相结合,紧密结合国际项目管理知识体系与计算机与软件技术行业职业规范,以企业用人要求为导向,从重构模块化教学内容、优化教学安排、建立特色化项目管理体系三个方面设计了新的项目驱动型教学方法。从教学实践来看,取得了良好的效果。
作者:王书琴 李从庆 吴艳 单位:合肥信息技术职业学院
随着国家网络信息技术的发展,各类新兴媒介也逐渐进步,并且形成了较为成熟的发展体系,而网页艺术设计就是其中最为新兴的媒介,其是将设计与网络交叉结合在一起,形成了良好的艺术体系,可以为网站建设工作提供较为良好的支持,基于此,本文针对网页设计构成要素的分析,提出几点设计方式,以供相关人员参考。
1引言
在网页设计过程中,相关设计人员必须要重视各类艺术形式的表现,保证可以提高网页设计效率,增强网络设计效果,达到网站建设要求,形成较为良好的发展体系。
2网页设计主要构成要素
在网页设计艺术之前,相关设计人员要想更好的表现出各类艺术形式,就要全面了解网页设计的主要构成要素,保证可以提高网页设计质量与效率。具体构成要素包括以下几点:
2.1网页文字设计要素文字是网页设计中信息传达的主要手段,是网页设计中不可缺少的核心要素,因此,在网页设计中,文字将占据较大面积,网页设计人员也可以通过文字的设计提高网页设计质量。因此,在
网页设计期间,为了增强网页文字编辑效果,为人们留下深刻的印象,必须要避免出现繁琐、杂乱的文字,保证可以提高受众度。同时,在文字编排与设计期间,还要根据信息内容的特点,对风格与文字相互融合,避免出现脱离主题或是与主题相互冲突的现象。例如:在对政府网站的网页文字进行设计的时候,必须要体现出规范的特性,字体造型归正有序,不可以出现杂乱无章的现象;在对公司网站进行设计的时候,网页文字必须要体现出行业性质,或是公司产品特点,这样,才能提高网页设计效率;在对个人页面进行设计的时候,网页文字必须要体现出个人的性格特点与追求。这样,才能提高网页设计效率,充分表现出网页设计的艺术形式[1]。
2.2网页图形设计要素
在对网页图形进行设计的时候,必须要对网页读者的需求进行分析,进而提高网页图形设计的受众度。同时,网页图形的设计还要凸显出网页文字的主体位置,发挥衬托的作用。同时,网页图形设计具有两重性特点,主要因为网页图形不是精彩的文字语言,需要读者利用视觉理解图形,使得网页在整体设计上,展现出饱满的优势。由此可见,在网页图形设计过程中,网页设计人员必须要重视图形设计的视觉效果,将图形与文字整合在一起,为读者提供更多的信息,另外,还可以达到美化网页页面的效果,提高网页设计质量与效率[2]。在网页图形设计期间,设计人员要注重图形的分辨率,更好的对其尺寸与范围进行设计,这样,才能提高网页下载效率,更受读者的欢迎[3]。
2.3网页色彩设计要素
在网页设计过程中,色彩要素是较为重要的,除了可以满足人们的审美需求之外,还要提高技术的应用质量,全面掌握网站风格,体现出配色与风格艺术,提高网页设计质量。在网站设计过程中,其属于一种艺术品,主要因为网页中不仅包含着优美文字,还有新颖的图片与色彩,可以产生较为良好的视觉效果,刺激读者的感官,使得页面更加生动。在此期间,网页浏览者在浏览网页的时候,会注重网页的色彩设计,并且为其留下深刻的印象。这就需要网页设计人员重点关注网页色彩的设计,进而提高网页设计质量。在网页色彩设计期间,设计人员必须要遵循以下几点原则:第一,遵循色彩选择原则。就是根据网站主题的实际情况,选择相应的主色调,当前,部分网页色彩设计中都是以浅颜色为主,例如:浅灰色、浅黄色等,可以有效突出网页页面的重点。第二,遵循背景色调搭配特点。就是在网页设计期间,设计人员根据网站建设实际需求,对网页背景进行色调的搭配,在此期间,设计人员必须要注色调搭配的科学性,主要因为如果背景色调过于强烈,就会形成与网页文字、图片相互对立的颜色,导致读者在阅读的时候,过于重视网页背景,不能更好的辨识网页文字与图片。由此可见,网页设计人员在搭配背景颜色的时候,必须要应用单纯的颜色,以凸显出网页文字与图形[4]。
3网页版式设计措施
网页是网站信息的传递系统,设计人员在对其进行设计的过程中,必须要全面了解网页设计要素,将文字、图形、图象、标志与色彩等绘制成为一个整体,然后对菜单与正文等进行编排,这就需要设计人员在网页设计过程中,重视版式的设计,保证可以提高其设计质量。网页版式设计主要就是对网页页面进行布局,在有限的屏幕之内,形成良好的视听多媒体元素排列组合形式,使得页面设计个性化思维得以有效展现。然而,当前很多网页设计人员在执行工作的过程中,还存在排版设计问题,无法对每个元素的尺寸与位置进行设计,难以提高其设计效率。这就需要网页设计人员根据网站建设工作特点与需求对网页进行排版,进而提高排版的科学性与合理性,达到良好的排版效果[5]。
4网页设计艺术特点
在网页设计过程中,其艺术特点较为突出,是网页设计人员需要全面了解的体系。首先,网页设计具有主题鲜明的艺术特点。主要因为网页是网站的信息传达结构,只有设计较为鲜明,才能提高网页设计效率与质量。同时,色彩鲜明的网页设计,可以满足读者心理需求,提高网站浏览效率。其次,网页设计具有内容形式统一的特点。主要因为网页中的内容与形式需要统一结合,将网页主题与形象相互结合在一起。最后,网页设计具有整体感较强的特点。就是在网页设计过程中,适当的对空间环境进行设计,并且突出网页主题与意念,形成良好的设计风格与整体性,进而提高网页设计质量,凸显出网页设计的艺术形式。
5结语
在网页设计过程中,相关设计人员必须要重视各类要素的应用,并且逐渐提升网页设计效率与质量,增强网页设计效果。在此期间,相关设计人员不可以一味的重视网页色彩的设计,而是要突出网页设计整体性,提高其设计效率。
作者:李伟珍 单位:泉州师范学院软件学院
摘要:网页设计课程实训教学能使技校生有效地掌握网页制作三剑客Dreamweaver、Fireworks、Flash在网页设计过程中的应用,这对于技校生将来的就业具有现实意义。因此,教师在实训教学过程中采用立体化教学模式,才能切实提升教学效果。本文主要对技工院校的网页设计课程实训立体化教学进行论述。
关键词:网页 实训 立体化
技工院校的网页设计课程是以目前应用最为广泛的网页制作软件的使用方法为主线,采用任务和案例相结合的教学方式,以简明通俗的语言和生动真实的案例详细介绍Dreamweaver、Fireworks、Flash以及Photoshop这几个在网页制作中经常用到的软件,并重点讲解各软件在网页制作中的实际操作。通过网页设计课程的教学,可以使学生具备就业所需的网页设计能力,为未来的发展和自主创业奠定基础。因此,该课程越来越得到技工院校计算机专业教师与学生的重视。其中,由于实训教学是整个网页设计课程教学的关键核心所在,因此改进实训教学模式,引入新的教学方法、手段,对于提升网页设计课程的教学效果具有重要的意义。
一、立体化教学的内涵
传统的课堂教学模式过于强调教师在教学过程中的主导作用,导致学生在教学过程中被动地成为知识的存储器。实践证明,这种模式既无法体现职业教育能力本位的思想,又使学生无法适应当今社会的发展。因此,引入更加先进的教学模式对于技工院校来说尤为迫切。所谓的立体化教学,就是打破传统的以教为主的一维化模式和教、学并重的二维化模式,将教、学、练、做四维集成一体,使四者相互渗透、相互融合。从而使学生的学、练、在教师的引导下,真正实现无缝对接,从而实现人才培养方案确定的目标。
二、技工院校网页设计课程实训教学采用
立体化模式的必要性一方面,传统的技工院校计算机实训教学模式已迫切需要得到改进、提高。随着技工院校生源的不断下降,技校生生源素质的迅速下降已成为不争的事实。特别是对于计算机实训教学,既要面对实训内容与市场需要脱节的窘境,又要面对学生学习兴趣缺乏,学习积极性不高的实际学情。另一方面,企业的发展对技工院校的计算机专业人才提出了更高的要求。既懂理论又具备较强实际操作技能的学生,更受用人单位的欢迎,也有着更加广阔的发展空间与发展基础。
三、技工院校网页设计课程实训立体化教学的开展
1.确定合理的教学目的
技工院校网页设计课程实训教学的目的应体现应用型人才的培养,并充分考虑技校学生的学习基础、特点。在学生掌握计算机和网络应用基本知识的基础上,掌握HTML、CSS、javascript有关的知识。通过对Web页制作技术、工具的学习,使学生对于网页设计与制作中所涉及的相关知识有全面的了解,并使学生具有解决一般网页制作问题的能力。掌握运用DreamweaverCS6网页制作软件的方法、FireworksCS6图像处理软件进行网页中图形制作和运用flashCS6动画制作软件设计网页中动画的方法,进而将这三个软件互相配合,完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。
2.科学设置实训内容与要求
由于网页设计课程的实训内容在整个教学过程中占有重要的地位,因此设置哪些实训内容并提出相应的要求是实训教学成功与否的关键。如在网页布局这一环节,设置的实训内容是在本地站点文件夹D:\myweb中,创建一个网页文件web51.html,内容自定。要求使用表格布局页面。页面要求:①有页面标题、页眉、导航栏、主内容区、页脚。②版面布局合理,内容安排有序。然后在本地站点文件夹D:\myweb中创建3个网页文件,一级页面web53.html,二级页面web531.html、web532.html,内容自定。要求使用APDiv布局页面。页面要求:①有页面标题、页眉、导航栏、主内容区、页脚。②版面布局合理,颜色设置符合美学原理,使用部分图像增强表现效果。③要求网页链接层次至少2层,完成一、二级页面的链接,并且各页面之间有统一的导航机制。最后创建一个框架网页文件web55.html,按要求给每个框架设置初始显示网页。其中左侧框架设置为导航页,被链接文件可以使用以前制作好的网页。这样就使得学生的学不再是盲目、被动地学,而是知道如何学、练、做,从而真正实现立体化教学。最后,实训考核立体化。考核不仅要综合考查学生的学、做、练,也要相应地考查教师的教,只有这样才能不断完善立体化教学模式,达到教学相长的目的。
作者:齐立新 单位:江西省冶金技师学院
摘要:文章主要研究网站建设中网页设计的安全缺陷和对策,分析了网页设计安全缺陷的成因和危害,并给出了几种常见网页设计安全缺陷的应对策略。
关键词:网站建设;网页设计;安全缺陷
近些年网络技术突飞猛进,人们的工作生活都离不开网络,更多的企业以及机关单位都开始自行建设网站从事网络宣传和商务活动,在简化业务流程,提高效率,拓宽业务渠道,方便工作生活的同时,网络安全问题也日益突出,研究网站建设中网页设计安全缺陷和对策十分必要。
1网页设计安全缺陷
1.1网站建设
网络技术快速发展,网络安全技术逐渐完善,黑客攻击技术也不断更新换代,更加先进,黑客行为从单纯恶意攻击逐渐转变为商业机密以及个人隐私的窃取,针对网站的攻击越来越多,设计人员在网站设计工作中要对其安全问题充分重视,了解网站建设网页设计中存在的各种安全缺陷,并在网页设计工作中找寻有效的措施予以解决,提高网站网页的安全性。网站建设的基本流程主要有需求分析、美工设计、程序开发、网站运营等几个步骤,需要设计开发很多配套辅助程序,其中网页设计有着自身的特殊性,程序的安全漏洞更多,安全威胁也严重。
1.2网页设计
网站建设的目的是为企业和用户、政府机关和群众提供便捷的沟通桥梁,利用网站为用户和群众提供产品信息、政策信息,并搜集用户和群众的反馈信息,加深用户和群众对企业以及政府机关的了解。尤其是电子商务网站,除了信息沟通之外,还兼具宣传产品、网络营销等商业用途,能够为企业提供展示自身产品的平台,从而进一步提高自身产品的知名度,为达成交易创造机会,加快企业发展。网页设计是网站建设的核心内容之一,网页设计质量的好坏对网站建设的整体质量有较大的影响,是网站建设水平的一个缩影,也是网站建设的最终展示效果,经过多年发展,网页设计技术已经逐渐发展成熟,形成了多种便利的编程工具,网页设计的效率更高,最终表现效果也更生动,给网站开发人员提供了有力的技术支持。
1.3网页设计安全缺陷威胁
现阶段,网页设计中应用最为广泛的服务器端网页设计技术主要有动态服务器页面(ActiveServerPage,ASP),Java服务器页面(JavaServerPages,JSP)以及超文本预处理器(HypertextPreprocessor,PHP)等几类,利用脚本语言,就能够高效管理网站资源,网站使用者和网站之间的交互性更强,功能更加多样、直观、简洁。如果网页设计中存在语言编程问题,用户在使用过程中就会逐渐形成安全漏洞,为不法分子利用,就可能给企业造成间接和直接损失。用户输入信息不可控,信息不确定性很大,网页设计开发人员需要充分考虑到这个问题,详细全面分析用户信息,避免非法信息输入损害网站安全。网页脚本语言编辑和服务器之间有着密切的数据连接,关系到网站设置和服务器数据,网页设计中的漏洞会影响网站的安全性,增加数据被窃取的风险。
2网页设计安全缺陷应对措施
网页设计中的安全缺陷会降低网站的安全性能,威胁企业隐私数据安全,现阶段,网页设计中存在的安全缺陷主要包括Web安全加固、桌面数据库泄密和文件上传漏洞等几方面。
2.1Web安全加固
常规安全设备不能抵御应用层攻击,因此互联网厂商提供了应用层防火墙,以硬件的方式抵御网络攻击,针对SQL注入式攻击能够提供数据拦截功能。但是针对网页篡改的攻击方法多种多样,攻击者会想方设法获取系统操作权限并进行违法操作。为了避免网页篡改,设计网页时要采取措施避免被篡改的网页流出服务器,同时加固网页使其不容易被修改。当前市场上防SQL服务以硬件的方式实现,而网页防篡改则通过网页设计和应用程序进行,两种防护功能的相互整合程度不高。为了整合两种功能,在内核层面,可以将文件目录以及内容修改行为封装在内核入口中,系统利用层次拦截服务验证修改操作的合法性,非法操作拒绝其调用函数进入内核,并记录攻击拦截日志;系统层面,在受保护页面和文件目录对应内核中设置防修改Incode节点位;应用层则利用事件触发保护策略监控网页文件和目录,建立多层安全加固体系,保护网页安全。
2.2逃避验证/文件上传
用户知道网页文件名、路径,就有可能逃避验证,威胁网站安全。网页如果没有设置用户登录限制,用户就可能直接将网页文件名输入网页,无需进行登录验证就能够获取网页内容,降低了网站的安全性。为了避免用户逃避验证,网页设计开发人员需要注意保护网页信息,加密网页文件名、路径,重要网站内容设置用户身份验证,用户需要验证身份之后再登录相关页面,获取信息,从而进一步提高网页安全性。很多网站都设计了上传文件功能,视频网站用户可以自行上传视频,网盘用户可以上传自己的各类文件,虽然给用户带来了便捷和更多丰富的功能,但也给网站安全性带来了很大考验。一些网站设计开发工作人员在网页设计中忽视了上传文件的安全性问题,没有添加过滤功能,或者过滤参数设置不合理,一些不法分子利用文件上传功能,上传恶意文件,潜入网站数据库系统进行破坏或者信息窃取。为了提高网站文件上传的安全性,网站网页设计应该设置判断程序,系统接收文件上传请求之后首先分析判别其安全性,确认其为无威胁文件之后方可完成上传操作,从而有效避免非法文件、木马病毒上传到网站,提高系统安全性。
2.3数据库下载/源代码泄露
桌面数据库被下载是另一个严重的网页设计缺陷,ASP+Access应用系统更容易出现这个问题。用户在一般情况下需要通过网站的用户登录和身份验证之后方可下载网站相关信息,但是在知道Access数据库名称、路径之后,数据库中的信息就可以随意下载,导致数据库机密敏感信息泄密,给企业带来损失。例如图书馆管理系统数据库名称为Library.mdb,路径为URL/database,浏览器中输入URL/database/Library.mdb,就能够直接下载该数据库中的信息。为了保护数据库信息,ASP程序设计首选开放数据库互连(OpenDatabaseConnectivity,ODBC)数据源,该数据源不将数据库名称直接写入程序中,不会出现ASP源代码和数据库名称一同丢失的情况,除此之外,还应该进行页面的加密处理和数据库信息加密处理,保护数据库内部资料。源代码泄露也严重威胁着网站的安全,网站建设网页设计中为了避免源代码泄露,网站页面代码都需要加密处理,从而保护源代码,提高网站安全性能。常见的ASP加密方法主要有编程逻辑封装和ASP页面加密两种,其中ScriptEncoderASP页面加密更加常用,有着理想的可编程性,嵌入HTML页面中的ASP代码仍然可以使用常用的Dreamweaver等网页编辑工具完善HTML部分,加密目录内所有ASP文件并统一输出至指定目录,操作简单,安全性高。
2.4网页筛选过滤
网站服务器提供了过滤转送机制,方便网页设计开发工作人员额外筛选处理网页数据,该机制能够于网站服务器外挂命令文件并编译执行,利用网站服务设定,可以转移网页输入数据至网页筛选过滤模块,该模块接受网页数据之后,获得其参数数据,并将其传递给XML解析器验证,验证成功方可进行下一步操作,否则将向用户端回传错误信息;之后输入数据传递给MAC模块,校验数据完整性,数据完好,可进行下一步操作,否则回传错误信息;数据完整性校验完毕,传递给网站应用程序,网站应用程序回传Cookies和HTML数据,提取HTML数据参数网址和窗体数据传给MAC处理模块,生成信息验证码,将其加入Cookie和HTML文件,回传给客户端。网页筛选过滤模块读取参数名称,判断该网页是否有待处理表单,如果没有参数名称则不做处理,有参数名称,表示有待处理表单,则逐一提取字段值、Cookies信息,XML解析验证。该功能能够过滤和分析网页,实现流程控制、其他功能模块调用和安全校验等功能。
3结语
信息化进程不断加快,网络进入了生产生活的方方面面,为人们提供了更加便捷的服务,网络商务行为也更加普遍,电子商务、网络营销等网络商业行为对网络安全性的要求越来越高,为了保护网络信息,需要采取有效的对策解决网站建设网页设计中存在的各种安全缺陷,进一步提高网站运行安全性和稳定性。
作者:钱能 杨杰 单位:重庆科创职业学院
【摘要】本文先阐述计算机多媒体技术在网页设计中的应用,然后分析其中的问题,最后提出相应的应对措施,旨在为网页设计提供一定的参考。
【关键词】网页设计 多媒体技术 计算机 应用
随着网络信息时代的到来,人们的思想观念、生产和生活方式均发生重大改变,与此同时,人们对信息技术的掌握程度较以往明显提高。作为一种视觉语言,网页设计是对平面设计的延续,将计算机多媒体技术应用其中,一方面可以极大增加网页的内容含量;另一方面,还能显著提高设计人员的工作效率。目前,在图像化技术中,计算机多媒体技术是最具有优势的技术之一,受到网页设计人员的青睐。
1计算机多媒体技术在网页设计中的应用
1.1在即时通信设计中的应用
网页是一种借助互联网来进行信息传播、功能实现的平台。因此,在网页设计的过程中,需要确保其通信质量、速度。但是,如果网页的内容比较繁多,存储需求比较大时,就会导致网页功能不能实现,比如出现网页打开速度缓慢、无法打开等。为了解决上述问题,需要利用计算机多媒体技术,即比如压缩实时通信的信息、增加长度限制等。通常情况下,用户利用网络来浏览网页信息时,在下载、读取文件的过程中,需要对音频实时采样序列操作。在网页设计中,图像、文本媒体所占内存空间比较有限,但为了使用户充分了解网页内容,实现广告吸引等,需要有大量的阐述性、介绍性信息,包括文字说明、图片、网页介绍等。此外,在大量的图形、音频文件中,同样会夹杂文本信息。要想确保网页容量处于限制范围之内,同时保证网页的正常浏览,就需要解决好两个问题,即像素调节、控制文本和图形文件的长度。使用计算机多媒体技术进行处理时,应考虑压缩标准对文件质量的影响。目前,相对比较高的压缩质量为MPEG标准,但JPEG标准在实际应用中最为广泛。
1.2在网络连接设计中的应用
当网页正式工作后,网络用户会通过多种渠道来浏览网页,访问量会不断增长,同时承载媒体信息的数量也会不断扩张,从而给网络连接带来一定的压力。为了满足传输需求,需要借助计算机多媒体机技术,实现对媒体数据的压缩和解压。压缩指的是用户在实时数据传输前,在进行压缩,然后再进行传输,这样一来,可以节约传输时间,有效避免出现网络堵塞问题。解压缩则是发生在用户获得媒体资料以后,它主要是先对文件进行解压,然后再实施编辑、存储等。除此之外,为了满足网页用户之间的网络连接,应用计算机多媒体,可以建立不同的模型,比如OSI框架协议通信,它可以面向多用户进行操作,并且还具有自动纠错功能。
1.3在网页形象化设计中的应用
在网页设计中,为了确保网页的吸引性、可读性等,需要添加一些因素。利用计算机多媒体技术,既可以为网页提供设计因素,同时还能利用视频、图像等方式,让网页更加生动、丰富。值得注意的是,在网页设计的过程中,需要认识到多媒体属于一种加载程序,所以应该适当控制其容量,避免加载过多出现一定的负担,从而设计出更加绚丽、快捷的网页来。
2计算机多媒体技术在网页设计应用中存在的问题
在网页设计中,计算机多媒体技术的应用大大提高其效果和效率,但同样也存在一些问题,具体如下:
2.1多媒体元素格式选择错误
在网页设计中应用计算机多媒体技术时,视频、图片等元素的格式选择非常重要,要求其容量小、真实性好。但是,在目前的网页设计中,经常出现视频无法打开、图片不显示等问题,究其原因,主要是因为浏览器与文件格式不兼容,或是文件比较大,不能有效载入。
2.2视觉元素堆砌
网页平台包含多种视觉元素,既包括平面视觉构成的各个元素,同时又包括多种特有的视觉元素,比如多媒体、交互元素、动态等。但是,在网页布局的过程中,呈现出来的是一种简单的堆砌,网页布局缺乏规划,缺乏美感。这样一来,不仅造成资源的浪费,而且还会降低网页的吸引性、可读性,从而减少用户浏览量。初次之外,还有一些网页设计片面追求页面的绚丽,缺乏实际内容。
2.3视觉元素与相关应用的冲突
在网页设计中应用计算机多媒体技术后,网页会包含多种视觉元素,比如文字、影像、图片等,而浏览上述元素需要通过专门的应用软件,比如浏览器、插件程序等,由于机器分辨率存在差异,进而导致网页呈现与视觉元素本身存在一定的差距。比如用户在观赏Flash动画时,则需要安装特点的插件程序。此外,对于不同的浏览器来讲,对于同一网页的视觉元素,其呈现出来的效果也会出现差异。因此,用户要想获取最佳的视觉效果,需要切换浏览器。
3提高网页设计质量的具体措施
在网页设计的过程中,为了提高计算机多媒体技术的应用效果,需从以下两个方面入手,做好网页设计工作。
3.1选择合适的多媒体元素
网页设计中应用计算机多媒体技术时,需要结合实际情况,选择合适的多媒体元素格式,避免出现文件太大难以载入或是打不开等情况。比如要尽量多使用图像微缩图,针对无需放大的图片,可以利用相关的图像编辑软件(如Photoshop)进行处理,即先重新取样原图片,然后再根据自己的需要,对图片的大小进行合理调整,最后再保留新图样。对于动画标题,为了节省容量,便于浏览等,可采用静止图片。
3.2将多媒体技术与艺术设计结合起来
在网页设计中,设计人员不能一味堆砌多媒体元素,而是要充分考虑其艺术性、实用性等。因此,在网页设计的过程中,需要做好以下几点。
3.2.1突出主题要素。不管是哪个网页,它都应该有明确的主题。因此,在网页设计中,风格要素与主题内容保持一致,以此为前提,添加文字、动画、图片等多媒体元素,同时确保色调的统一。作为主题要素,还要处理好编排位置,使其成为视觉焦点,同时组合各构成要素时,处理好结构的大小、多少、虚实等。
3.2.2注重网页布局。在网页设计中,可采用“国”字型、Flash型、标题正文型等。在规划网页布局时,需要根据信息量的大小来决定。如果信息量比较大,则可以采用拐角型、“国”字型等;对于纲要性的网页,则可以采用标题正文型。
3.2.3适当运用留白艺术。留白、虚实均是网页设计中比较重要的表现形式。因此,在网页设计的过程中,可以适当运用留白艺术,形成层次鲜明、节奏感强的效果,同时化解大量信息内容聚集导致的压迫感,给用户创造一个轻松、愉悦的享受,激发用户的浏览兴趣。
4结语
在计算机多媒体技术的快速发展,逐渐渗透到社会的方方面面。在网页设计中,设计人员也将其运用其中,主要体现在即时通信、网络连接、网页形象化三个方面的设计中。为了保障其应用效果,设计人员需正视其中存在的问题,并且从选择合适的多媒体元素、将多媒体技术与艺术设计结合起来两个方面入手,提高网页设计的质量。
作者:索颖 刘乃荣 王玲 单位:辽东学院
摘要:Flash技术运用范围非常广泛,不论是网站、广告、动画、游戏,甚至程序设计与多媒体化展示方面都有一定程度的运用。本文首先对Flash动画今后的发展趋势进行分析并具体化叙述了Flash的实际定义与特点,并对Flash动画当前在网页设计中的应用方式进行分析,针对性阐述了Flash动画在整站式网页设计过程中交互式导航系统、Web图像动画展示以及鼠标动画的应用。在此针对性研究Flash动画在网页设计中的相关研究,望研究结果能够对今后的学者一定帮助。
关键词:Flash动画 网页设计 应用研究
随着社会迈入信息化时代,网络及计算机技术的发展及普及程度呈现出优质化的发展形势,从而促进网页动画渐渐发展起来,此外网页动画设计在网页设计中占据重要地位,促使人们在关注动画整体发展趋势的过程中将注意力放在网页动画方面。在构建及设计网页时,运用Flash帮助网页实现多媒体化的网页成果展示,同时也渐渐成为网页设计发展过程中不可或缺的重要部分。
1Flash的运用及特点
MacromediaFlash作为一种交互式编辑矢量图及多媒体创作软件,因特网网页设计矢量动画文件格式时常得以较多的运用,此外,针对性分析Flash,可以了解到目前其主要具备以下六大特点:第一,将矢量图形作为主要运行前提,致使其自身文件导出容量不大,在进行图片缩放时对其自身的清晰度影响不大,在网络传输过程中存在一定的便捷性;第二,Flash具备非常优质化且强大的AS代码,在设计动画时运用Flash技术,促使动画的交互性优良,便于读者在阅读过程的理解并实施相关互动;第三,针对实际运用过程分析,Flash动画在运作时主要采用插件,若用户想要实现视频观看,仅仅需要安装一次视频插件就可以直接观看,避免繁琐性多次安装的现象发生。此外,由于Flash构建的动画自身极小,所以其具备较快的调用速率;第四,在设计Flash过程中,可以根据需要适当增加页面控制按钮帮助页面实现链接的跳动,还可以运用鼠标实现页面动画中的运动及移动。第五,Flash可以实现动画视听效果内容的升华,譬如渐变声、位图等等,用户在制作图片的过程中可以直接构建全Flash制作站点;第六,Flash动画属于一种“准”流式文件内容,无需全部下载完成就可以实现动画观看。
2Flash动画在网络设计中的应用
在网页设计中,Flash动画具备非常多关键性的作用,如流式播放动画、FlashMV及短片动画等,此外其所表现的形式中存在一定的交互性。但需要注意的是,在实施网页设计时,避免繁琐、复杂的动画设计效果的存在,毕竟物极必反,只会降低网页的品质;如图1所示。2.1网页动画信息交互的实现为了进一步却宝宝网页动画信息交互整体的流畅性,其中的一个重要关键就是Flash动画导航的交互性设计。在对该部分内容进行设计时,往往会使用针对性的Flash动画脚本——AxtionScript。实际设计过程中,通常由编程者的思想与Flash在事件中作用共同形成动力,并依据动画中的相应内容实现AxtionScript的具体化定义。2.2网页动画相关要素的设计第一,交互式导航系统。在网页设计中,导航栏对用户主要起到一种引导性作用。所以在设计时需要将其设计为多个导航级别,并构建针对性的标识来将其区分,以色彩为例,可以采用较为鲜艳、清爽式的搭配。第二,Web图像动画形式展示。传统网页中,Web图像主要呈现静态,不过经由计算机技术的不断发展,最近几年在网页设计中渐渐出现了一部分动态化的Web图像。同时在其色彩方面的运用,主要采用RGB模板,并在网页安全色方面运用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,鼠标动画。为了实现优质化Flash动画效果,在制作动画效果时要特别注意鼠标在移动过程中其轨迹图案及色彩搭配。首先,要确保鼠标移动过程中的色彩与网页设计色彩是不同的,有助于用户一眼就可以将鼠标找到。最后就是,鼠标在色彩区别网页之后还要注意其透明性,避免遮蔽信息的现象出现。
3结语
综合全文内容,在网站设计过程中,Flash作为一个极具重要性的视觉性元素,其可以在帮助网站实现多媒体化效果展示的同时,还能够结合数据通信这一措施全面性丰富网站自身具备的素材及资源,最终达到一种动态化的效果。截至今日,由于计算机技术发展速度不断提升,结合Flash自身所具备的多种优质化特征,笔者相信在今后人们的日常生活中,Flash动画一定可以获得更加广泛的用途,更具普遍性,最终实现网页设计的主体化运用趋势。
作者:侯英杰 单位:陇南师范高等专科学校
摘要:分析了传统教学模式与培养应用型人才模式对网页设计与制作的教学改革的影响,提出为培养应用型人才的改革方向,并以两个专业、四个班的学生做为实验样本,对本年度教学内容做出了一些改革,得出了在培养应用型人才时该课程内容的改革方案和注意事项,指出为培养服务地方应用型人才,网页设计与制作的课程改革势在必行。
关键词:传统教学;学即能用;CSS
互联移动终端的大面积推广,使得掌握网页制作技术的人才在各个行业里都成为必不可少的需求;同时,地方普通高校为社会服务的使命感在不断增强,如何培养出“学即能用”的人才,使之在短时间内掌握主流的网页设计技术,提高站点访问量,是这门课程课堂教学效果进步的体现。
一、技术背景与课堂教学要求
(一)Internet发展历程
Internet经历了从Web1.0到Web3.0的迅猛发展。Web1.0是静止、单向、被动的;Web2.0则为用户开设了主动权,使得用户和网站可行双向信息互动;Web3.0提升了用户的主动权,用户可对页面的多种元素(显示、色彩、像素、框架等)按需设置,订制专属的功能模块,整合数据资源,适用于电脑、手机、PDA等多终端平台定制。
(二)传统的网页设计与制作课程内容
一般情况下,高校开设的网页设计课程从教学内容上可划分为两大块:1.相关知识介绍。网站的概念、基本元素及页面等相关知识的介绍。2.应用软件的使用。介绍使用最多的Dreamweaver系列网页制作工具,使学生掌握布局(表格、层、框架、模板等)、超级链接、表单和几种特效。随着互联网的全面推广和“学即能用”的需求,以上内容已不能满足互联网时代与时俱进的特点。最关键的问题在于:课堂学到的知识是否马上就能得到应用,是否与目前社会上专业的网页制作公司的技术规格保持一致。因此,本门课程的改革势在必行。
二“、服务于地方”教学内容的改革
(一)教学内容改革
内容改革是课程改革的首要环节。关于什么是关键内容,什么是次要内容,笔者走访了本地专业网页设计公司中企动力的设计总监马女士,通过对她的访谈,了解到时下主流的网页设计公司所涉及到的技术规范,对本校现阶段的教学内容做了必要的调整,简化了表格布局页面、框架设计等已被淘汰的陈旧技术的授课内容,有选择地介绍了网页交互特效及表单的应用,加强了网页美化工具、HTML语言及CSS的学习内容。改革后的课程主要分为六大模块:网页和网站的基础知识、网页美化工具(Photoshop或者Fireworks)、HTML语言、网页开发工具的介绍、DIV+CSS、动态网页技术。首先,通过具体的例子阐明网页、网站的定义,页面的布局类型(主要是盒模型)、整体造型及配色方案的相关知识;其次,介绍网页美化工具图片处理工具(Photoshop或Fireworks)的使用,学生可用其设计页面元素,加强页面的视觉效果与美观性,提升站点的专业度;再次,介绍HTML的基本语法结构和语句,使学生熟练掌握其主要标签的使用(传统的教学模式对这一部分的内容有所忽略)。实践证明,学生若不熟悉HTML的语法构成,学习DIV+CSS这一主流的网页布局模式就会相当吃力。当然,对于非专业学生而言,学习一门语言,即便是文本标记语言,由于其本身对计算机系统相关知识的欠缺,授课会比较困难,学生也学得辛苦,但这又是一个必要的过程,其所占用的时间比较长,需要设计大量实例,反复练习才能掌握。之后介绍开发工具,重点是要理解页面的代码模式和设计模式,而DIV+CSS则是本门课程的重头戏,由于学生对代码有种天生的恐惧,所以,在建立CSS时又以开发工具建立为主,修改程序为辅。最后简单提及动态网页技术。由于课时限制(32节),本课程主要讲授静态网页制作。静态网页技术分为传统技术和新技术。传统课堂教学内容重点是布局表格、框架、模板等,而目前主流的网页制作公司则主要应用DIV+CSS。所以,对于陈旧的技术简单介绍即可,而把DIV+CSS作为布局的主要技术进行讲解。由于这些内容需要学生对代码部分比较熟悉,所以,在课时中增加了相应的HTML的基本语法结构和语句的介绍,并对主要标签的使用熟练掌握。
(二)实际授课效果
笔者今年为设计和思政两个专业的学生授课。设计专业的学生已经开设了PS,有一定的设计基础,所以,课程内容改革中的第一部分可以省略;思政专业的学生没有图片处理基础,笔者在授课过程中有意加强了这部分内容,讲授简单的图片处理方法和文字特效工具。实践证明,学生有追求新知识的欲望,基本能做到学以致用,并反馈到最终的作品中。往届学生的作品更像电子小报,而今年通过课程内容改革的学生作品虽不完美,但在形式内容上更接近Internet的正规网站,教学效果良好。针对我校提出建立培养服务于地方应用型人才的本科院校,传统的网页设计与制作课程必须响应时代号召,更新教学内容与方法。本文仅供从事该课程教学的教师参考。
作者:侯敏 单位:西安文理学院
摘要:
在当前这个时代中,各种视觉信息不断泛滥,让我们眼花缭乱、应不暇接。人们越来越希望网页设计能够变得简洁、明快、一目了然。将简约主义思想应用于网页设计中,有着明显的现实意义。本文先分析简约设计理念的起源,接着研究简约主义视角下网页设计的特点,最后提出一套有针对性的应用简约主义理念的对策,希望能起到一定的启发意义。
关键词:简约主义;网页设计;对策
一、前言
迈入新世纪之后,信息技术蓬勃发展,我们已经身处于信息时代的怀抱中,在这个时代中,各种视觉信息不断泛滥,让我们眼花缭乱、应不暇接。人们越来越希望网页设计能够变得简洁、明快、一目了然。将简约主义思想应用于网页设计中,有着明显的现实意义。本文先分析简约设计理念的起源,接着研究简约主义视角下网页设计的特点,最后提出一套有针对性的应用简约主义理念的对策,希望能起到一定的启发意义。
二、简约主义溯源
早在春秋战国时期,我国哲学家、思想家老子就提出过“少则多、多则惑”的思想。在古希腊时期,柏拉图曾经用“简单及少”的理念来论述立方体。这足以说明简约主义思想源远流长,很早就初见雏形。事实上,正是世界文明史上的现代主义运动直接带动了简约主义的发展与成熟。从理论角度而言,现代主义是功能主义与简约原则的有机融合。上个世纪初,英国兴起的“工艺美术运动”正式将简约主义理念登上了历史的舞台,使其出现在人们的视野中。“工艺美术运动”旨在否定机械化与装饰过度的设计风格,主张真实、热情,兼具功能与价值的设计。这次运动为现代主义风格奠定了良好的基础。其提出设计应该以功能作为核心,强调非装饰化的简单几何造型。之后,著名建筑大师米斯•凡德罗提出了经典的“Lessismore”的设计原则,直接为简约主义理念奠定了理论基础。如今,不光是建筑领域,产品设计领域、平面设计领域、室内设计领域、家居设计领域都开始追求简约主义设计理念。如今,关于简约主义的称法层出不穷,白色派、极少主义、“空”设计,其实都是追求简约大方的设计风格,是简约主义设计理念的具体体现。本文认为,所谓简约主义,其实就是呈现最基本的要素,主张摒弃一切多余的结构、色彩、文字与图形等,这样可以让核心内容成为聚焦点,使人们迅速攫取到中心内容。
三、简约主义视角下网页设计的特点
互联网的日益普及使得网络承载的网页内容不断增多,功能也日趋多元化。虽然人们通过网页能找到自己想要的信息,但由于网络世界缺乏应有的监管,导致一些网页看似华丽,实则空虚,这就对网页设计提出了更高的要求。将简约主义理念用于网页设计中,有着广泛而深远的意义。首先,网页设计应用简约主义理念,可以提升用户体验。如果只注重网页的外观设计,一味追求华丽美观,用户可能难以在网页中迅速攫取自己想要的信息内容,这样的用户体验显然是很糟糕的。其实,在网页设计中,简约是一个相对性概念,力求摒弃泛滥与随意。网页设计的简约是对网页信息结构进行科学布置,简单清晰地向用户传达他们想要的信息,从而留住用户,提高网页的点击率。其次,网页设计应用简约主义理念,可以做到网页信息主次分明。Google产品设计副总裁MarissaMayer曾经对这个功能做出过精辟阐释,她认为简约的网页设计就犹如一把合上的瑞士军刀,用户往往只能记住一个网站的7-9个功能,脑海中留有16个左右的关键词印象,所以必须在这个范围内合理考虑用户的要求,而那些功能繁杂、页面华丽的网站,更像一把打开的瑞士军刀,可能会“伤害”用户的使用,使其感觉信息混乱。
四、网页设计应用简约主义理念的对策
自从米斯•凡德罗提出了经典的“Lessismore”设计原则,简约主义设计理念收到了人们的热烈追捧与认可,它提倡摒除所有无关紧要的要素,以简明、活泼、轻快的设计风格直达用户内心,满足用户诉求。如今,现代人身处于一个信息爆炸、知识泛滥的时代中,内心越来越渴望网页界面做到简洁明快,能快速找到想要的信息。有鉴于此,网页设计应用简约主义理念可以从以下几点入手:
1、合理取舍
简约主义设计风格始终追求简单明晰的设计效果,摒弃所有多余的色彩、文字与图形等设计元素,力求高效快捷地向用户传达有效信息,将他们的视觉关注点引领到关键信息中,对网页的关键要点产生兴趣。要达到这样的境界,合理取舍至关重要,具体是指强调与着重,因为简约主义不是主张去除一切,而是提倡将关键信息优先曝光在用户的视觉世界中,在保证网页好用的基础上,为用户减轻视觉负担,使他们享受到良好的使用体验。在合理取舍过程中,设计者要注意这么几个基本要求:网页色彩、文字精简、图形处理、位置编排和版面的“留白”处理等。对于一个没有任何留白,文字布局密密麻麻的网页,根本会让读者感觉无从下手,导致他们直接关上网页。所以,网页设计者必须保留一定的网页留白,在空白背景下曝光重点信息和关键信息,然后再一步步引导用户了解其他的信息。
2、合理组织视觉要素
在设计网页界面时,有了简约主义设计理念的指导,设计师应该合理组织视觉要素,力求做到简单清晰。设计者要合理分类、组合网页界面的信息,进行适当删减。分类网页信息是为了让用户在浏览网页时,可以直接、快捷地了解网页布局与结构,做到心中有数,在其脑海中留下一定印象;减少类别和适当删减并不是要减少网页含量,而是将重点信息、关键信息放置于一个相对简单的布局中,使用户能一眼就看到有效信息而不浪费时间。在组织视觉要素时,设计师可以先构建一个简单清晰的首页,摒弃繁杂,然后进行适当配色,色彩种类不可过多,以简洁素养为主,文字介绍也不可花里胡哨,力求做到简洁明快。
3、网页各界面保持风格统一
毫无疑问,现在的网页界面有着众多层级,设计是必须做到网页界面的风格统一和和谐,不可产生太大的突兀之感。用户一般是通过首页或者网页链接进入网页界面的某个层级中,假若网格界面的风格不够统一,甚至存在较大反差,很容易影响用户认知网页信息的效果,不利于他们顺利解读网页信息。事实证明,统一和谐的网页界面风格不仅可以增强用户的认知与记忆,提高他们搜索所需信息的效率,还能使用户对该网页印象深刻,对其形成满意度,成为该网页的“忠实粉”。对于网页界面风格的和谐统一,关键要做到同样元素的位置和大小要保持一致,起码不能差距太大,配色方案也要保持整体一致,同类型的设计要素风格也应该尽量保持一致。
五、结束语
在网页设计中应用简约主义理念大有裨益。但我们不能忽视,目前有设计师在应用这个理念时走进了误区,即为了简约而简约,忽视了网页的功能性,不注重用户浏览网页信息时的认知体验,这样的网页设计必定“费时、低效”。其实,简约主义设计理念并不是简单地简化设计元素,而是合理取舍界面要素。对于网页设计而言,设计师必须立足于提升用户的使用体验,提高网站的可用性,只有做到“以用户为中心”,才是真正的简约主义设计。我国网页设计师应该多学习和借鉴国内外优秀的成功案例,认真学习简约主义设计理念的精髓。
作者:穆冰玉 单位:郑州轻工业学院艺术设计学院数字媒体艺术系
随着网络的发展,网页可以把各种信息以快捷、方便的形式传达给受众,由此人们逐步产生了对于网页审美的需求。人们对美感的追求应从网页设计中视觉元素的功能及其审美表现的角度出发,利用有效的传达信息,不断扩充网络的多元化,使得网页设计更注重个性化的表现形式,使信息更加快速有效的传递出去。本文重点阐述了在网页设计中提高视觉信息传达的具体方法。随着我国网民增长速度的加快,网页设计在互联网在我国的发展前景非常广阔,网页的视觉传达设计更是成为一个不可忽视的课题。网络给人们提供了一个便捷的信息交流平台,网页中视觉信息的表达己经从简单图、文编排的形式,发展到如今视觉元素的综合运用。由于网页链接繁琐性严重阻碍网络信息的有效传播,无效的传达不利于与用户之间相互沟通,一些视觉效果受网站的信息设计结构及内容量的影响,对于不同类型的网站,应该明确采取什么样的手法来表现,使得网页设计成为一种艺术形式。虽然目前我国网页设计在理论与实践上发展比较健全,视觉的表现力不强,影响了网民对网页点击率。由此可见,新媒介下的网页设计还处于一个不理想的状态,计算机编程技术还处于一个以文字为主的信息交流形式,网页设计的功能性也没有得到好的体现。
一、要实现网页中的版式功能与审美功能
为了满足人们的实用需求,需要网页设计主次分明,突出重点。在网页设计前期,应该明确每个网站都会有自己的特色,因此需要尽可能地使网站各个页面间的切换简便。善于运用图形来引导用户查看所需信息,一些抽象图形和引导按钮都可以起到引导信息传递的作用,这些图形不但影响着网页的视觉审美,还能以优异的视觉形成格调优美、韵味十足的良好视觉效果,。不同类型网站网页是根据网站的服务来定性的,根据网站主题设定视觉元素的不同表现,将各自的功能与网络的交叉学科相融合,使受众能更好地和更有效率地接收网页上的信息,使人浏览起来心情愉快,接收信息也会更加轻易。网页设计的审美需求,就是把传统平面设计中美的形式规律同现代的网页设计的具体问题相结合起来,运用一些平面设计来增加网页设计的美感和大众的视觉审美需求。我们经常所说的如变化和统一、条理与反复的设计都是十分有效的视觉规律,首先,网页的内容与形式的表现必须服从内容要求,网页上的各种构成是信息诉求的重点位置,在我们把大量的信息塞到网页上去的时候,必须使整体感强,同时又赋予变化,这样才会使页面更丰富,更有生气,能够突出一个清楚的主体,在用户阅读时视线流动,要避免视线流动偏离设计的初衷。网页设计中要注重其结构的轻重大小、虚实、多少等对比因素,加强视觉力度,以强化页面的整体吸引力。
二、注重色彩的设计
网页它既要求文字的美丽流畅,又要求页面的整洁,使用色彩可以使页面更加生动。浏览者在浏览网页时留下的第一印象就是页面的色彩设计,因此必须把握好色彩设计。
1.整个页面中要确定一个主色调
页面一般以浅颜色为背景的居多,以浅颜色为底并配上深颜色的字,这样不但有利于突出页面的重点,而且还可以为大多数人认可和把握。其他一些线条适宜采用不抢眼的颜色,尽量选用一些精心选择的元素,才能突出明亮的色彩,这些彩色亮点如果用得太多了,就会达不到强调的效果。
2.注重背景的色调搭配
色调搭配要注重不能有强烈的对比,大面积颜色适宜采用低比度,过于丰富的背景色彩会使文字溶于背景中,不易辨识。所以,背景一般需要一定的变化,实际上背景的作用在于统一整个网页的风格和情调,起到衬托和协调作用,一方面吸引网民的注重力并体现网站的主题。
三、提高网页设计中视觉信息传达的有效性
1.体现视觉语言的突出性
视觉语言就相当于有语法和结构的句子。视觉元素构成了现代设计中的视觉语占。每一个设计作品都与他特有的视觉符号,各种视觉元素是按照一定的规律和逻辑性排列组合起来的,要想尽快的达到识别和接受的目的,就要依靠统一与对比、虚与实、大与小等形式手法,按照信息的顺序产生强弱、主次等视觉语言的逻辑性让视觉语言给人以亲切温馨的感受和对生活意义的领悟。
2.要体现网站独特的风格
首先网页设计应该根据需要选择一些适合主题设计风格的字体。一般常用的中文字体需要许多专用的艺术字体下载,再要确定文字的字型、大小、颜色等等,当然也可以采用一些特效文字,如果浏览者的计算机里没有安装这种特殊的字体,就会导致读者阕读速度降低。对于网页设计来说,有很多软件就是我们常说的网页,要具有互动性,互动性能够充分调动人的参与性,在网络的环境下,充分实现每个人的个性化需求,使用户能够从中得到更深层次的了解和接受,从而做出决定。其次要适合视觉传达的过程。视觉信息传达是传达者将准各传达的信息挑选出来后,对信息以符号序列的形式进行排列,使之按照一定的排列组合方式形成的视觉语言,实质上这一过程也就是译码的过程,因为传达者所发出的讯息只有引起注意,才会被接受者加以理解和接受,接受者只能按照自己的方式将传达者的信息整理阐释。网页设计离不开一定的科学技术发展,好的网页设计除考虑其内容上的精益求精外,还要对内容进行合理有效的视觉编排,这样不但为了满足使用者的需求,更关键的是使使用者有一种全身心的享受和共鸣。
作者:于淼 欧阳洲丹 单位:辽宁工业大学艺术设计与建筑学院
1信息可视化概述
1.1信息可视化的定义
信息可视化是“利用计算机支撑的、交互的、对抽象数据的可视化表示,来增强人们对这些抽象信息的认知”的方法与技术。信息可视化最早出现于18世纪,历史和政治学家Playfire和数学家Lambert为了帮助人们更好地理解数据,根据复杂的数据创建了可视化图表。随着人们对于信息可视化技术的研究,信息可视化应用的领域越来越广泛,它不再只是表示数据的一种方式,更成为深度挖掘数据之间隐藏的特征和关系的一种手段。随着计算机科学的发展和各种移动设备的普及,信息可视化在网页设计中又引领了新的研究热潮。
1.2信息可视化的流程
信息可视化的过程可以分为三个阶段:源数据处理。将收集到的海量信息和数据进行处理和加工,使其简化和标准化,以便后期的快速调度和输入可视化流程。源数据处理是整个信息可视化过程的基础。可视化图。这个过程完成从数据到可视化图表的转变,通过各种可视化技术将抽象的数据用易于理解的图形描述出来,并表达出各个信息的数量、质量和关系等特征。视图转换。将抽象的数据转换成图形以后,按照用户的需求进行显示从而完成信息的输出。除此之外,还需要将用户的反馈信息传送回软件层而实现人机交互。
1.3信息可视化的方法
信息可视化的数据种类很多,包括一维数据、二维数据、三维数据、多维数据和时间序列数据等。这里着重介绍多维数据和时间序列数据的可视化方法。多维数据的信息可视化技术有很多种,其中比较有代表性的有基于几何的可视化技术、基于图标的可视化技术和动画的多维可视化技术等。基于几何的可视化技术包括平行坐标系方法、Radviz方法、散点图矩阵方法和Andrews曲线方法。平行坐标系方法使用平行的竖直轴线代表维度,在竖直轴线上标记多维数据并用折线相连相关坐标点来表示多维数据;Radviz方法使用圆形坐标系来实现多维数据的可视化;散点图矩阵方法就是将多维数据的各个维度两两组合绘制成一系列按规律排列的散点图来显示多维数据可视化效果;Andrews曲线方法将多维数据的每一数据项通过一个周期函数映射到二维坐标系中的一条曲线上从而展示可视化结果。基于图标的可视化方法用具备可视化特征的几何图形作为图标来表示多维数据,这些图标的每一个可视化属性如大小、形状、颜色等作为维度,通过多维数据到这些维度的映射来实现可视化效果。随着计算机和互联网科技的发展,动画由于其形象、直观、交互性高和容易被理解等特点已经被广泛应用于用户界面设计和网页设计中。时间序列数据是指具有时间属性的数据。时间序列数据的可视化方法包括线形图、堆积图、动画、地平线图和时间线方法。其中时间线方法是以时间轴为水平轴线,将数据信息以图标或者图片的形式按照时间顺序标记在时间轴线上。时间线的方法最开始被应用于历史事件记录中,后又发展用于医疗记录和犯罪记录。由于其完整的记录体系和系统的记录方式,时间线被应用于越来越多的领域。
1.4可视化变量
对于可视化变量的研究丰富了信息可视化的研究领域和应用领域。传统意义上的可视化变量包括位置、形状、方向、色彩、纹理、灰度和尺寸,一些学者将其中的色彩细分为色相、亮度和饱和度。近年来有学者将嗅觉、触觉、听觉等对于可视化变量的补充在很大意义上丰富了信息的表达方式。可视化变量选取的是否恰当将直接影响到信息表示的质量。
2网页设计中的信息可视化应用分析
2.1网页设计概述
网页界面是指人与计算机之间以互联网为载体的界面,通过文字、图形、图片等元素传达信息内容以达到人机交互的目的。借助互联网强大的存储和传播能力,网页界面将来自世界每个角落的信息以最快的速度传达给用户。网页设计的工作目标,是通过更合理的颜色、字体、图片进行页面设计,在功能限定的情况下,尽可能给予用户完美的视觉体验,高级的网页设计甚至会考虑到通过声音等来实现更好的试听感受。随着互联网的应用越来越广泛和平民化,伴随用户的接受能力和审美能力的提升,网页界面的美观性和易用性越来越重要,信息可视化恰好解决了这一问题。网页中的信息可视化应用由来已久,从开始的视觉图形设计,到现在网络中随处可见的信息图,通过信息可视化进行的网页设计让更多信息更快更好地被用户接受。
2.2网页视觉设计与可视化
伴随互联网的快速发展和普及,网页设计变得越来越重要和关键。网页界面本身就是由文字、颜色、图片、位置等为基本元素的,而这些元素也都属于可视化变量的研究范围,因而在网页视觉设计中引入信息可视化就非常自然和必要了。随着各种网站的普及和多样化,一个吸引眼球和易用的网站则会让你的网站在众多同类型的网站中脱颖而出。互联网的一大重要功能就是传递信息,近年来越来越多的网站开始将传统的文字信息转换为信息图的形式,这样大大降低了用户理解信息花费的时间和精力,又提升了网站整体的视觉效果。网易的数读中国网站就是一个典型的应用案例,数读中国将每天的国际、经济、正在、民生、社会等方面的新闻或者话题通过信息图的形式表达和解读出来,用户第一眼看上去就会直观了解到话题的内容,可以帮助用户快速浏览信息。
2.3网页交互设计与可视化
交互设计就是设计师对产品和用户之间的互动机制进行分析、预测、定义和探索的过程。网页的交互设计则是通过网页语言表达出所要告诉用户的信息,同时显示用户的操作功能。好的交互设计可以帮助用户快速地接受和理解信息,实现产品的功能。交互设计=视觉界面设计﹢用户行为设计,界面的意义是为了让用户实现同整个系统的交互,好的交互设计可以让用户更加有效率。因此除了应用传统意义的可视化变量实现视觉上的可视化,还需要对用户行为进行分析预测从而设计操作流程等以期获得更好的用户体验。以rodania网站为例,网页中网站logo放到了主导航正中间的位置,这也是最显眼的位置,该网站的网站历史页面,以时间为截点,向用户展示网站的重要历史和传统,由于是时间序列数据,采用了时间轴的可视化展示方法,用户点击年份数字,即可查看该年份的历史时间,或者通过点击左/右翻页箭头来切换上一个或者下一个历史事件。时间轴最大的意义莫过于可以系统、完成地记录某一领域的发展足迹和详细事迹。相比传统的文字堆砌,rodania通过时间轴用最直观、简便的方式将网站历史展现在用户面前。
结语
信息可视化越来越多地被用于网页设计中,无论是网页的视觉设计还是交互设计,其目的都是为了提高网站的易用性,帮助用户快速获得和理解信息,提升用户体验。信息可视化的方法和技术有很多,随着互联网技术和设计的发展提升,相信信息可视化可以在网页设计中发挥更多的作用。
作者:曹新瑜 郝锟 单位:燕山大学
1网页设计及视觉元素的概况
1.1网页设计的概念
网页设计是伴随计算机互联网产生的视听设计,结合文字、色彩、图形图像、版式等对于网页版面的编排。网络设计者通过自身的创造性思维,对网页的结构进行艺术上的规划与设计,使网页给人留下深刻的印象,让人过目不忘。
1.2网页设计的视觉特点
传统纸媒对现在的网页设计有一定的影响,版式设计上符合人们的阅读习惯,读者往往习惯上下滚动页面进行阅读,所以排字以横向排列为主,方便读者阅读,而且对于关键词汇可以用其他色彩进行突出设计,使人们在阅读的时候对文视觉元素在网页设计中的功能阮翔国家新闻出版广电总局831台321100章重点内容有所把握。对于网页设计一般采用网络样式,也可以进行自由样式的设计,给人们新鲜感,不会使读者产生审美疲劳,但多样性的同时,要注意不能违背整体的设计风格,需要符合网页设计中视觉效果的特点。
1.3网页版式设计的视觉要素
网页设计是在一个空间有限的页面内,将文字、图形、图案、链接等元素进行规划和排版,将这些视觉元素合理的安排,使它们可以相互协调,并且表达出指定的信息。网页设计者可以通过不同的设计,突出不一样的重点,根据不同的用意,使用不同的视觉元素,这些元素就形成了人们可见的视觉区域。
2视觉元素的呈现深受网页布局的影响
2.1常见的网页布局
现在的网页布局虽然没有明确的分类,但是网页风格类型却是多种多样的。
(1)大多数的网站选用国字型布局,这是最常见的一种布局,明确的主次关系
(。2)拐角型布局,这种布局是将一些相关信息的链接或者文字信息,放在网页的左边或者右边,意思相似的内容放在一起,可以使读者一目了然
(。3)上下框架型布局,这种布局的特点是将网页设计的内容和中心标题区分。
(4)封面型布局,这种布局的特点是在网站显著的位置,设计引人注意的图案或者是动画特效,点击链接可以简单进入相应的界面。
2.2网页布局的方法
网页在设计之前是空白的,像是一张白纸,需要网页设计者通过自身的想象力和创造能力,将一切元素组合到一起,然后具有自己的风格。首先,网页设计者要有独特的构思,要有一定的创意,创意的好坏直接影响设计的质量,优秀的创意可以在激烈的市场环境下胜出,可以给浏览者留下深刻的印象,并且与其他网站区别开。然后要将网页的整体框架勾画出来,把标题和主要内容先设计到网页中,使大概的轮廓呈现出来。最后进行细化,把具体内容和图形、动画等元素进行规划和设计,布局规划要符合人们的浏览习惯。
3网页设计中视觉元素的功能与审美性
3.1视觉元素的功能和审美性
网页设计是指利用互联网,可以将信息快速、准确、简洁地传达给用户。审美是指通过视觉,欣赏、领会事物或艺术品的美。随着网络的普及,对网页的要求越来越高,网页设计的审美性也随之产生。对于网页的审美是指用户对网页设计中的各个视觉元素的感受。网页设计的文字、色彩和图案等元素都应遵照视觉美的规律,各元素之间要相互协调,突出内容的主题,对于网页设计中的视觉元素要有统一的风格,并满足人们的审美。
3.2网页设计中视觉元素的功能和审美性的具体表现
人们对互联网的应用越来越频繁,网络已经融入了生活中的方方面面,无论是工作还是学习都离不开网络。通过网络,可以实现资源共享、网络检索、网络购物,下载自己所需的资料等很多功能。在网页设计上需要重点突出视觉性,方便用户浏览到需要的内容。而且,在网页浏览内容过程中,用户可以发表自己的评论和观点,对信息进行反馈,使信息传播变成双向性。
3.3视觉元素在不同网站上的功能和审美性存在的差异
随着电子商务的普及,在网络上购物已经变成十分普遍,各种各样的购物网站相继出现,但是大部分网页结构过于单调,颜色单一,对于重点并不突出。公共服务网站,存在较多的信息,统一的风格,清晰的结构,没有过多的修饰,比较正式可信。个人网站颜色明亮,个性特点鲜明,富有活力。视觉元素应用在不同类型的网站,给人们带来的视觉体验是完全不相同的。
4结语
随着电子信息化时代的到来,人们对于网页设计中视觉元素的功能有所要求,对于美感的追求不断加深,也提高了对于审美的标准。只有将各个视觉元素,通过创意进行合理的布局和规划,添加鲜明的色彩,给人们带来视觉冲击力,使人记忆犹新,才会在市场竞争中取得胜利。
作者:阮翔 单位:国家新闻出版广电总局831台