网页设计论文范例6篇

网页设计论文

网页设计论文范文1

关键词:格式塔网页设计视知觉

引言

格式塔一词来源于德文“Gestalt”的音译,本意指的是形式、形状、方式、实质。格式塔心理学是一种与艺术有缘的心理学理论,其主要目标是探讨视觉感知及其与学习、思维的关系,它所研究的出发点就是“形”,“形”是经由知觉活动组织成的经验中的整体,与视知觉活动密不可分。而网页界面设计是视觉传达设计向网络媒体的延伸,主要是通过浏览者的视觉感知来接受网站信息。因此,研究格式塔理论在网页界面设计中的运用,无疑对网页界面的设计具有很大的指导作用。

格式塔理论在网页界面设计中的应用

网页设计是将特定的视觉信息要素,根据主题表达的需求在特定的页面上进行的一种编辑和安排,其基础是视觉生理学和视觉心理学。格式塔心理学派通过对视觉感知的生理研究,提出了一系列视感知规律,其中包含了“图底”这个核心概念,和“简明原则”“接近原则”“相似原则”“闭合原则”等视感知特性,将这些规律引入页面设计,有助于我们优化视觉时代“形象过剩”状态下盲目的网页设计,提高信息传达的速度与准确度。

1.图与底

在人的知觉系统中最基本的一种知觉能力是在图形与背景间作出区分。“图”是居于前部的区域,“底”被看成是用来衬托图的背景。相对而言,图比底,轮廓较为完整、封闭,形状较为规则,面积比较小,色彩比较鲜艳;此外,更重要的是,能组织成为一定意义的区域倾向于被感觉成图。

由于图与底之间存在的这种相对性质,在网页设计中,应当明确区分图与底,主体与背景。另外,主体自身结构要清晰明了,背景不能过于复杂,这样才有利于浏览者辨别需要了解的信息。在背景的色彩搭配上应尽量选用同一色系的颜色,尽量避免同时使用色相环中相对的颜色,大面积同一颜色宜采用低对比度,避免用强烈刺激的颜色引起浏览者的视觉疲劳与厌烦情绪。格式塔理论的图-底规则不仅说明了主体从背景中分离出来的条件,而且指出了背景在一个格式塔中的重要作用。因此在网页设计中我们同样不能忽视背景的作用,图形是依赖于背景而存在的,要使主体感到存在,必然要有底将它衬托出来。因此无论在文字、色彩、图像,还是动画和视频方面都要坚持图底原则。

2.简明原则

格式塔心理学家认为,人们的知觉有一种“简化”倾向,所谓简化并非仅指一般意义上的“简单”,即物体中包含的成分少或成分之间的关系简单,而是一种将任何刺激以尽可能简单的机构组织起来的倾向。我们的眼睛只能接受少数几个不相关联的整体单位,如果一个格式塔中包括太多不相关的单位,眼睛就会试图将其简化,把各个单位加以组合,使之成为一个知觉上易于处理的整体,否则,整体形象将无法被正确感知,这种形象势必会被人们忽视,以至拒绝接受。

我们可以将这一观点延伸到网页界面设计中。首先,在网页界面结构的设计上,应避免使用过于复杂的网格结构,结构的设置应尽量简单明了,符合人的视觉流程,也符合人们对规则形的喜好,利于浏览者以最短的时间找到最需要的信息。

其次,在图像的选择上,应避免使用过于繁复杂乱的、容易分散浏览者注意力的图像,这样会增加浏览者找寻信息的难度。

再次,在进行文字编辑时,应该考虑编辑的最终效果。文字应给人以清晰的视觉印象,避免页面繁杂凌乱,减少不必要的装饰变化,使人易认、易懂、易读,不能为造型而编辑,忘记了文字本身是传达内容和表达信息的主体。在字体的选择上,虽然可供选择的字体很多,但同一页面上的字体种类最多只能有三四种,这样才不会显得花哨。字体的选择应依据段落大小和内容层次,由重到轻、由粗到细。字号的选择也应该依据内容层次由大到小,但到了节以下的层面,可以选用同一字号但用不同的字体加以区分。在文本密度方面,文本应该以短小的组块形式出现,并且应该经过编辑,以简化内容。3.接近原则和相似原则

