公务员期刊网 精选范文 网页设计特点分析范文

网页设计特点分析精选(九篇)

前言:一篇好文章的诞生,需要你不断地搜集资料、整理思路,本站小编为你收集了丰富的网页设计特点分析主题范文,仅供参考,欢迎阅读并收藏。

网页设计特点分析

第1篇:网页设计特点分析范文

文章从网页设计创意思维和创意方法的角度出发,简单解析了网页设计创意的内涵,突出了网页设计创意对于网站建设存在性的重要意义。希望通过文章的分析,能够对相关工作提供参考。

关键词:

网页设计;设计创意;研究分析

当前时代是一个互联网+爆发的时代,学习、生活、工作的方方面面都离不开互联网。用户、计算机、浏览器、应用软件、网络、服务器、程序员已经从过去人们并不熟知的专业词汇成为了家喻户晓的名词,而这种用户与程序员之间的“交流沟通”,也成为这个时代最频繁而又最不为人知的对话。在如此“繁华”的时代,网络作为这条沟通长廊的关键纽带,扮演着中间信息传递的媒介角色,至关重要。而网页又作为这一纽带中与用户交互的第一窗口,它的设计显得尤为重要。一个好的网站,其网页的设计自然不会松怠。一个独特的网页设计创意,就像一个独特的商业模式能造就一个商业奇迹一样,能让一个网站获取更多的用户访问量,这时网页不仅仅是信息传递的媒介,已然成为新时代的一种新的营销手段。因而,如何在数以亿计的网页中脱引而出,表达出网站中心意旨的同时吸引更多的目标用户,自然将网页设计创意的探索推向前沿。

1网页设计创意思维

创———创新、创造,意———意识、思想,创意的字面意思即创新的思想。创意是对现存实物的理解及认知的基础上衍生出的一种新的抽象思维和行为潜能。创意思维是以新颖独特的思维活动揭示客观事物本质及内在联系并指引人去获得对问题的新的解释,从而产生前所未有的思维成果。网页设计创意思维有以下几个原则:(1)审美原则。好的创意必须具有审美性,没有好的审美感受,就不会产生好的效果,这就要求我们设计的内容积极向上、生动形象、健康美好,符合大众群体的审美评判。(2)目标原则。创意的目的是更好的反映主题、表现主题,而不是独立成为某个艺术表现形式,脱离创意的目标性。(3)系列原则。创意的系列原则是指创意不是凭空创造的,它具有一定的系列性,在某种基础上演化发展,可能是连续的、渐变的、重复的等等,给人一种分散的统一性,寓多样于统一之中。(4)简介原则。创意不能过于浮夸,喧宾夺主,本末倒置;错落有致,层次有序方是创意之道。

2网页设计创意方法

好的网页设计创意往往是在借鉴的基础上,凭借设计者丰富的经验和知识,从而启发出创造性的设计思路和方法。常见的网页设计创意方法有:(1)联想———通过丰富的想象,由A事物想到B事物,突破时间、空间、虚实等各方面的限制,以达到预期的效果。联想手法的特点是源于人潜意识的本能以及认知和经验的积累,是一种最常用的艺术形式表现手法。(2)对比———通过对立冲突的表现手法,将网页整体部分中需要突出显示的部分不和谐化,以达到预期的效果。对比手法的特点是利用差别借彼显此地突出不同性质和特点,这种手法会给人鲜明地强调感和视觉冲击感。(3)夸张———通过虚构夸大的表现手法,将对象的特点和个性赋予新奇变化,以达到预期的效果。夸张手法的特点是虚构、夸大、变化!(4)趣味幽默———通过喜剧特效的表现手法,巧妙安排,营造充满情趣乃至引人发笑、耐人寻味的幽默意境,以达到预期的效果。趣味幽默的特点是喜剧性、幽默性,是一种特有的艺术感染力作用手法。(5)比喻———通过相似点以物喻物的表现手法,“借题发挥”、“婉转曲达”。比喻手法的特点是比较含蓄,伏笔有时不会被一眼看穿,但心领神会后往往产生意犹未尽的效果。(6)悬念设置———通过“故弄玄虚”的表现手法,营造猜疑紧张的心里状态,驱动浏览者的好奇心,已达到预期的效果。悬念设置的特点是艺术层阶较高,有引人入胜的效果。当然,以上方法合理的综合使用,同样能够设计出创造性的新成果。此外,除了以上一些常见的方法,网页设计创意的方法还有很多。

3结束语

一个网站的成败,很大程度上取决于是否有一个好的网页设计创意。好的创意能巧妙、恰如其分地表现主题,渲染气氛,引起浏览者的共鸣,使人过目不忘。可以说,好的网页设计创意是网站生存的关键。当然,服务于网站用途的网页设计创意最终的任务还是为了表现主题,创意阶段的一切思考,都是围绕着主题进行的。一个网站如果想在千军万马中突出重围,网页设计上必须下足功夫,有着独特的创意方能突出个性,在混战中抢得先机,为利于不败之地创造前提。

参考文献

[1]吴伟敏.网站设计与Web应用开发技术[M].清华大学出版社,2015.

[2]王晖.网页设计那些事儿[M].人民邮电出版社,2015.

[3]PatrickMcNeil.网页设计创意书[M].图灵编辑部译.人民邮电出版社,2010.

[4]钟垂贵.网页创意设计[M].中国海洋大学出版社,2015.

第2篇:网页设计特点分析范文

【关键词】计算机;网页设计;布局;特点

随着现代化科技的发展,计算机已经成为人们生活中的重要组成部分,网页浏览的形式已经代替以往书籍浏览的形式,也正因为如此网页的设计与布局尤为重要。科学合理的网页设计布局不但能够带给人们美感,并且还能使人们在浏览的过程中内心放松。计算机网页设计的概念主要包括网页设计布局的整体造型以及网页设计布局页面的尺寸。页面设计的整体造型指的就是网页设计中的布局形状,其中最常见的形状有三角形、圆形等,也有部分计算机网页设计采用综合体的形状,在页面的选择上,大多是根据网站自身的特点来选择的。计算机网页设计的尺寸也较为多样化,在计算机使用过程中,常常由于客观影响造成屏幕的分辨率以及尺寸的影响,但由于是客观因素无法改变,在浏览器自带的功能上,对于浏览过程中网页的增大与减小都能够借助浏览器工具栏中的相应功能解决。计算机网页设计中的布局与计算机的发展有着直接的联系,并且影响网站的浏览量,目前最为常见的布局分为同字型布局、标题正文型布局、综合框架型布局、封面型布局以及Flash型布局等五种形式。这五种布局形式都能够最大程度的提高网页的美感,并且在现代网页布局中被广泛运用,以下便是对五种布局类型的详细分析。

1.同字型布局

同字型布局主要针对网页布局的内容,这种布局其内的填充范围较广、填充的数量也较大。在网页设计布局中,大多都是在网页的标题栏进行网站主体的填充,有的是填充广告,也有少数网页设计布局中填充的形式是小标题。在页面的两侧分别布置内容,其中网站的信息与动态或是服务人员以及相应的广告等,在以往网页设计布局中这部分并没有受到重视,因此也是相对具有价值的部分。同字型布局网页主要都是从中央位置布置,根据网页内容的重点由上到下布局,或是根据网页自身的特点以及相应的颜色进行布局,也有部分网页是根据其中的细节进行布局的。在网页的下端并不会进行内容的布局,就目前网页来看下端也只是网页的信息以及登录方式等。

2.标题正文型布局