接近原则和相似原则的本质上都是简化和整体化知觉对象的组织原则,与前面的简明原则类似,人们在倾向于简化认识对象的同时,也倾向于将近似、接近的元素组合起来作为一个整体加以认知。也就是说如果不同的文字或图形组成部分位置靠近,浏览者就比较容易看出它们是一起的。根据这一原理,对于页面上的任何元素,如果在功能或内容上是相同或相近的,就应在一定程度上保持相对较小的空间距离,做到“物以类聚”。比如,页面中用以解释图形或用以表明某一部分图形的文字就应当紧挨其所指的图形或部分图形。

相似的物体也很容易被认为是从属于一个系统,具有相似的功能。因而,需要通过将浏览者注意力集中于视觉范围内的关键概念,帮助他们获得信息。在网页界面设计中,可以通过强调、动画、对比色的使用或其他手段达到这一目的。假如一个图形中的组成部分都属于同一风格,这个图形就被视为一个整体。为了使浏览者重点关注图形中的特定部分,对这一部分可采用不同的颜色、动画、闪烁或其他区分方式。但是,如果一幅画面中区别过多,也会使浏览者难以注意需要获得的信息。因此,这些方法应该用于强调关键信息或图形的关键部分,而不宜用于大片信息。

4.闭合原则与网页界面设计

闭合原则是指一种完成某种完形的行动。这一规则表明,每一种视觉样式都可以被看成是一种陈述,对于模棱两可的视觉样式,人们会根据以往的经验按照不同的样式加以组织,这时不同的人会看到不同的东西。因此,在网页界面设计时,应当避免出现不完整的图形,以免使浏览者花费过多的时间去琢磨图形的含义,而不是从网页上获取信息。

闭合规则还表明,视觉形象被知觉的形式是首先作为一个统一的整体被知觉,然后再以部分的形式被知觉。因此,在进行网页界面设计时,要强调整体风格的统一,内容与形式的统一。

结语

将格式塔心理学引入网页界面设计,目的是希望网页设计向理性化的方向发展。随着网络的不断发展,浏览者对页面的要求也越来越高,但现在的页面设计大多还是从直觉出发,离科学的页面设计还有相当大的距离,因此要想达到科学的页面设计,就要在设计时遵照人类的认知规律,并且将这些规律正确地应用到设计实践中。而如何将格式塔理论与设计结合起来,仍是我们需要投入大量精力去研究与探讨的问题。

参考文献:

[1]曹方著.视觉传达设计原理,江苏美术出版社

[2]卡尔·考夫卡著,黎炜译.格式塔心理学原理.浙江教育出版社

网页设计论文范文2

(一)创意构思明确的说明

影片的主题思想,人物性格,艺术风格,细节处理,音乐构想等其他设想。

(二)前期设定

在动画制作前,进行大量的前期工作。以方便和规范总个的动画效果和制作便捷,分为动画剧本、角色设定、场景设定:

1、动画剧本

动画剧本是由画面讲述出来的一个故事。这个阶段,人物、故事情节、影片的主题内涵等影片最重要的部分都必须确定下来。动画剧本分为文字剧本和动画脚本。(1)文字剧本:以文字形式记录故事的背景、发展、高潮和结尾。应尽可能避免复杂的对话。在这里最重的是用画面表现视觉动作,而非语言。(2)动画脚本:把每一场景划分若干个镜头。绘制出镜头的主画面、角色动作和台词、场景变换、镜头移动、镜头长度等。动画脚本的好处就是在一个团队来制作时有本可依,指导动画创作集体各方人员统一协调地工作。

2、角色设定

动画片剧本中的主要角色塑造对剧作的影响巨大。动画片形象树立起来,被观众认可了,动画就成功了一大半。角色的设定要根据剧中人物的性格、体魄等来设计,并规范出他的姓名、年龄、五官、肤色、衣服、声音和习惯动作等个性特征。在Flas制作中角色设定分了初步手稿、电脑完成稿、和角色库三部分。(1)初步手稿:画出角色的正视图、侧视角、背视角、四分之三侧图。标出人物头部、上身、下身的高度、宽度。(2)绘制电脑图:把角色人物在Flash上绘制出来,把人物分为眼部、嘴部、头部、身体、左右上臂、前臂、大腿、小腿等几个单独的原件,标示号具体的色彩数值,并取好详细的文件名。(3)制作角色库:建立各个角色的三视图、走、跑、跳等基本动作元件库。以便后期动画制作时调用。

(三)动画制作

按照动画脚本中每个镜头的内容把之前的场景、角色合到一起,并按脚本时间把动画制作出来。制作前要把动画的大小、帧数确定下来,制作后要按照剧本所给的镜号把文件命名完整。

(四)镜头合成

按照动画脚本所给的故事发展时间线,把之前所做的动画镜头串连起来,根据需要可以运用影视蒙太奇手法把一些故事的时间、空间顺序打乱而重新组合,已达到完美的艺术效果。一般由视频和音频两部分构成:

(1)视频部分要把之前的动画按照对白的停顿、长度调试到最佳效果,并把镜头间的转场过渡衔接,根据需求可适当加上特效渲染动画效果,生成最终的动画故事。

(2)音频部分把镜头中的对白、音效、背景音乐串连成一个镜头长度的音频文件。把合成的视频、音频文件合成到一起,及时按照镜头名标好相应的帧名称,方便以后修改。

二、Flash在网页设计中的应用

(一)Flas在网页设计中的必然性

网络技术不断发展进步,也使得网页内容更加丰富,穿插了大量的音乐、动画等元素。Flash作为一种新的设计方式,能给浏览者带来听觉和视觉上的双重享受,能传递给网页浏览者更多的信息和互动。

(二)Flas在网页设计中的应用方向

1、Flash跨平台特性

Flas具有时间片段分割和重组的功能,能使设计感更强,同时它具有跨平台的特性,不管设计者应用什么电脑,只要是安装了Flash软件,就能保证显示效果一致。

2、适合公司做在线的产品展示

Flas应用在网页的设计中,具有设计精美、表现形式多元化、美术效果和互动性强等特点,这样的优势非常适合公司做在线产品的展示。

(三)Flash在网页设计中的应用方式

1、色彩转换

通过Flas可以使网页形成色彩上的转换,比如在网页中插入一段动画舞蹈,效果会更加突出,在浏览者放松之余,还能吸引其注意,形成一个独特的风格,这样的作用不是一般的图片能够代替的。

2、动态论述

Flash具有体积小、互动性强的优点,在网页的设计中,可以更好地应用到这个优点。比如说在网页的广告或游戏中,利用Flas展现这个广告的总体特点,也让浏览者更好地了解到产品的实质。

三、结论

网页设计论文范文3

随着计算机信息技术的飞速发展,网络发展与应用所涉及的行业越来越广泛,网站在变,用户体验在变,网站设计人员的职业标准在变,对于高职高专计算机专业《Dreamweaver网页设计与制作》课程的教学要求也在变。如何适应现今诸多变化完成教学并提高教学质量已经成为计算机专业教学改革的一大课题。从教师方面来看,很多教师虽然教龄长,理论知识丰富,但长期脱离实践,对行业新变化了解甚少。部分专业教师一毕业就来到学校,刚刚走出校园的他们,同样是理论知识丰富,缺乏实践经验。教师队伍中即便加入了新生力量,但“双师型”教师缺乏,教学环节理论与实践结合不够,仍难以体现高职高专院校的职业特色。从学生方面来看,高职高专学生与普通高校学生相比,大部分学生文化基础差,入学成绩普遍偏低,学习吃力且人生目标模糊,学习的主动性、自觉性不足,学习习惯不好,接受知识的速度相对较慢,其自身素质与高校要求不相适应。而一部分素质较高的高职高专学生,对本课程的学习也仅限于理论方面,缺乏实践锻炼,未能与社会需要技能无缝对接。综上,高职高专《Dreamweaver网页设计与制作》课程教与学的方式亟待解决。

二、思考与探索

(一)优化教材体系

“工欲善其事,必先利其器。”完善本课程的教与学关键之一便是优化教材,合适的教材在教学环节中起着举足轻重的作用。高职高专《网页设计与制作》课程以往选用的教材,对于初学者尤其是学习能力稍差的高职学生而言难度较大,以至于教学中经常出现学生学习兴趣降低、教师教学课时明显不够等问题。网页设计与制作课程教材,内容应以教授基础、基础与案例相结合、案例分析等层层递进的原则进行选择,组织与编排方式以折衷式组织及螺旋式排列组合为优。在选择到合适的教材基础上,教师要立足于教材,筛选教学内容,以使教学过程中教材利用最大化。