标题正文型布局与同字型布局不同的是标题正文型布局并没有两端的布局,其它布局类型相似。在页面上端的布局中大多都是网页的标题,其中也有广告,页面的中端是网页的主要内容以及和重点内容,其中中端内容中包含同字型布局两端布局的内容,例如,在正标题下方是对网站的简讯,之后便是相应的附加咨询,最为常见的就是天气信息以及网站的注册信息等,在下方便是网站的主要内容也就是正文,在正文的布局上,其结构都是简单明了的。

3.综合框架型布局

综合框架型布局与其它布局相比形式较为复杂,主要采用框架的形式来进行网页的布局,分别在上端、两端以及下端,网站的主要内容都是在框架中进行布局的。这种布局形式与其他布局形式相比更具有轮廓性,能够将其它布局中的内容类型充分地体现出来。

4.封面型布局

封面类型布局便是字面上的意思,按照书本页面的形式进行布局,在封面型布局中大多采用的是图片,其中图片篇幅较大。一般在不同种类网站的主页上大多采用封面型布局,在布局的周围相应的分布着较小以及较为简单的信息,此种信息所采用的形式都是超链接的形式,例如,最为常见的QQ空间,其主页便采用封面型布局的形式,采用此种布局的主要目的就是能够凸显网页自身的特点,能够吸引使用者的目光的同时,对其功能更加一目了然方便操作。

5.Flash型布局

第3篇:网页设计特点分析范文

关键词:平面设计;网页设计;课程教学;改革

随着“互联网+”国家策略的大力推进,我国社会发展急需大量优秀的互联网人才,而网页设计人才是互联网人才的重要组成部分。为了配合国家战略实施,目前国内各大高校纷纷把网页设计设置为平面设计专业高年级学生的必修课程。然而,随着近年来平面设计高等教育的不断扩招,以往的课程体系和教学方法已无法满足当代和未来社会对网页设计人才的要求,而忽视市场需求的人才培养模式也会使人才培养与市场需求间的距离越来越大。所以,对平面设计专业网页设计课程教学的探讨十分重要。

一、教学现状分析

平面设计教育在我国起步虽晚,但发展迅速,其人才培养方法备受各方关注。网页设计是一种新兴的数字艺术,它的创意取决于企业的文化属性和互联网的特色,它是一种附属于互联网、融合艺术与技术的新型设计形式,它的界面设计从平面设计入手,内涵却远远超出了平面设计概念,既要注重界面中的平面构成元素,又要考虑用户体验,还要注重各页面链接的空间关系和视觉协调性,从而成为具有互联网特征、综合性的平面设计。目前,国内各大本科院校多依据所属专业确定网页设计课程的教学侧重点。计算机类的侧重代码编程,注重培养网站后台人才;艺术类的侧重界面规划和美化,致力于培养网站前台、网页美工。但各专业在网页设计课程教学上主要存在以下两种现象:一是“轻维护、重美观”,培养出的学生多注重静态页面的艺术性,不在乎是否有利于后台维护;另一种是“轻线下、重线上”,部分学生往往只在意屏幕的视觉效果,对线下互联网用户的需求了解不够。这导致他们设计的网页界面看起来很漂亮,链接也很流畅,但实用性不强,更不利于线下产品的开发。因此,对平面设计专业网页设计课程教学进行改革势在必行。

二、教学内容的调整

对于平面设计专业网页设计课程教学中出现的问题,首先要从教学内容上进行调整。新的教学内容调整为艺术理论课程和软件实践课程两大模块。

1.艺术理论课程模块

艺术理论课程模块的知识点分为三部分:网页设计的功能元素、网页交互设计、网站品牌形象的美学塑造。网页设计的功能元素是网页界面设计的基础元件,了解功能元素的特点、作用及各元素之间的相互关系,对网页设计工作起着至关重要的作用。网页设计的功能元素有背景与底纹、按钮与控件、页眉与页脚、导航器和目录、功能板块和广告位等,这些功能元素依靠文字、图片、色彩、多媒体和超级链接实现。这些功能元素的形式语言设计遵循传统平面设计的设计原则,又和传统平面设计有很大不同。如,传统平面设计多以印刷为最终呈现方式,作品尺寸是固定数值,而网页设计是以用户的显示器为最终呈现载体,所以作品的宽度不宜超过显示器宽度,高度可以任意,但只能显示一屏的高度,随着浏览者拖动滚动条,作品的显示高度随之变化。用于传统平面设计中的色彩在输出过程中是以印刷色CMYK形式出现的,而网页设计中的颜色是RGB模式,是标准的光色。因此,教师在此部分教学中不但要传授网页设计各功能元素的作用与特点,还应该指出它们与传统平面设计中相对应元素的异同,让学生在区别中学习。交互设计是网页设计最为重要的功能设计。交互设计源于工业设计的概念,原来的平面设计专业教学中没有交互设计的内容,为了更好地让教学内容与市场接轨,在调整后的教学内容中新增了这一知识点。此部分教学内容包括用户体验研究、层级结构设计、流程设计等,通过模拟用户上网实际操作进行分析,找出用户的关注点,确定网站特色和栏目,将站点ID、栏目、实用工具、搜索引擎等交互设计元素和平面设计知识结合,将功能设计教学落到实处。品牌化建设是企业视觉形象设计的延续和拓展。和大多数线下公司一样,优秀的网站也需要塑造品牌形象。从企业文化和性质入手,树立准确而独特的网站品牌形象,有利于企业在互联网上从同类公司中凸显出来,提高上网者对该企业网站的浏览兴趣,增强上网者的浏览记忆,促进该企业的宣传推广。在艺术理论课程模块教学内容中应渗透品牌形象概念,将此概念应用到网页设计的各个环节之中,无论是网页LOGO、网页色彩还是版式和导航等设计,都应该保持品牌形象的一致性。

2.软件实践课程模块

软件实践课程模块包含两部分:“新网页三剑客”和常用简单代码识别。Fireworks、Dreamweaver、Flash是传统意义上的“网页三剑客”,过去网页设计的教学基本是对它们的学习。这虽然具有普遍性,但对不同专业学习的针对性不强。结合平面设计专业学生现有软件掌握情况(Photoshop是平面设计专业学生必修基础软件,多数学生已掌握它的基本操作技巧),把此部分内容调整为“新网页三剑客(Photoshop+Dreamweaver+Flash)”的学习。简单地说,就是根据界面规划草图,用Photoshop制作出精美的静态界面效果图,并在此基础上再次利用Photoshop软件进行切片、优化和输出Html文档,用Dreamweaver进行版式美化处理和超级链接设计,最后用Flash做特效替换,最终做出具备跳转链接功能的动态网页设计效果图。平面设计专业最终制作的网页设计作品需要软件工程师根据动态效果图代码编程上传,这样才能更好地在互联网上呈现。为了更好地与后台工程师沟通,把动态效果图设计得更准确,网页美工师需要了解一些常规编程代码知识,但平面设计专业学生多是文科生,数学和英语的掌握水平普遍不高。对此,在代码教学内容上应选取一些常用的、简单的代码语言,并结合Dreamweaver的Html标签和CSS规则的使用方法,利用框架,对现有模板进行优化和美化,提高网页设计动态效果图的实用性。

三、以项目教学方法为载体,提高学生的实战能力

为了提高学生的实战能力,将社会项目、经典案例引入课堂教学,并分层次逐级深入。

1.第一级:精选案例、分解任务阶段

教师应该根据学生的特点和网页设计所需掌握的相关知识点,精选典型实际案例,引入教学环节。分解项目到每一个知识点,边教边练,将实践和理论有机结合,并逐一讲解。教师选择的案例要具有吸引力、综合性,能涵盖知识点,案例不需要多,两三个即可。教师在讲授案例时应强调学生的主体地位,对学生进行引导和解惑,遵循由浅入深、由易到难的原则,以具体分解任务作为驱动,进行教、学、练的课堂活动。此阶段应激发学生自主学习的兴趣,培养他们独立自主分析、解决问题的能力和实践能力。