(二)改革教学方法与手段

1.明确学习目标

分阶段教学根据高职高专学生特点,明确学习目标,进行分阶段教学。前期以讲授课程基础为主,旨在让学生熟练掌握本课程基础操作,以便中后期案例教学能够及顺利递进难度;中后期教学需要理论联系实际,结合启发式、直观式、交互式教学方法,鼓励学生独立思考,勤于动手,激发他们的学习积极性和主动性。

2.加强实践

注重技能培养任务驱动,小组协作。开展以制作某一特定网站或者多类型网站为目标的项目教学,使得学生不仅能够掌握《网页设计与制作》课程的基本知识和基本技能,提高学习兴趣,而且在小组学习的过程中,学会与他人合作,共同完成任务。同时,在专业课程教学中渗透多类型网站内容相关教育内容,使学生在不知不觉中学到更多学科知识。此外,还可定期举办技能大赛和知识竞赛,以巩固学生的学习效果。以职业需求为导向,加强实习实训平台建设,强化实践教学,教学与实训实现一地化,重视校企合作。高职教育人才培养模式是根据职业岗位需要来进行,立足于企业人才需求实际,在课程中开展基于工作任务的项目教学。我们应利用校企合作共同构建和实施基于工作任务的项目课程体系,使学生真正做到理论联系实践,在获取知识的同时充分掌握专业岗位技能,以充分体现出高职人才培养的职业性和实践性。

(三)加强“双师型”教师

培养优秀的师资是高职院校办学的根本保证。提高高职教师“双师”素质是高职教育发展的需要,也是教师个人发展的需要。高职院校应鼓励现有专职教师在其专业领域不断学习,及时更新自己现有的知识结构,进行自我提升,并有针对性地将部分教师安排在合作企业顶岗工作,增强其实践经验,提高其动手能力,使他们对行业需求变化了如指掌,以便清晰地掌握学生的培养方向。

三、总结

网页设计论文范文4

网页设计与网站开发课程的教学活动的要从三个方面来描述:从编写HTML代码到创建实际任务;从独立开发到小组合作、组间协作;从“白手起家”到“站在巨人肩膀上”再创造再开发。

1.1从编写代码到创建实际任务。传统的网页教学总是以编写HTML超文本标记语言、CSS层叠样式表文件、JavaScript为基础,通过Dreamweaver工具的拆分模式实现可视化的实际效果与基础理论的结合来展开。这样的教学方式与网页的实际应用联系较少。使得学生在学完网页之后难以解决具体的实际问题。采用任务驱动的教学方法,通过实际项目,引入真实情境,如玩具销售店、我的大学生活、学科资源网站等。让学们从单纯的学生角色转化为网站构建者,成为一个生产者。这样大大激发了学生的学习动力,并肩负责任感和成就感去学习。学生在构建实际网站过程中直接、频繁地接触计算思维的概念,如网页结构的搭建,样式美化的属性设置等,并不断提升系统性的思考能力和创意思维能力。构建网站时系统性的思考力是指学生需要在设计诸如导航条或链接中从设计网站、解决问题和理解用户需求的角度去“仔细思考用户与网站的互动方式以及根据意图实现功能的方式解决问题”[1]。构建网站中的创意思维是指学生可以把网页设计学习融入到创作具有实际意义和真实内容及富有个性的网站构建过程中,将学科学习与实际生活相统一。

1.2从独立开发到小组合作、组间协作。网页设计与网站开发的工作不是一个人独立完成的,而是需要团队的合作共同完成,当前的信息产业的工作都不是一个人独立能够完成的,而需要与他人合作完成。因此,独立思考和学习确实能促进学生知识掌握能力、而通过合作构建网站可以分解复杂任务。利用这种协作模式可以培养计算思维能力中除知识技能方面的其他方面——过程与方法、情感态度与价值观。

2考核评价

根据《网页设计与网站开发课程》的三维教学目标(知识技能、过程与方法、情感态度三方面)制定考核方法及评价标准。考核评价改变传统的单一的总结性评价的方法,采用平时的过程评价、阶段评价和综合评价相结合的评价方法。过程评价是指学生平时的学习过程,根据精心设计的学习情境对学生的学习过程进行记录和评分。这其中包括学生出勤情况、学习态度、单元情境的完成情况;阶段评价即是期中评价,通过期初时提出主题网站任务,学生在学习过程中着手规划、设计、实施并完成任务,在学期中期进行集中评价[2],起到贯穿始终、承前启后的作用;期末考试采用上机考试,题型包括根据给定素材及代码截图拼出网页页面,根据给定模板和主题要求,在现有素材的基础上实现网站规划及网页设计。

3结束语

网页设计论文范文5

2000年以来,各省的重点新闻网站纷纷开通,虽说主要定位于新闻网,但一般也是各省的代表性网站,不仅其规模在省内最大,其首页实际上成了某个省份的重要形象之一,是该省在网上的唯一"面孔"。所以各省重点新闻网站的业内同行实际上一直在作无声的较量,力求在开网之日有一个不同凡响的首页。有些网站开通后不久即进行了改版,欲"换一副面孔"即是重要动因;因为在网站开通前的筹备期通常时间窘迫,来不及对首页设计进行全方位的思考,开通后不久即会有较大缺憾并非会在预料之外。

新闻网站的首页要做到不同凡响、一鸣惊人,主要需要考虑三个"冲击力"的问题,即色彩的冲击力、布局的冲击力和logo的冲击力。如果在这三方面都能给网友以全新的感受和强烈的冲击,就达到了一个较高境界的首页设计理念。

一、关于色彩的冲击力

省级新闻网站,实际上也兼作政府网站和地方门户网站,其首页的风格,应当是沉稳、简明、大方。与商业性网站的色彩斑澜和个人网站的简洁淡雅相比,新闻网站宜采用对比鲜明、冲击强烈的色彩作为首页的主色调。即以一两种基色的搭配的为主色,来显示新闻网站整肃而富有竞争力的特性。由于主色构成相对单一,所以宜通过较浓烈的色彩来强化人们的视觉,如果色彩过淡,感觉上会趋向于个人主页,也容易有失轻漂,压不住阵。

千龙网作为首家开通的省级重点新闻网,2000年3月8日首次亮相时采用了黑与白为主的基色,给人留下了较深的印象。而两个多月后开通的东方网,其首页以淡黄色为基调,过份强调了"高雅",却未能形成"色彩冲击"方面的后发优势,这不能不说是东方网在推出三个月后就进行改版的一个重要原因。东方网(当年8月)改版后给人的第一印象,就是大胆地一扫众多网站"轻描淡写"的首页风格,以红与黑相间的主色调,给人以前所未有的强烈的视觉冲击,不禁令人为之击节叫好。其后,东方网由于种种原因,于2001年元旦进行了第二次改版,但依然保留了这色彩个性极其鲜明的主色调。

2001年5月25日,千龙在正式运行一年后首次改版,断然放弃了开网之初的黑白之色,代之以"京城故宫围墙赭红与皇宫金黄色调的搭配"①,色彩对比依然鲜明,但又成功地体现了千龙地处首都地域的风格定位,并给其它新闻网站提供了从地域特色和文化内涵方面寻找首页主色调的设计理念,深化了人们在首页基色定位方面的思路。相形之下,东方网则很难回答其"红与黑"与上海这个城市或"东方文化"之间的内在联系,而更多是纯美术层面的选择--"红与黑"历来是很抢眼的色调。上海人捷足先登了,其它省市也只有妒忌的份。

目前省级重点新闻网站已有十多家,但千龙、东方首页仍然以其鲜明而强烈的个性色彩鹤立鸡群。

二、关于布局的冲击力

相对于主色调的选择余地并不很大,首页的内容布局翻新却可以多作些文章。内容布局尽管也受到诸种限制,只能在网页固有的框架内,"戴着镣铐跳舞",但有束缚才有创造,才会显示出创造的魅力,才会具有突破原有框架的新鲜感。根据这两年新闻网站首页在设计、改版过程中的一些规律性变化,可以总结出在内容布局方面的三个重要特征。