2.第二级:项目分工合作阶段

此阶段将学生分成若干设计小组,几个小组共同承担一个项目,每组在项目中的任务各不相同,各小组分工协作,大家共同制订项目计划和实施方案,推举大组长为项目总负责人,负责最终方案的定稿和项目材料的整理。在项目设计的整个环节中,每个小组拥有充分的自,大大地调动了学生的积极性。各小组成员共同面对随时出现的问题,合作完成任务。这样的交流过程使每名学生都能参与项目设计活动,提升自主学习能力。在这种交流中,所有学生的思维碰撞出火花,产生新的创意,大大提高了学生的创造激情和探索冲动,加强培养了他们的团队协作能力,为他们以后步入社会打下了基础。教师在这个阶段应该全程监控,引导学生自主解决问题,表扬优点,发现不足,汇总各个组项目实施中的共性问题,对共性问题所涉及的理论知识与软件操作集中补充讲解。

3.第三级:对接社会、校企合作阶段

平面设计专业网页设计课程教学改革的最终目的是为社会输出合格的互联网网页设计人才,更好地服务社会。对此,平面设计专业网页设计课程教学对接社会、加强校企合作就显得尤为必要和重要。学校应该根据自身特点选择合适的企业建立教学实践基地,聘请企业网页设计骨干作为指导教师参与网页设计课程实践教学。学校也可以组织部分优秀学生组建设计团队,成立工作坊,工作坊可以按照企业模式管理、运营,承接校外的网页设计项目。此阶段教学培养学生的社会接轨能力,为学生对接社会提供条件,将企业文化和行业规范引入教学,实现校企无障碍对接,真正将理论教学与实践教学有机结合在一起。在计算机信息技术飞速发展的环境下,平面设计专业网页设计课程更要紧扣时代的脉搏,求实创新,不断地更新和丰富教学内容,结合市场发展趋势创新教学方法,及时将最新案例和相关知识点引入课堂,最终培养出满足“互联网+”国家战略实施需要、具有综合素养的网页设计高级应用人才。

参考文献:

[1](美)贾森•贝尔德.完美网页的视觉设计法则(第2版).石屹,译.电子工业出版社,2011.

[2]范双南,李希勇,万宏辉.现代设计基础——21世纪艺术设计专业规划教材Dreamweaver网页设计.北京工艺美术出版社,2009.

第4篇:网页设计特点分析范文

一、课程目标

众所周知,课程目标决定一门课程构建和发展的最终导向,一方面可以为学生指明正确的课程学习方向,另一方面也为教师传授正确的知识理念提供依据,真正做到“教”和“学”的“有的放矢”。结合艺术设计专业学生的个性特点,注重网页设计语言的学习,将艺术和技术有机的紧密结合。在课程目标制定的过程中,弱化一些在前期专业基础课程中已经学习过的相关知识(如PS图像处理等),做好简单的衔接,将重点放到艺术设计专业学生相对薄弱的知识点(如网页设计语言等)。Dreamweaver是目前最好的网页制作与设计软件工具,作为可视网页编辑工作的标准,它一直在代码编辑和应用程序开发方面的功能比较强大。更重要的是它是所见即所得类型的网页设计软件,对艺术设计专业的学生来说,学习和应用的难易程度非常合适。同时,对于网页设计素材的制作和处理,动画素材可以选择Flash,图片素材可以选择photoshop,这里强调并要求和Dreamweaver相匹配和适应。作为网页设计的基础理念,在制定《网页设计》教学目标时,必须考虑将W3C标准相关的新理念、新做法等元素考虑进来,强调使用规范化语义标签语言(X)HTML书写页面结构,并强调CSS样式表的使用,同时遵循W3C标准,了解div+css和标准页面的优势所在,使用“div+css”实现网页结构代码与表现样式相分离,以及对后面制作标准页面所起到的促进作用等。

二、教学内容

(一)在艺术设计专业的人才培养计划中,网页设计课程

一般安排在课程学习的中后时间段。就本课程而言,我建议教学内容并时间安排如下:

1.Dreamweaver软件的学习和应用为重点讲解,讲授和实践为5+5个学时。Dreamweaver软件的主要任务就是完成网页设计的版面架构,教学中,主要讲解本地站点的创建和页面结构搭建。在早期的网页排版中一般使用网页表格(table)及其嵌套的模式布局页面,随着技术更新和用户需求,表格结构已不适合现在时展的需要,即不适合手机及平板电脑的用户浏览,呈现逐渐被淘汰的趋势。现今网页版面架构大都采用div+css的方式设计,具有浏览速度快,适合在手机或平板电脑上浏览的优势。结构和样式的相分离,也便于日后的网页改版的便利;

2.网页编程基础方面:HTML语言、CSS样式、JavaScipt,讲授和实践7+7学时。非计算机专业的学生一般错误的认为使用Dreamweaver这样所见即所得的工具学习网页设计,不再需要学习太多的“语言”。其实不然,HTML是网页的灵魂,它不像C语言那样“生涩难懂”,相对艺术设计学生而言,完全有能力学会和掌握。CSS通俗讲是控制网页中内容的颜色、字体大小、宽度背景等样式,并由此来实现各种各样网页样式的统称,也是需要熟悉和掌握的。JavaScipt与C语言不同,它提供一定的面向对象能力,因此模块、名字空间、类、对象、封装、函数等功能在JavaScipt中的实现方式是其教学的重头戏,它们才是现代JavaScipt语言的精髓;

3.Flas,讲授和实践6+4学时。Flash主要制作二维动画,体积小,便于使用,学习难度小,能够满足网页设计的需要,如:网页Banner条的设计、片头动画、课件等;

4.网站客户端的表现原则、开发流程、面向客户的网站设计,讲授和实践2+0学时;

5.photoshop为辅助2学时,艺术设计专业的学生已经学习并掌握photoshop的使用方法。因此,减少这方面的讲解,给其他新知识点留下更充裕的时间。

(二)结合网络技术发展和用户体验要求,本课程教学还需注意下面要点:

1.面向用户体验的网页设计:学生在学习和制作网页时,总是以“自我”的感觉为主导,很少考虑并分析用户需求,以为自己的设计有相当的“吸引力”但是对于访问者来说,大多数的设计过于空洞、内容繁冗,徒有漂亮的外观。所以学生应该明确,网页设计应该以“用户”为中心,而不是展示、甚至炫耀网页技术或技巧。因此,有必要引进面向用户的网页设计教学。

2.当前互联网技术飞速发展,网络资源共享已成趋势,学生获取知识的渠道已不仅仅满足于课堂上教师的讲解,包括每一步所要学习的知识点。充分利用网络,包括丰富的教学资源和便利的搜索功能,面对现实中存在的问题,引导学生如何利用互联网学习网页设计方面的前沿知识,发现并解决。鼓励学生使用博客、论坛,通过发现其中有趣的文章,得到解决问题的新方法和代码片段。向学生介绍开源社区,并鼓励他们在线发表自己的代码,使用社交媒体进行资源查找,并形成专业的社交媒体互动,更加专注于他们的代码与工作,真正激发学生的学习兴趣。

三、教学方法

《网页设计》课程具有交叉学科性质,结合艺术设计专业学生的自身特点,在教学过程中,我运用任务驱动法、模块教学法和项目教学法等多重手段,给学生明确的思路,引导学生多动脑,勤动手,发现问题,分析问题,解决问题。