1、服务至上。内容布局的第一个突破,是新浪网在1999的改版中,首次将banner广告(468X60ps)移到了频道导航栏的下方,突出了频道入口,强调了在首页整体布局?quot;频道导航"的纲领性作用。东方网的第一次改版,则在此基础上更进一步,不但把导航条置于banner之上,并进而把"用户登录"区做成一长条,也置于banner之上,这样又第一次通过内容布,体现出为网友"服务"的思想。这与当时各大网站经营理念从"内容为王"到"服务为王"的转变是有着密切联系的。中安网的首页虽无多少特色,但其"用户服务"功能甚至比东方网还要方便,即将网友最常登录的"邮箱"与"厶?quot;两个点击按钮直接并列在首页频道导航栏下(东方网采用的下拉框选择形式,进"论坛"要多点击一次),最大程度地方便了网友进入。

2、一步提优。如何在首页上把网站的全部精彩内容直接作上链接,使网友不需进入二、三级页面就能"长驱直入"到网站里最优内容最佳信息,这个看似简单的问题在首页上成为现实还是有一个发展过程的。东方网2000年8月改版后的首页,还有两处引人瞩目,一是把中区下部的"网站导航"横向压缩了一半,省出的另一半布置为"频道精选",即衙扛銎档赖淖罹实哪谌莞餮∫桓錾鲜滓场R蛭?quot;网站导航"里的各个一级栏目全部展示确无必要,不可能这些栏目都很精彩,倒不如将这宝贵的空间直接展示各频道的一条最优稿,使网友不必进入各频道的首页,就可预知其精彩内容并一步点入。同年11月28日开网的北方网,几乎原样照搬了东方网的这一手法。东方网的另一?quot;突破"是在首页右区中部,设置了一个栏目叫"BBS精华",把论坛里的"精彩妙贴"也直接链上首页,既体现了新闻网站的强大编辑力量(为网友去芜取菁),也反映了对直接来自网友的观点和看法的尊重。新闻网站首页的内容布局,在突破上应当永无止境。可以吸取传统平面媒体的经验。对logo的位置、banner的位置及新闻图片的位置,作出更加大胆的设计。如logo为什么只能放在右上角并水平放置呢,能不有竖起来放到左上角、象某些报纸的名称那样呢?又如,新闻标题为什么非要全部横排呢,能否划根据不同的新闻类别,划出部分标题实行竖排呢?在改版后的千龙首页右区,"千龙互动"和"首都导航"两个栏目下的标题就已实行了竖排方式。

[page_break]

3、"寸土寸金"。人们登录新闻网站,主要是获取各种新闻性信息。故新闻网站的首页理应显示出紧凑的布局,在单位面积里传达出最大的信息量,而不能象许多大型企业的网站首页那样,以空间换"潇洒"。首页一般在两屏至两屏半的幅长,这里缺省的上半幅里内容的安排尤其重要,因为忙的人都不会往下拉,很可能只看个缺省的一幅,所以需要将网站的重点内容和基本服务都安排下,在安排内容时具有"寸土寸金"的意识。一般来说,导读和新闻图片放进缺省一幅并在主要位置并无异议,毕竟是新闻网站嘛!但对将邮箱、BBS、ChatRoom、搜索引擎、手机短信、股市查询等基本服务项目也基本纳入缺省一幅,就不是所有新闻网站都能引起足够的重视了。如果发邮件或搜索新闻还要用鼠标下拉一下,对网友是很不方便的。东方网在缺省的一幅里,信息量是相当大的,仅看它的中区,不仅安排了导读性新闻要目及图片,还安排了反映百姓呼声的"东方直通车"、热门专题集锦"东方热点",以及包括"股市查询"、"天气预报"、"求医问药"在内的"生活锦囊",甚至"英语新闻"要目也上了缺省这一屏,显示其国际大都市风貌。东方网中区上部这一块看起来有点乱,实质精心安排也!千龙网也把它?quot;拳头产品""千龙黄金耳"(音频新闻)、"环球见闻"(视频新闻)、"Flash7日"(新闻故事)和"48小时精彩回放"(新闻回顾),悉数纳入缺省一幅。相比之下,云南新闻网、金黔在线、新疆天山网等省级新闻网站的首页的信息量就难以与东方、千龙相提并论。

值得指出,首页内容布局之创新,不是单纯地把有关重点栏目、深层优秀内容或banner的位置在页面框架内移来移去、重作调整,而是本着创新的理念,将网站的内容重心和基本服务,在特定的网页框架内积极调谴,推陈出新。这一过程实际上反映了网站从业人员对互联网认识在不断加深,如对互联网的即时互动等强势特质的进一步认同。

三、关于logo的冲击力