(一)任务驱动法

任务驱动法,即通过创设问题情境来调动学生的学习兴趣,进而启发学生的求知欲。“兴趣是最好的老师”,只有发现问题,才有任务和动力,教师利用专业知识,结合课堂所讲章节内容,分析并解决问题。只有这样才能有利于培养学生独立分析问题、解决问题的能力和创新能力。具体到《网页设计》课程教学中,通过导入新课环节,将所要讲授的新知识隐含在一个或几个任务之中,引导学生对所提出的任务进行分析讨论,明确大体涉及所需知识,承前启后,找出哪些是需要复习巩固的知识,哪些是需要探索学习的新知识,在教师的指导下找出解决问题的方法,通过任务的完成实现对所学知识的构建。

(二)模块教学法

团队合作、模块运营是现代企业生存和发展之道,网页设计公司亦是如此,很多网站界面都实行模块化,每个部门负责完成自己的任务。为和现代网页设计公司相适应,《网页设计》课程尝试实施有目标、有任务、有内容的模块教学法,将本课程教学内容有意识地分化为几个模块,针对每一个模块设定具体的教学目标、任务和要求,将课堂所讲内容和现实所需实践有机结合。同时让学生自由组合成一个个小团队,团队之间、团队之内分工协作,团队合作,真正做到锻炼学生综合能力的教学和实践。

(三)项目教学法

通过实施一个完整的“项目”而进行教学活动,其目的是在课堂教学中把理论与实践有机的结合起来,充分发挥学生的创造潜能,提高学生解决实际问题的能力。《网页设计》课程相对来说,有非常多的“项目”可供实施。一般是在知识体系讲解完全后,给出一个具体的项目命题,如学生(或学校)个人(或创业小店)的网站、网络上征稿的企业网站等,在实施这些“项目”过程中发现问题并且解决问题,一方面可以锻炼学生的实践能力,更重要的是及早让学生有实战意识,真正实现课堂教学和单位实习的“零距离”。

(四)双师教学法

聘请工作在网页设计一线,且具有丰富实践经验的设计师作为兼职教员,加入到课程教学中来。兼职教员能制作最专业的网站,对本行业的最新趋势有着完整的把控力,对网页设计实际工作中有可能遇到的问题有着独到的见解。他们可为学生开设讲座、解惑答疑,结合全职教师对教学内容和方法的深入研究,两种教师互补,增强学生的学习体验和兴趣,提高教学质量。

四、结语

第5篇:网页设计特点分析范文

网站风格是网页设计艺术创新的主要对象,网站风格是一个抽象的概念,指的是网页形象能够给访问者带来的感受,这种感受可以通过网页中的内容、文字、色彩等进行传达,通过对网页风格的感受,网页本身所具有的性格和品位也会凸现出来。如果网页没有自身的风格,则网页设计的过程会变成一个堆砌信息的过程

二、网页设计艺术创新对设计者提出的要求

每一个优秀的网页都建立在创新的基础之上,同时也传达着网页设计者本身的思想和精神,在网页设计的艺术创新中,设计师是进行网页设计工作的主体,而要实现网页设计的艺术创新,网页设计者要具有以下几点认知和素质:一是肯定创新的价值。设计师要认识到艺术创新是让自己设计的网页实现无可替代的重要途径,设计师只有具有创新的意识,才能在自己设计的网页中留下自身思想的烙印;二是艺术创新要具有针对性。即网页信息要明确地将中心意义传达给网页访问者,让访问者认知网页的创新点并通过网页获得不同的视觉体验和心理体验,这种针对性需要建立在对访问群体进行分析的基础上,即对“小众”心理的迎合;三是网页设计者要具有真诚善变的特点。艺术创新是一个改变传统的过程,善变即推陈出新,其应当是一个优秀的网页设计者应当具有的重要素质,但是同时善变并不是胡乱设计,所以设计者也应当具有真诚的品质,因为单纯的迎合以及虚假的创新都是没有任何生命力的。

三、网页设计中的艺术创新

(一)色彩艺术创新。色彩是网页设计中的重要元素,不同色彩能够唤起人们的不同感知,同时色彩也是网页中最能够给予访问者视觉冲击力的设计原色,所以在网页艺术创新中,对色彩的运用作出创新是一个重要的突破口。色彩的创新可以有多种形式,其中色彩表现和选择的自由化以及色彩简约设计就是其中的两种主要形式:一是色彩表现与选择的自由化,网页的个性可以通过自由地选择色彩来实现,而自由化的色彩表现能够使网页具有更加独特的风格,色彩的选择会受到访问群体和时代的影响,但是设计者可以在色彩的选择和使用中通过一些小的调整来表达自身的心理和情感使网页具有个性化的特质;二是设计色彩奉行简约。简约化的色彩设计已经逐渐成为了网页设计中的主流,良好的简约化色彩设计可以达到以少胜多,以简胜繁的艺术效果,虽然简约的色彩设计更容易突出网页的主题,但是却对网页设计者的能力提出了更好的要求,即要求网页设计者运用更少的设计元素来表达出更多的艺术内涵。

第6篇:网页设计特点分析范文

随着4G网络的成熟和智能手机的普及,网页设计师不仅能制作普通网页界面,更多是能设计艺术界面和交互界面的网页,能适应多平台等特点。根据我学院每年对企业调研,目前企业对网页设计师的要求:(1)根据企业需求和定位能够设计符合当下交互技术的流行网页界面;(2)能够制作静态网页和网页前端javascript特效,较好配合后台程序员进行网站开发;(3)有较强的自学能力,是艺术与技术相结合的高素质技术技能型人才。

2高职网页设计课程的教学现状

我院对福建省同类高职院校的网页设计人才培养进行广泛调研,很少院校能够培养符合企业需求的网页设计师,致使我省应届毕业生难于满足社会对网页设计人才需求。高职网页设计课程的教学现状是:

2.1开设课程不满足社会对网页设计师的要求网页设计课程是一门综合性的课程,是它包括构图、排版、特效制作等多种知识,决定了这门课程具有很强的综合性、实践性、融艺术性与技术性为一体的特点。而高职院校教学虽然在开设网页设计课程体系上采取一定改革措施,但针对性不强,如针对企业需要艺术与技术相结合的网页设计人才,专门开设了《网站色彩与构成》、《网页设计》、《网页设计实训》、《程序设计基础(java方向)》相关专业技术课程,也专门开设了《设计素描》、《设计色彩》、《构成设计》等美术课程,但没有真正以企业工作过程为导向,开设艺术与技术相结合的网页综合项目课程,学生很难融会贯通运用综合知识进行网页设计,另一方面由于网页设计技术的飞速发展,从最早的表格布局到现在DIV+CSS布局,网页语言从最早的HTML1.0到现在的HTML5,网页的设计风格也随着时代的变化而不断改变,社会对网页设计师的要求不断提高,而高职院校相关专业课程没有适时更新,学生也缺乏提升自我的学习能力,因此高职毕业生很难适应网页设计这一行业的人才需求。

2.2教师专业水平有限,团队意识不强有的高职院校虽然按照企业工作过程开设网页设计相关课程,但由于各个任课教师专业水平不同,团队意识不强,较难形成一个企业整体项目意识,通常每个教师根据自己方向选择各自企业项目进行网页设计相关课程的教学,有的教师自身受限专业水平与实践技能,无法与专业组教师达成共识,造成学生在学习网页设计专业课程体系无法形成专业整个知识技能体系,网页设计综合技能很难得到提高,只能满足于淘宝美工却无法胜任电商网页设计师。