在首页设计过程中,即便具有了上述两种冲击力,如果缺少一个别具一格、特征鲜明的logo,仍然会功败垂成。Logo是首页的"网眼",是整体艺术创作的画龙点睛之笔。一个绝妙的logo不但会使首页蓦然生辉,而且会成为整个网站的"形象大使",成为员工的胸牌,成为宣传品上的标志,对网站的进一步发展有着非同寻常的功用。

近两年大型网站在logo设计方面有崇尚简单明了的审美倾向,往往越是知名的网站,logo设计越简单,但那是一种高明的简单,是一种认识论上循环往复、删繁就简后的简单。通常的做法是取消了独立的标志图案,而在英文域名上做文章,说得更确切点,是将英文域名中的某个特定字母拿出来,进行图象化或夸张性的变形、变色处理。

这方面一个典型的例子是新浪网的logo。设计者仅在黑色字体的sina中,将小写字母"i"上的那一点作"空心"处理,然后套上了一个红色"帽子",象眼睛,也象火炬;顿时就妙不可言,很抽象,也很现代。新浪的logo太简单了,却击败了许多花上许多功夫精雕细琢的logo,个中道理值得玩味。另一个老牌新闻网站大洋网的logo设计,亦与此有异曲同工之妙。大洋的域名是dayoo,最后两个oo引起了设计者的兴趣,结果演变成一双眼帘不断翻动的眼睛,使人过目难忘。

2001年9月12日开通的西部网(),其logo是一个"西"字,这个"西"字经过拟人化变形械?quot;臂挽臂"的味道,形象地表明了这是一个联合型的超级媒体"航母"(西部网由中国西部12家省、市、区联合主办)。东北网的logo设计,则是一个有着抗联军旗风格的"东"字,地方特征鲜明。但也有一些省级新闻网站的首页,看不出有进行logo设计的意识,或者干脆就没有logo,如河南网和桂龙新闻网就是如此。

发达国家的一些新闻网站,首页的logo设计通常都比较简单,但显得很大方。如USAToday的logo只在名称前加了个模糊的地球;Foxnews的logo只在英文域名上打上两道光束,继承似浼易錐ox电影公司的片头特征。

另外还有两点,值得首页设计者注意。一是首页的页面设计必须与内容紧密配合,不能脱开内容来谈形式及一切美术应用。是内容决定色彩、布局,而不是相反。因此在设计过程中,应始终对首页的内容安排引起足够的重视,对每一区域的设计都以明确本区的内容概念为基础,由此引向独到而深刻的美术创意。二是不要轻视首页设计过程中一些局部的打磨和处理,如对一个栏目bar条的图案、栏目内标题的字体等,都应当精心设计、选择;一个成功的首页给人的总体感觉,正是由每一个局部叠加而来。

首页的主色调、内容布局和logo,构成了首页设计的三大重点,同时也是三大难点。其形成冲击力的基本理念不仅针对新闻网站,也在很大程度上涵盖其它性质的网站。作为一项复杂的艺术创作,新闻网站的美工应把握住新闻网站的基本定位及由此决定的总体风格,与网页制作人员密切配合,在重点、难点上很下功夫,勇于创新,勇推"第一",才能在首页"亮相"之日,取得众望所归的效果。

网页设计论文范文6

实践证明,色彩能够左右人的第一印象,所以拥有漂亮的色彩,比图像、文字等其他设计要素都重要。色彩不但能给人留下深刻的印象,产生很好的视觉效果,还可以表达设计师的情绪和理念。

2网页色彩设计在课程中的地位

网页色彩设计是网页配色与布局课程中的重要环节,学生经过课程第一部分内容网页元素的和网页色彩设计第一阶段单一色彩训练之后,学生对色彩有了初步的直观感觉,接下来就需要学生对网页色彩进行综合设计,实现从色彩感觉到色彩设计实际应用的过渡。这一部分内容是让使学生从理论上升到实践的重要环节。要解决课程教学中网页色彩搭配的问题可以有多种方式,如增加课时、增设专门色彩构成课程以及讲座等等,但笔者在此针对色彩基础较薄弱的计算机类专业学生的网页配色与布局课程中网页色彩设计应用能力的培养提出自己的解决方法并加以探讨,期望达到改革教学方法,改善教学效果的目的。