2.3教学方法单一,仍以传统教学为主长期以来在教学中仍以教师为主体,而忽略学生的主体地位。h教师在授课中,往往先讲解网页各独立元素的设计制作,与整体案例的设计制作相分离,导致学生在实践过程中,学生只掌握每个工具单独使用,不能将网页各独立元素的制作与整体项目相结合,当需要综合运用各种软件工具知识去制作完整项目时,却显得力不从心,即整体性不强。这种传统教学方法优势是整个教学过程比较系统完整,授课内容还是以理论知识为先导,教学手段单一,老师虽是孜孜不倦的教,而学生兴趣缺乏,参与性不强,不能培养学生的自主学习能力和团队协作能力,往往老师累得满头大汗,学生却收获甚微。

2.4生源质量参差不齐随着高职招生人数不断上升,生源质量参差不齐,生源质量也在下降。教师引入企业项目进行网页设计教学,学生完成的程度和质量不一,有些同学无法跟上进度,就出现厌学、迟到及旷课等现象。

3网络环境下“网页设计”混合式教学构建模式及优势

3.1网络环境下“网页设计”混合式教学构建模式网页设计集艺术与技术为一体综合性课程,既需要个人创意设计能力,又需要全面应用高新技术能力,具有很强的实践性和综合性。在网页设计授课过程中,教师要从易到难引入企业项目,引导启发学生,并在课堂上统一进行项目分析,在讲解过程中,将网页设计的艺术美学及专业技术知识融入到所要完成项目中,调动学生的学习积极性、自主的对网页综合知识进行建构,同时通过现代网络视频教学,演示网页设计从选定项目、制定计划、活动探究、制作作品、成果展示、综合评价等环节,激发学生对网页设计项目整体认识,对网页设计的兴趣,让学生自己产生要制作属于自己的项目作品,学生从传统教学“要我学”变为混合教学“我要学”的教学模式。通过混合式教学模式,把传统学习方式的优势和网络学习方式的优势结合起来,教学以学生为主体,充分挖掘学生学习过程过程积极性、主动性和创造性,培养艺术与技术相结合的网页设计技术技能型人才。搭建好的网页设计的网络教学平台、教育教学资源库,运用在线教学与课堂教学优势互补的混合式教学模式,教师通过基于网络的课堂进行教,学生除了课堂学习外,课后自主在线学习、在线做作业、讨论协作、在线答疑等学习活动。将教师的网页设计教学由课堂上扩展到了课堂外,才能真正培养出综合能力强、创造性思维突出的网页设计人才。

3.2网络环境下“网页设计”混合式教学的优势(1)提高教师“双师”素质:网页设计课程是基于企业项目教学,项目设计是项目教学的成败的关键,要求教师不仅要具备深厚的理论知识,还应具有一定职业技能与实践经验,即教师具备“双师”素质,通过网络教学平台建设,优秀专业教师与企业技术人员带领专业较弱教师,共同完成项目网页设计整体设计。通过开展混合式教学,进一步提高教师的教学设计水平和实践技能,更新教师的教育观念,提高教师自身的业务水平,促进教师向双师型转变。(2)教学资源丰富:教师与企业技术人员在网络教学平台提供各种媒体素材,包括视频、动画、课件、网页设计优秀作品等教学内容,远远超过教师课堂讲授与教材内容。网络教学平台进一步为学生提供课后学习实践企业项目,引入企业项目任务,能从高职学生特点出发,项目从易到难,循序渐进,让学生学习实践觉得能“跳着够得着”,既有挑战性,又能完成企业项目并使学生获得成就感,提高学生综合实践技能。通过网络在线教学优势,为学生提供了自由选择的学习空间,有更丰富网络学习资源,激发学生学习兴趣,调动学生的主动性与积极性,有效提高了学生的创新思维能力,对于培养学生的创造精神和树立终身学习的观念有重要的意义。(3)学习自主性:传统的课堂教学受限上课时间,教学内容也受限,存在形式与内容单一。特别对于学生难于理解的重点与难点,老师可能认为在课堂已讲解很清楚,但学生还是没有理解等诸多弊端,而通过混合式教学,利用网络在线教学等辅助手段在很大程度上弥补了这种不足,让学生能在课后按需学习,让差生或请假学生补缺补漏,赶上全班统一进度。通过网络教学平台和教育教学资源库,可以24小时开放教学,大大打破上课的时间限制,学生可以把课堂当中没有消化的内容利用网络的在线自主学习,进一步的加深理解,使课堂教学加以延伸。利用在线学习,基础好的同学也可以通过网络教学平台和教育教学资源库进行自学,提升自己的学习能力。(4)网络在线答疑:利用在线系统为教师和学生提供一个良好的交流平台,师生通过平台将获得更多的沟通机会,师生之间在平台上在线讨论交流答疑,学生之间也可以在平台上在线讨论交流答疑,及时解决学习过程中遇到问题,调动了学生的积极性,进一步提高教学水平。

4混合式教学模式实例分析

在网络环境下,构建与传统教学相互融合网络教学平台,实现交互式教学平台,学生自主学习的空间。下面以学院《Dreamweaver网页设计》为例说明,实现传统教学与网络教学的混合教学模式。

1.设计制作企业项目。课前教师与企业人员共同设计制作《**企业网页设计》项目,共构建八个学习情景:《学习情境1企业网页图文混排》;《学习情境2企业网页表格数据制作》;《学习情境3企业网页表格布局》:《学习情境4企业网页超链接设置》:《学习情境5企业网表单网页制作》;《学习情境6企业网页制作-css样式表应用》:《学习情境7企业网页布局-div+css布局》;《学习情境8企业网页JavaScript特效应用》。

2.课堂教学内容以网页设计的工作过程为依据,划分上述八个学习情境,采用混合式教学模式,按任务展开教学。每个学习情境都包含:①任务导入:首先提供学生与所讲知识相关的网页案例,吸引学生注意,然后导入学习情境任务;②分析总结:教师引导学生发现问题,并提出问题,激发学生学习兴趣,经过共同分析与讨论,总结出具体的制作方法;③实训(仿真实践,在线测试):学生根据学习情境,在教师的示范讲解下,独立完成操作,在线测试。④讲评总结:学生在制作过程中会出现各种各样的问题。教师所做的是将问题汇总。总结出相关的注意事项,点评作业时,侧重学生的思维引导,及时给予学生鼓励。⑤能力扩展:提供给学生实践性较强的案例,要实现效果,需要结合以前的知识和运用一定的技巧。这样既扩大了知识面。又体现了知识的综合性。在课堂讲解环节,可以适时插入教学视频、技术操作视频、实例展示等内容,解决传统教学方法无法讲清楚的知识点和实际操作演示,使教学效果更生动具体。通过学习情境,学生目的明确,整体性学习Dreamweaver软件各个工具,运用到每个学习情境任务中,学习网页各独立元素与整体学习情境相结合。

3.在网络学习平台上,教师上传课前准备《Dreamweaver网页设计》学习指南、课堂讲解八个学习情境模拟、仿真实践、在线测试、网络资源、网络答疑等环节。(1)学习指南:包括课程介绍、课程标准、学习建议、链接优秀网站的网址等,让学生了解本门课程的教学目的、要求和学时分配,当学生遇到网页设计问题时,就可以在学习指南资源库中找到满意的答案。(2)学习情境模拟:教师授课、实践操作视频。(3)情境模拟部分:有10个训练素材,学生可以选择训练企业项目进行自我训练,学生之间还可以通过网络互相交流;(4)仿真实践环节:在一定程度需要借助仿真实训软件,应用于学生日常实训和各阶段试。(5)网络答疑:网络给师生提供了一个交流的平台,师生可以通过QQ、邮箱、论坛等形式进行交流,教师可以及时了解学生的学习情况。(6)网络资源:网络资源包括相关网站、相关视频、课程课件、讲义、行业信息、参考书籍、学生实训实录等补充资源,供学生课外学习。这样便于因材施教,使好生更优,差生进步更快。

5小结

第7篇:网页设计特点分析范文

关键词:计算机;图像处理;网页设计

计算机图像处理技术的应用过程,就是利用计算机的制图工具将图像进行加工和设计。图像质量的好坏对网页的影响非常大,因为图像是现在网页设计的主体部分,而且人们浏览网页时,最先映入眼帘的就是图像,然后才会看到网页的其他内容。所以,图像处理技术在网页设计中起到重要作用。

一、计算机图像处理技术在网页设计中的作用

(1)增加网页美感,提升视觉吸引效果。利用计算机图像处理技术可以根据网站的需要设计出符合该网站的图片,通过图像处理技术可以调控好整个网页的色彩、色调。运用了此技术可以提升网页的视觉传达效果。而且图像会更吸引浏览者的眼光,就能够增加网页的浏览量。在网页上设计时需要注意很多方面的问题,比如图像的内容、大小、位置,以及图像与文字的排版和图像与网页色彩的搭配等,这都会影响到网页的整体设计,在两个网站的内容相差无几时,浏览者肯定会浏览图片内容丰富且图像效果好的网页,因为这给浏览者的视觉体验更加丰富。

(2)起到信息引导的作用。因为人们在浏览网页时,普遍先看到的是网页的图片内容,在网页设计时,要将图片的内容设计的更加充分,要让浏览者通过图片就能了解该网页的主要内容,而且要发挥好图像信息的引导作用,要让浏览者仅通过图像引导就能快速找到所需内容。图像的引导功能所带来的便利程度可以让用户更喜欢该网页,尤其是在这种快餐式阅读的时代,用户很难仔细浏览网页的所有内容,只想尽快找到自己的所需要的内容,所以图像的引导功能的设计尤为重要。而且图像不仅可以让用户快速找到自己的所需内容,还能让他们在这种快速阅读的环境下缓解自己的情绪,让人们放松心情。因此,在网页设计中,必须要加图像与文字结合的图片内容,让人们能够在欣赏图片的同时获取到自己想要的内容。

二、计算机网页设计中图像处理技术的概述

计算机图像处理技术最早诞生于20世纪末。他是在计算机技术的快速发展下产生的。早期的图像处理技术仅应用于航空航天方面,随着技术的不断发展开始普及到人们的生活中。计算机图像处理技术主要有以下几种功能。

(一)图像压缩技术

直接拍摄的图像内存很大,会占用网页的很多内存,会出现网页内存过大而引起的网页运转速度降低的状况。利用计算机图像处理的压缩技术,能够将内存很大的图片压缩到很小,而且经过压缩的图片更清晰,视觉效果更好。

(二)图像去噪技术

计算机在采集图像时,会产生一些噪声,这是由于计算机本身的物理性质产生的,由于这种噪声会使图像的质量降低,所以,必须要进行去噪处理,以保证图片在网页上的质量和效果。

(三)圖像增强技术

图像增强技术的主要作用就是将低质量的图像进行增强。因为在不理想的拍摄条件下,拍出来的图片会模糊或者像素太差,使用图像增强技术能够将模糊的画质变的清晰,而且能够将图片要展示的重要信息进行强化处理并能弱化掉不重要的信息。给后续的图像制作带来方便。

三、网页设计中计算机图像处理技术的功能

(1)构造多种样式图像组合。在进行计算机网页设计时,处理图像的过程中,要先注意图像的格式,因为计算机图像有多种格式,如GIF、JPEG、PNG等,他们分别有自己的特点,所以要根据网页的设计标准来选择合适的格式。如果要设计生动有趣的网页界面,可以选择GIF的格式,因为这种格式的图像可以由一个静态的图像转为动态的图像。而如果想要不将低网页的运转速度的话,就可以选择PNG格式,这种格式的图像在压缩的过程中不会破坏图像的质量,保持原有的清晰度,而且生成的图像文件的空间很小。

(2)控制图像在网页中的大小。一个网页会有很多个电脑去打开,而电脑的尺寸是不同的,不同的计算机显示屏的长度与宽度会影响到图像的显示效果,所以,要控制图像的大小,不能让图片超过显示屏的长度或宽度。还有,在放大或缩小图片时会影响到图像的清晰度,放大图片会降低图像的清晰度,而缩小图片会导致设计的图片与网页设计要求不符。所以要控制好图像的大小,同时也要把握好图像的清晰度,因为高清图片会影响到网页的运行速度。计算机图像处理技术就能够平衡图像的清晰度和网页的加载速度,实现网页质量的提升。

四、结语

总之,在信息技术快速发展的今天,网页设计已经成为一个新的技术产业,要想设计出高质量,高水平的网页,必然离不开计算机处理技术的支持。在整个网页设计的过程中,设计者要考虑到很多方面的因素,才能设计出让浏览者满意的网页。

参考文献: 

[1]陈智盖.新时期网页设计中计算机图像处理技术应用分析[J].计算机光盘软件与应用,2014(15). 

[2]韦燕.网页设计中计算机图像处理技术的应用[J].现代商贸工业,2013(22). 

[3]雷萌.如何在网页设计中运用计算机图像处理技术[J].信息与电脑,2016,11(2). 

第8篇:网页设计特点分析范文

【论文摘要】《网页设计》课程是一门实用性和综合性都很强的课程。本课程教学的最大特点是易学易忘。为了提高《网页设计》课程的教学效果,必须不断改革与充实教学内容,注重突出人才培养的实践性、应用性。改革教学方法,培养学生的实际动手能力和计算机的操作能力,使学生能够运用所学的知识进行网页设计。

《网页设计》是近年来计算机专业领域发展最快和应用最广泛的课程之一,当今社会急需培养掌握计算机网页设计、面向不同应用层次的专业人才。因此,本课程自开设以来,受到学生的普遍欢迎,学生对这门课程教学的要求也越来越高。

《网页设计》课程以Dreamweaver MX软件为主干,专门介绍网页设计和制作的基本技巧。通过这门课程的学习,能够让学生掌握网页设计的基础知识,并能熟练地制作出动态网站。但是网页制作技术也在不断地发展变化,新的技术、新的方法也在不断涌现,所以我们也需要将网页设计的最新、最实用的技术引用到课堂上去。

为了提高《网页制作》课程的教学质量,笔者不断地从教学内容、教学方法、实验环节等多方面对本课程进行了积极的创新。在此基础上总结出一些实际教学经验与体会,与大家一起探讨。

一、《网页设计》课程的特点

高等学校计算机专业开设《网页设计》课程的主要目的,是通过本课程的学习,培养学生的实际动手能力和计算机的操作能力,使学生能够运用所学的知识进行网页设计。

《网页设计》不是作为一门课程孤立存在的,它要靠多门学科的知识给予支撑。它们相互渗透和依赖,构成一个科学的、完整的课程体系。

《网页设计》课程的教学内容实践性较强,能极大的激发学生的参与性,锻炼学生的动手能力,培养学生的专业兴趣。学习中一定要注意理论与实践相结合,其中实践内容是教学的主线。学生应该有较充足的动手实践机会,较熟练地创作出实用的动态网页来。理论教学服务于实践教学,实践教学反过来又作用于理论教学。在教学过程中常有学生反映,上课能看懂、理解,但课后就忘了,更不要说以后的实验了。这是本课程教学的最大特点:易学易忘。下面将探讨若干提高《网页设计》课程教学效果的方法。