3网页色彩设计渐强三段式训练的设置与实施

为解决学生滥用色彩、忽略色彩对比关系、忽略网站主题和服务对象等问题,笔者对网页色彩设计的教学与训练进从形式以及内容上进行改进,提出一个“渐强三段式”的训练方法,即一阶段图片配色法训练,训练学生的基本色彩分析能力,侧重培养学生客观分析能力;二阶段印象空间配色法训练,强化训练学生的色彩重构能力,侧重培养学生主观探索能力;三阶段网页色彩构思计划训练,训练学生应用扩展能力,侧重培养学生创意个性化能力。实践证明,“客观表现——主观表现——创意表现”的渐强三段式训练所用课时少,效果比较显著。

3.1一阶段图片配色法训练

实施如下:给定一个网页布局,学生通过寻找一张有良好色彩感的彩图,从中为网页选取主色、辅色及点睛色,并将选出的色彩应用到网页中。对于同一张彩图,可选出几组不同的色彩,而同一组色彩也可进行多种组合方式的搭配,最终确定一组自己满意的配色方案提交。该训练中,学生对图片的选取和对色彩的选择是两个普遍薄弱的突出问题。部分学生无法有效选择合适的图片,没有达到一定的审美能力。部分学生在图片中选择色彩完全是不假思索,没有注意到色彩的表现力。这两个问题是这个阶段训练中需要解决的两大重点,笔者解决的方法是,首先让学生收集图片,要引导他们去收集具有一定主题性的、简单的、生活化的图片。然后让学生对图片的主题、内容进行观察,提取图片的色彩,制定出自己认为合适的配色方案,完成对主色调、辅色调及点睛色的选择。学生通过收集资料,观察分析资料,根据自己对色彩的感觉提取色彩。这个训练不需要鼓励学生进行创新,要强调的是要求学生好好的收集资料,分析素材,建立自己的色彩经验,结合图片的客观表现制定配色方案,为后续的配色训练打好基础。

3.2二阶段印象空间配色法训练

二阶段的印象空间配色法训练是对一阶段训练的加强和扩展,这一阶段是在明确网页的主题风格后,结合自己的对色彩的理解,通过判断色彩在形容词印象空间中的位置,然后以这些颜色为中心进行适当的扩散,从而设计出更有特色的配色方案。该阶段的训练要学生能大胆创新,要大胆融入自己的主观表现,在符合网页色彩设计原则的基础上做到标新立异。以一个少儿网站为例,想要营造一个“可爱的、快乐的”氛围,学生在配色印象空间中找到对应的颜色后,可以考虑将其扩散,可以加入“轻快的、干净的”等感觉的颜色,而这些颜色是有限的,学生通过对色彩训练的理解和一阶段图片法的配色经验进行分析整合重构,对色彩进行重构创意设计,重新选择了主题色彩,调整对比度,提高或降低明度和饱和度来确定网页的配色方案。在这个训练中,学生融入了自己对色彩的理解,有很多的主观表现,其中学生可以试着把握自己的配色倾向,打破自身对色彩固有的观念,所以能产生较多大胆新奇的配色方案。这一阶段充分地训练了学生的重构意识和创新能力,学生从中能够慢慢积累和培养网页配色的感觉。

3.3三阶段网页色彩构思计划训练

在这一阶段,由教师设定一个网页的主题,再由学生去建立该网页的色彩计划。首先学生需要明确网页的使用者,然后收集资料,不仅收集网页主题的资料,也收集使用者的资料,特别是使用者的彩图、生活方式、去向和关心的事情等视觉上的资料。通过收集,得到了许多色彩。然后再结合二阶段的形容词配色方法,找出恰当的形容词,一边观察收集的色彩,一边整理形容词,进而确定表现构思的形容词,接下来就可以进行形容词色彩联想,进行网页主色彩、辅助色彩及点睛色彩的设定,完成配色带;最后在设定好布局的网页上进行配色。通过这一阶段的训练,学生体会到网页色彩的选择需要考虑网页使用者的喜好,另一方面,学生也体会到要根据自己对主题的理解去选择主题色彩,尝试打破困境,标新立异。在实践中,虽然学生常常只顾表现自己而忽略了使用者的感情,没能较好地以用户为中心进行配色;但这个训练的确能提高学生的色彩使用能力、设计能力和审美能力。

4结语