二、《网页设计》课程的教学方法

1、教学内容的改革

为了让学生能够适应计算机技术的快速发展,笔者在教授这门课程的过程中,对这门课程的教学内容不断地进行着调整。教学调整的目的就是让学生能够独立完成网页设计。所以在课堂上,主要以学生掌握知识为根本、以“能懂、够用、实用”为教学原则、以培养学生动手能力为目标来指导整个教改思路。

《网页设计》课程以前主要是应用FrontPage软件,再结合图像处理软件来处理一些网页图片。而现在网页制作主要讲授的内容是由Dreamweaver软件、Fireworks软件和Flash软件组成。讲授时是按这三个软件的先后顺序对各部分进行讲解,这三个软件的功能更新也非常快,讲授内容不能一成不变,如果这样,容易出现学生学习到的知识陈旧。通过调研并根据网页技术的发展状况,在每学期的教学过程中,笔者都会对本课程的内容进行调整,删除以前教学中过时的、理论性较强的内容,增加目前实用的、流行的新技术。

2、分阶段模块化教学

在教学中应注重突出人才培养的实践性、应用性。将整个教学内容分为四个阶段,每一阶段设计了若干教学模块。第一阶段使学生能熟练使用网页设计的超文本标记语言HTML;第二阶段能熟悉并熟练使用网页制作工具Dreamweaver MX;第三阶段能进行网页设计中的图像和简单动画的制作;第四阶段掌握在网页中嵌入Javascript脚本语言,实现网页动态效果。每一阶段的教学内容完成后,在专业机房组织单元考核,以实现分阶段达标,最终使学生能独立设计小型WEB站点。 转贴于

3、案例教学法

案例教学是在学生掌握了有关基本知识和分析技术的基础上,在教师的精心策划和指导下,根据教学目的和教学内容的要求,运用典型案例,将学生带入特定事件的现场进行案例分析,通过学生的独立思考或集体协作,进一步提高其识别、分析和解决某一具体问题的能力,同时培养沟通能力和协作精神的教学方式。

案例教学使得学生成为了教学活动的主体,形成了学生自主学习、合作学习、研究性学习和探索性学习的开放型的学习氛围。与传统的以教师为主导的教学法相比,案例教学法有以下几个方面的特点:①传统教学方式是以教师和教材为中心,以灌输的方式从书本到书本,从概念到概念,关注的是向学生灌输了哪些知识,忽视了对学生学习潜能的开发,导致学生理论与实践的脱节。而案例教学十分注重学生的主体性、主动性、自主性的发挥,注重引导学生通过案例的分析推导、运用概念较好地解决实际问题,促使学生的思维不断深化,并在力图对一个问题寻找多种解答的过程中培养和形成创造性思维。②案例教学有利于提高学生分析问题和解决实际问题的能力。区别于传统的注入式教学方式,案例教学是一种动态的、开放的教学方式,在案例教学中,学生被设计成自身处在特定的情境中,在信息不充分的条件下对复杂多变的形势独立做出判断和决策,在这过程中锻炼了自我综合运用各种理论知识、经验分析和解决问题的能力。③案例教学有利于促使学生学会学习。学会学习是学习型社会对人们能力的基本要求。传统教学方式教给学生的是运用概念解决问题的现成答案,学生获得的是背诵、机械记忆、按标准答案答题的知识。而案例教学告诉学生“答案不止一个”,答案是开放的、发展的。在案例教学中,教师通过有意识的引导,让学生自己去查资料,通过个体独立或群体合作的方式做出分析和判断,积极寻找多种答案,这样经过反复多次的积淀后,就会获得了自主学习的方法,使其学会学习成为现实。④案例教学有利于促使学生学会沟通与合作,在合作中互相沟通,在沟通中增进合作。

在教学中,教师通过精心挑选案例,明确提出需要掌握的知识点及操作技能,以案例带动知识点,贯穿整个教学过程。具体做法是通过具体案例提出任务,将任务分解到每次的课堂教学中实现,教学过程中为了调动学生的学习积极性,教学过程中常常采用互动方式,即老师提出一种解决问题的思路,然后让学生采用其它方式来解决同一个问题,课堂上每介绍一个任务后,都要首先让学生上机去模仿着实现,然后再要求他们采用自己的解决方案来完成任务。实践证明,采用这种方式进行实践性强的课程教学收效非常明显。

4、注重实践环节

当学生已基本掌握了本课程的大部分内容时,就可以布置一份综合作业,要求每位学生设计一个个人网站并添加一个动态效果。要求每位学生对自己的网站要做到既有鲜明、统一的风格又有完善的内容,将页面的结构、图片的位置、链接的方式设置合理,做到网页布局的和谐统一,并且还要做到容易更新等。要做到这些,就必须在制作网站之前,对网站进行一个总体规划,然后再逐步进行设计。

为了让学生有良好的创作技巧和独特的风格,把综合作业布置之后,先让学生进行选题,构建出自己的网站结构,再上网查询相关的资料,然后对网站进行规划,写出书面的网站设计方案,教师对每个学生的方案进行审查和评阅,及时指出应改进的地方和存在的问题,满足要求了,学生方可开始制作。通过这些环节让学生学会了创建、查找、阅读专业文献资料的方法,培养了学生撰写方案的能力。

总之,教师应以培养能力为主线,强化实践性教学。

教学工作是学校工作的重点,教学方法的革新是一个永久的话题,在教学过程中必须不断探索、不断创新,只有这样才能顺应时代潮流的发展,培养出素质高能力强的人才。

【参考文献】

[1]吕慧娟. 《网页设计》课程教学的创新与实践. 电脑知识与技术. 2007.13.

第9篇:网页设计特点分析范文

关键词:移动互联网;4G;网页设计;通讯产品;智能手机;平板电脑

通行设备性能与无线网络通信速度的提升,以移动智能终端数量的快速增长为主要标志,主要体现在智能手机和平板电脑在大众生活中的出现。据中国工业和信息化部的研究与统计及互联网应用报告分析认为,中国在全球互联网世界中所扮演的角色,部分程度上是由其互联网市场的规模所决定的。据研究显示,2015年,中国移动互联网用户数预计达到了7.9亿人,与2014年数量相比增长8.4%,增速呈现走低的趋势,进入平稳增长阶段。2015年,中国移动互联网市场规模达到23134.3亿元,增幅达到72.2%。而2016年,移动互联网整体将继续保持高增长速度。虽然人口福利消失,但是基于商业模式的不断创新,单用户价值将呈现大幅提升的趋势。预计在未来3~5年的时间里,移动互联网规模将继续保持高增长的速度。但是,每一项科学技术的发展都会带来相关产业的变化,从互联网到移动互联网,体现在网络速度得到飞速提高、网络资费套餐更加优惠。同时,摆脱了宽大固定的显示屏和键盘鼠标的局限,替代的是小巧方便的智能手机,易于携带的平板电脑以及各种各样的袖珍终端。这样,网页设计作为网络浏览的载体,在一定程度上也带来了变化及要求。如何应对及改造这一变化,成为移动互联网中重要的问题。

1 移动互联网当前发展现状

1.1 4G网络的应用推动了移动通信服务的发展

移动互联网通信服务全世界得到了长足发展,而且发展势头十分迅猛,主要是通过4G网络的推动。4G网络,即移动通信系统的第四代产品,它的最大特点主要就是在通信容量上超大,在速度上超快,以及可在全球范围内实现自由对接、任意漫游。并且,能够很好地处理图像、声频和视频,能够以影视等各种多媒体形式来提供商务电话与视频、电话会议及网页浏览等信息服务。[1]所以,4G移动在生活中的广泛应用,给人们生活与工作带来了便利,也有效地提高了移动互联网的发展。

1.2 移动互联网应用的采用模式

在应用的层面上,移动互联网的业务在目前阶段主要使用两种应用模式,其一为WAP方式。它所使用的是无线网络应用协议,其网站模式主要是针对手机电脑而设计的。移动终端与移动通信网络二者的速率都有着自身的特点,固定互联网就是依照它们的速率特点,从而设计出全新的适应移动互联网应用的采用模式。在这个过程中也相应地失去了一定的固定互联网内容。其二为Web方式。它所使用的是固定互联网,将移动终端的速配完全输进固定互联网的内容。它不需要再次开发网站内容,只要通过移动客户终端,使用移动浏览器就能够实现。目前所采用的两种移动互联网应用模式,都可以满足在互联网中用户实现网络冲浪的需求。

2 移动互联背景下网页设计的可行性原则分析

2.1 明确目标用户群

在每一项产品设计中,最重要的是对目标用户群的确定。对移动互联产品进行网页设计。通常的惯性要求是以使用移动网络用户的需求为主要设计目标,设计对象是移动手机电脑终端客户群。因为利用手机上互联网的用户比使用电脑上互联网的用户数量多得多,所以在网页设计上应充分考虑到手机用户的喜好特性,明确设计产品具体针对哪些用户群,以达到事半功倍的效果。

2.2 了解应用平台的细节

由于网页本身和外在的因素影响,在浏览网页上呈现出的移动通讯产品具有一定的复杂性。所以,首先要掌握目标应用平台的相关细节。一般来说,生产软件或硬件的厂家会根据用户的需要提供和介绍详细的规范文档,以便从中规范文档中获得自己所要求的目标平台信息,然后将所有不同的信息进行综合处理,形成一种个性化的版本,这样就提高了移动应用的可用性。[2]

3 移动互联产品在网页设计上的具体策略

智能手机、平板电脑及各种移动互联网的载体,为了使用户方便携带及被充分利用,需要挖掘出一些使用功能。例如,功能的多方面改造提升,需要提高产品价格;尺寸的大小变化,要考虑到电池上的耐用问题。最重要而言,移动互联网具有丰富而精彩的多媒体服务,这是受到终端客户群青睐的重要原因。因此,要想使这些丰富的多媒体服务成为现实,在网页设计上实行人性化设计是必不可少的。

3.1 改造舒适性整体

为了移动通讯产品能够走进人们的现实生活中,并被广泛地接受,首先要针对网页设计在整体性上进行有效改造。一般来说,用户在浏览网页时都是处于随机状态或者是浮动状态。因此,网站上所有的信息要达到迅速、准确、容易、方便地被浏览或者被阅读。所以,在网页设计中要合理地规划菜单和文本,尽可能地优化图片与内容,把较大面积与分辨率缩小成手机或平板电脑的显示屏中,避免由此造成各种不合理的缩放变化,为用户打造一个舒适性的网页整体。

3.2 精准化内容

利用最小的成本呈现最有价值的内容,是对流量的节约,用户体验的改善,最直接的是为用户省去不必要的费用。[3]网页设计者可以从精简页面设计到导航与书签功能,尽可能地帮助用户避免不必要的文本信息输入,缩减不必要的程序与功能,减少设计过深的多级菜单,以人性化与客户满意度为主要目标,对呈现内容尽量精准化。

3.3 增添延续性操作

互联网的发展十分迅速,由Web1.0发展到Web2.0,再由Web2.0发展到现在的Web3.0[4],所用时间非常之短。Web1.0是互联网的发展初期,使用的技术是静态网页开发技术,由于静态网页为互联网的发展初期,交互性差是它的短板,但是它具有快速访问的特点以及稳定性强的特点。Web2.0的发展保存了Web1.0的优点,而扬弃了它的交互性差的缺点,从而改善了Web1.0存在的漏洞,提高了网站与用户的交互性,给新闻网站、博客和电子商务等带来了便利,但是它的缺点是安全性能不高。随着在传统技术上的改造与发展,Web3.0改善了这些技术问题,并逐步完善了网络体系。因此,移动科学技术的发展与更替,还是以传统互联网为基础。现不少手机用户仍然坚持着传统的互联网操作,所以在网页设计上,最好延续传统互联网的特点,取其精华,去其糟粕,让用户能够更快地熟悉移动通讯产品的新兴上网功能,更快地与移动互联网融合。

3.4 设计视觉要素

在网页设计中,文字、色彩、图形以及图像是最为根本的视觉传达元素。通过点、线、面构成了立体基本形态,在交互中以瞬息万变的视觉变化冲击着受众的眼球,从而形成了网页设计的视觉语言。文字作为一种传统的视觉符号,设计人员通过对复杂繁琐的文字信息经过精心处理变成简单浓缩的特性,有利于改善客户的心理体验。

把文字信息逐步向图形、图像及色彩转变。[5]随着网络的不断发展,原本只能呈现单一文字的互联网现在可以利用每一个栩栩如生的图形和图像进行显示。并且,这些图形和图像所表达的信息量大大超过了任何文字的表述,从而使用户在视觉上受到了强烈的冲击。但因图形图像本身数据量占用空间及数据量较大,给用户在时间上和流量上产生了不少的费用。因此,网页设计要尽可能地减少使用色彩艳丽的图像。这样不但能够使数据量的稳定性得到有效的保证,而且又可保障图形图像的表达效果,提高设计程序的工作效率。

3.5 增加返回按钮和链接

为用户带来更好的人性化服务及直观体验,最好在网页上设计出返回按钮,以及设置链接等。[6]由于一些智能手机和平板电脑其自身程序没有设置返回按钮,所以在设计的过程中尽量设置返回按钮,以便为用户提供更多的方便。由于在移动网站上进行输入非常不方便,其难度较大。因此,在网页设计过程中,应当向客户给出单选按钮及列表,这样用户就能够根据自己意愿进行自由选择。一般来说,移动设备屏幕面积尺寸都较小,用户点击链接时需要准确地点击,所以设计师可以使用以下方法:第一,要适当地设计出较大的字体;第二,在链接的周围,应当设计出较大面积的留白;第三,要为链接加上下划线及背景颜色,以方便移动设备用户能更快地确认他们点击的链接内容。

4 结语

通过对移动互联网的使用,人民群众的工作和生活变得更加丰富多彩、方便快捷。移动互联网将成为一种崭新的多功能平台,它包括媒体信息服务、社会公共服务、电子商务以及生活娱乐等等。网页设计技术必须紧跟科学时代的发展不断改革创新,为移动互联网服务。如今,移动互联网已成为大众获得信息和生活交流的一种重要方式,对移动设备的网页进行科学设计是时代的要求。移动通讯产品的网页设计大大地提高了人民群众的生活水平。

参考文献:

[1] 梅倩.移动互联网时代下的网页设计[J].科技创新导报,2010(4).

[2] 陆远蓉,李晓婷.与职业能力对接的高职计算机课程开发探索――以《移动互联网站设计》为例[J].九江职业技术学院学报,2014(2).

[3] 陆远蓉,李晓婷.基于工作过程系统化的《移动互联网站设计》学习情境设计[J].当代职业教育,2014(6).

[4] 杨颖.高职“网页设计与制作”课程教学改革探索[J].职教通讯,2015(18).

[5] 周胜安,王圆.移动互联网下的电子商务专业课程体系构建[J].中国信息技术教育,2014(19).

[6] 李欢.基于移动互联的IM交互设计研究[D].北京交通大学,2013.

[7] 于淼.浅析网页设计的发展趋势[J].中国科技博览,2011(14).

相关热门标签