网页设计师年度总结

网页设计师年度总结（精选12篇）

1.网页设计师年度总结 篇一

我是去年2月有幸被同程录用的，之前我一直从事广告平面设计方面的工作，到了苏州后找的第一份工作就是网页设计，不过做的时间不是很长，对这方面还算是个生手。

到了同程以后，先是担任平台设计师的工作至5月下旬，然后又调到网站建设部做网站设计师一直至今。在工作中，我学到了很多东西，从不懂，到有点懂，再到熟悉。这中间的过程，只有我自己最清楚。

很多时候，日常的工作是琐碎的，我们只有自己从中找到乐趣，才不会觉得枯燥；很多时候当我们做网站刚有灵感的时候，会突然有其它的工作布置下来，我们只有自己调整好自己的心态，统筹安排好自己的工作，才不会手忙脚乱。

那天爸爸给我打电话的时候，我正在加班，爸爸说，怎么又在加班了，要注意身体。我告诉爸爸，不知道为什么我喜欢工作，喜欢那种充实的感觉，虽然有的时候回到家的时候真的很累，也会偶尔觉得自己活得有点辛苦，但是一旦自己真的闲下来的时候，反而觉得很不适应了。爸爸说，恭喜你，长大了，那至少说明你不是一个好逸恶劳的人。

我喜欢爸爸的评价，我是个极其热爱设计的人，有兴趣，有灵感，我知道我或许不是最好的，但是我一定是最有激情的。我真的很喜欢设计，我也不知道为什么，所以，我想证明自己，证明自己的能力和一颗真诚而执著的心。明天会怎么样，谁也不知道。至少今天我要对得起自己。

非常感谢公司给我这个成长的平台，令我在工作中能不断的学习，不断的进步，不断提升自身的素质与才能。

一、与同事相处

到了同程以后，要感谢的人真的很多…

在平台上工作的时候，感谢总监一直教导我，要不断提高自己的设计能力；感谢龚琳娜从我进公司的第一天起，就耐心的教给我很多我不懂的东西；感谢刘国平和邱小东，在我刚进公司对代码丝毫不懂的情况下，对我的热心的帮助。感谢有在平台上磨练的那段时光，正是那段时间激发了我的斗志和工作热情！

到了网站建设部以后，我被一种莫名的东西感动着。我们是一支年轻的队伍，部门经理也是一个80年代以后的年轻的女孩子。我们虽然年轻，但是我们并不浮躁，我们充满激情和憧憬，我们充满力量和动力。这不正是我想要的那种感觉吗？为了一个同目标，我们会齐心奋力向前。我的心找到了归宿，我安定了下来。我确定：这就是我的事业，为同程，为自己，努力着！前进着！

感谢每一个人对我的帮助和支持，感谢大家那么喜欢我（哈哈~~我脸皮是不是有点厚了啊！）我会继续努力的，让我们前进的步伐越走越坚定！！！

二、与客户沟通

虽然从大学毕业的时间还不到两年，但是，可能因为我是一个不太能闲得住的人吧，从大二开始我就在学习之余将自己的另一只脚正式踏入了设计行业。

在来同程之前，我也接触过很多各种各样的客户，有蛮不讲理的，也有和蔼可亲的，不过那些都是和客户当面沟通交流的，和客户在意见上发生分歧时，大部分我可以很轻易的用我的设计专业方面的知识说服客户，甚至可以现场做出效果来改变他们的主意。

可是，来了同程之后，我才发现电话沟通真的是一门很深奥的学问。在电话这头的我，看不见电话那头客户的表情，动作，只能从电话中客户的语气来分析猜测客户此时的想法和心情。也渐渐开始明白：有些时候，不论客户再怎么纠缠，我都必须坚持某些工作上的原则，因为一旦为一个客户开了先河，我就必须考虑到接下来该如何面对更多的客户，我必须为自己的一言一行负责到底；而有些时候，又必须对一些客户妥协，即使他们再怎么让我深恶痛绝，我还是必须认真的完成对他们的服务，因为不能因为一些小事，丢失掉一些重要的客户。

感谢同程！让我从客观上对自己在以前所学的知识有了更加感性的认识，使自己更加充分地理解了理论与实际的关系。

三、工作态度

一个人的工作态度折射着一个人的人生态度，而一个人的人生态度又决定一个人一生的成就。我的工作，就是我的生命的投影。一个天性乐观，对工作充满热忱的人，无论他眼下是在洗马桶、挖土方，或者是在经营着一家大公司，都会认为自己的工作是一项神圣的天职，并怀着深切的兴趣。对工作充满热忱的人，不论遇到多少艰难险阻，都会像希尔顿一样：哪怕是洗一辈子马桶，也要做个洗马桶最优秀的人！所以我会努力让自己保持良好的心态工作，遵守公司的各项规章制度；完成各项工作和任务。我要在20xx年比20xx年做的更好。

四、建议和意见

1、首先，我觉得公司的天目湖拓展真的很好，加强同事之间的感情，加强了团结协作的能力。有很多同事，以前我都叫不出名字的，却在这次拓展中，让我发现了他们身上的很多平时发现不了的闪光点。让我更加热爱这个集体，热爱每一个可爱的同程人！

2、我觉得公司可以考虑给我们多点专业性的培训，就拿我们网站建设部来说，可以找一些在设计方面比较厉害的人给我们培训培训，或者多参加一些类似于上海国际旅游交易会那样的活动，可以开拓我们的视野，提升我们的设计水平，以及对旅游的认识。

3、还有一点，我感觉我们每天早晨的晨会分享，以及我们部门每周五中午的专业培训挺好的，每次都能学到东西，有时候就是一些小小的技巧，却可以在工作中很大程度的提高工作效率。

以上只是我个人的一些愚见，如有不妥之处，还请大家原谅！新的一年里我为自己制定了新的目标，那就是要加紧学习，更好的充实自己，以饱满的精神状态来迎接新一年工作的挑战。我心里在暗暗的为自己鼓劲。要在工作中站稳脚步，踏踏实实，多向其他同事学习，取长补短，相互交流好的工作经验，共同进步，争取更好的工作成绩，为公司做出更大的贡献。

2.网页设计师年度总结 篇二

关键词：网页制作；教学设计

中图分类号：TP393.09

随着网络的日益发达，网页技术得到不断普及，在社会各个领域中都充分体现了网页制作技术的重要性，学校方面也开始不断重视这一方面人才的培养。但是，中、高等职业院校的毕业生所学知识往往与就业单位要求不相符，很大方面的一个原因是传统的网页制作课程教学难以满足现阶段的发展形势。因此，笔者将根据这一课程的教材特点和学生的特点，浅谈如何设计“网页制作”的教学。

1 教材分析与教学对象分析

1.1 分析教材。《Dreamweaver MX2004中文版网页制作基础》是我校选用的教材，其最大特点在于采用“任务驱动，案例教学”的形式，这就充分考虑到了实际运用和实际需要，用趣味十足的实际案例来讲解网页制作方面的知识技能和应用技巧，这样不仅使方便教师教学，而且使学生学起来很实用。在学习“网页制作”知识之前，学生已经初步掌握了网络相关知识、数据库设计与应用、Office办公软件的应用、计算机硬件组装与维护、FLASH二维动画设计等内容。因而，在学生已具备了收集、编辑文本、图像信息的能力的情况下，我们的教学重点应该放在网页信息表达方面，例如网页版面的美化、文字内容表达等。不仅要加强学生的信息意识，还要提高学生的信息处理能力；教材第四章的内容中以“我的个人主页”为案例设计，这给了学生充分的想象空间，满足学生喜欢展现自我的个性需求，又有效发挥他们的主动性和创造性。另外，对网页版面设计效果的评价促使学生更好的了解编排原则、布局种类、色彩搭配等，有助于提高他们的审美能力和艺术修养内容。

1.2 分析教学对象。本课程的教学对象是中等专业学生，根据学生的性格特点，他们对操作性较强课程的学习积极性明显高于纯理论的学习。而在现代社会，《网页制作》这门课程与每个人的生活都是息息相关的，加之其网页界面融合文本、图片、音乐、视频等为一体，极大的调动了学生的学习兴趣，继而激发学生了解网页实现原理和方法的欲望；教师在实际教学过程中要时刻注意引导学生利用已有知识更好的学习网页制作，与此同时也巩固了旧知识，一举两得；教师应当适时地监控学生的协作学习情况，鼓励分组合作交流，并实时总结心得、体会，引导学生“自主、合作、探究”学习。

2 《网页制作》课程教学设计的思路

从以往《网页制作》课程的教学情况来看，在学习这门课程之后，学生虽掌握了基本理论知识，但实际运用能力较差，很少能制作出优秀的作品，主要表现在两个方面：网页色彩的使用和网页内容的定位。因此，教师在设计教学时，需要借助一个载体——一个实际的项目，并将整个项目分解成若干小项目，再把每一个小项目分别作为一个学习任务，用这样的方法贯穿于整个教学过程。完成了一个小项目，也就相应的掌握了一个知识点。便这样完成学生运用三个软件进行网页制作的学习。

课程设计要有助于提高学生的技能水平。运用“项目导向”与“任务驱动”的教学模式，创新教学方法，继而帮助学生有效掌握网页版面设计技术。具体阐述如下：注重培养学生自学能力和专业技能。在掌握网页制作理论知识的同时，也要注重学生社会能力的培养。在学习网页制作的过程中，主要学习一些网站开发知识，可以让学生以自主学习或是合作学习的形式进行，若是结合实际来学习会达到更佳效果更好；将网页制作作为一项整体的教学任务，对于教学内容、教学方法和考核内容，做好任务分配工作，结合多样的教学方法建立与之相应的考核体系，这样必然达到最佳的学习效果；教学设计要结合社会需求，作为理论与操作相结合的学科，网页制作在设计课程时，可以模拟真实的项目，如此可以进一步提升学生的技能，任务驱动教学模式的实行，能更好的调动学生的学习积极性和求知热情。

3 教学目标的设定

3.1 知识目标。这一目标主要为：掌握Dreamweaver的工作环境，以及菜单、工具栏的使用方法；掌握新建网站的方法、网页的编辑技术和文档的保存方法；掌握操作表格、单元格、框架、层的辅助定位工具的方法；掌握插入和编辑网页超链接的技术；掌握插入和编辑文本、图片、动画、视频的方法和设置格式的方法；掌握利用Fireworks设计处理文字的方法；掌握利用Fireworks制作网页中所需的线条及边框；掌握用工具绘制图形的方法；掌握基本动画和引导动画的制作。

3.2 技能目标。这一目标主要为：能通过模仿网页来制作实际网页；能在网页中熟练地插入文字、图片、动画等；能通过使用简单的表格编排出结构清晰、内容整齐的网页内容；能恰当地选择适当的网页背景图案和背景音乐；能插入简单的表单，使网页具有初步的动态功能。

3.3 情感目标。这一目标主要为：培养学生的敬业精神、团队协作精神；培养学生的社会责任感和工作效率观念；培养学生的审美情趣和审美能力；通过课堂中出现的网页，渗透爱党爱校教育；在合作学习过程中培养乐于助人、团结协作的精神。

4 教学重点、难点的设定

教学重点是帮助学生掌握网页布局、表格的制作和编辑方法、表格的嵌套和属性的设置，以及熟悉网页的各种元素。教学难点在于培养学生分析网页布局和色彩搭配的能力。

5 设计教学过程

5.1 引例以导入新课。（1）推荐给学生优秀网站做范例。1）清华大学网页布局——“国字型”并分析其网页元素；2）万州一家企业网页布局——“三字型”并简析其网页元素；3）重庆市机关党建网页和环球厨卫网页布局———“T字型”并简析其网页元素。（2）组织学生讨论网页的内容和风格，分析网页框架和布局。

5.2 课程主要内容的学习。（1）以广播的方式展示范例网站的网页，逐步引导学生分析网页的布局并尽可能详尽（“国”字型），在分别分析网页元素——文本、图像、表格等。（2）分小组布置活动任务，并分别指定小组长，教师实时观察进程，并对学生制作过程中遇到的问题适时给予帮助。（3）组织小组之间进行网页制作互评；（4）设计网页版面设计评估表。

5.3 课堂小结。在这个教学过程中，利用现代多媒体中的实例网页，教师准备好备好教学素材和课件，围绕网页制作实例，来促使学生掌握网页的布局，表格的制作与编辑方法，并熟悉网页的各种元素。通过课堂上的实践操作环节，很好的培训了学生的技能，教会学生举一反三、融会贯通，大大提高了学生的综合运用能力。同时提高了学生的专业技能水平，让学生真正地学会学以致用，教师也顺利完成教学目标，取得良好的教学效果。

6 设计考核方式

网页制作作为一个整体项目，可以从以下几方面进行评价：页面结构设计、网页中动画的制作、网页中导航的制作、子页面的制作、网页中图像的制作、网页中的链接和整体效果。主网页和二级网页在整体布局上要风格统一，布局合理、美观，文件命名正确，文件夹组织标准有序，符合社会标准；按要求制作网页导航、编辑网页元素，导航要求清晰、有一定动画效果。考核评分时，教师不仅应当结合学生的平时操作情况，还应考虑作品展示时其他同学的评价，综合评价给出一个分数。

7 结束语

网络技术发展不断更新，作为实践性很强的科目，“网页制作”对学生的动手能力要求越来越高，同时还需要学校和教师积极主动地关注社会需求，及时掌握技术发展趋势和网页制作发展动向，鼓励学生在不断储备知识的同时，不断提高自己的实践操作能力，使更多的网页制作人才得以涌现。

参考文献：

[1]曾广雄.中文Dreamweaver网页制作实例教程[M].北京：研究出版社，2008：206.

[2]周奇.新编网页设计与制作教程[M].北京：研究出版社，2008：185.

[3]贾勤.网页设计三合一能力教程[M].北京：中国铁道出版社，2006：54.

3.网页设计教学总结 篇三

本学期计算机科学与技术系软件工程专业的《网页制作》课程由我负责，学生共74人，及格率100%。其中90分以上的没有，80分以上的只有几个，大多是在70～80之间，也有一小部分在60～70之间。成绩不是很理想，总体来说大多数学生平时上机实践比较积极、踏实，能够自觉的按照老师的要求去做，但也有少数学生自觉性差，需要老师和学委催促。现将一个学期的教学情况总结如下：

一、老师给与学生合理的引导，更要加强自身的素质修养，提高自己的知识水准。

在整个教学过程中，在教学过程中自己还缺少更高的艺术修养和艺术创造能力，所以还要不断的学习；另外就是技术上还需要完善，也需要和有经验的老师多交流，多沟通。相信只有站在一定的高度去看整个项目的实现，会更通俗易懂也更有说服力，所以也不能说都是学生的原因，归结起来还是要提高自己的知识水平和业务素质！

二、了解学生，加强考核。

针对全体学生来说，聪明程度相当，但学习兴趣层次不同，大部分学生只愿意听后选择性的接受，而没有知识的创新利用，或者是没有下去自学，巩固知识，单一的只是听和做。有的同学，上完课后根本就直接把书丢在一边置之不理。综合学生的学习态度问题，个人认为还需要加强考核制度，从严制学，宽进严出，严肃考风！

三、教学内容心得

1.网页制作要简洁大方。网站在设计过程中以简洁大方为主，配合合理的颜色搭配和主题内容的诠释，给访问者赏心悦目的感觉；而避免过多的动画和帧的过多运用，以及不明确的导航，杂乱的颜色，没有主题的胡编乱造。2.网站风格要统一。所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，要统一风格，贯穿全站。这样子读者看起来舒服、顺畅，也会对你的网站留下一个 “很专业”的印象。

知识运用中要大量配合合理的模板、CSS样式的运用而避免在网页中反复的字体样式重定义颜色的胡乱运用，参差不齐给人杂乱的感觉。

3.网站布局合理。避免一些“拿来主义”，一些学生为了设计方便，拿网上流行的模版做网页，做出的网页几乎是千篇一律，没有特色，虽然完成了网页的制作，毕竟不是出自个人之手，知识缺乏进一步巩固，且让浏览者产生厌倦。另外导航清晰化，能引领浏览者阅读网页，思路一定要清晰，避免交叉链接。

4.网站容量要小。虽然网页更加美观可以吸引浏览者，但是图片，动画容量大会影响浏览速度，所以一定要注意网络容量问题。图片尽量压缩，多采用单一色，或者简单的颜色；动画要尽量简洁实用，用最少的帧做出最漂亮实用的动画，给网页增色。

4.网页设计实习总结 篇四

真的是万事开头难啊，遇到了很多问题，比如：插入的图片不符合规格，一下子把其他内容的框架挤开；插入的层太多，大一点的就把小一点的给覆盖掉了；插入的FLASH不能产生效果。总之问题一箩筐。实践出真知，原来自己还有那么多欠缺的知识。于是回归本源，先把课本上的东西弄通再谈其他。然后又到图书管里借了几本网页制作方面的书籍来参考。

在对基本知识有了详细的了解之后，做起东西来就得心应手多了，知道引导页能过加映像之后，我决定为我的网页设计一个引导页。

然后是主页和二级页面的设置。要注意,网上只能使用JpG和GIF两种图象格式，其他诸如BMp和TIF等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换，比如Office 97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后.在一步一步的边学边做的过程中，看着心中的东西一点一点的出来，真的很有成就感。虽然自己的网页技术还差的远，但是回顾一下这周真的学到了很多的东西。

网页的调试 http://shixi./

之前把作过的东西放到U盘里，发生过图片显示不出来的状况，还好即使找到了解救的方法，把源文件和WEB页面放到一起这样就算路径改变的话也不会影响页面的效果。

一．网站的整体规划

1.讨论网站主题：因为自己对普罗旺斯很感兴趣，于是就想到要是一下为心中的仙境设计一个旅游网站。

2.定位网站CI形象：旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面，根据普罗旺斯梦幻般的意境，我采用的是清新隽永的CI形象。使浏览者有宾至如归的感受。

3.确定栏目和板块：

1]首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。

2]其次就应该考虑导航条的设置了。

3]正文的框架设置（横向因素和纵向因素交错）

在浏览了很多精美的旅游网站之后，再结合自己的想法，我先在草纸上画出了大体的栏目和板块。

4.网站的整体风格和创意：建立一个浪漫的旅行网站，走映像派路线，目的务必使浏览者留下映像。

二．网页制作的前期策划与准备

1.资料的搜集：由于个人的爱好，我很早以前就收集了许多普罗旺斯的美图，这次就方便多了。接着就搜集了一些有梦幻效果的网页背景，FIASH源代码、小图标和一些GIF的动画等。

2.熟悉制作工具软件：

主页制作的基本条件有：网页设计实习总结

硬件：

一台电脑(64MB以上内存，当然越大越好啦)；可以拨号上网；如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;

软件：

HTML编辑软件：常用的有Frontpage、Hotdog等，本文重点介绍 Dreamweaver；

图像处理软件：常用的有photoshop、flash、Fireworks 等；

5.网页设计与制作总结 篇五

实训报告

班级：多媒体152

姓名：张莉钧

学号：201501032118

指导老师：薛杨 王淑惠

实训时间：6.20——6.24

一、实训目的：

1、进一步熟悉和掌握网站建设的基本流程和技术规范；

2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识；

3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识；

4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站；

5、具备独立撰写实训报告基本能力；

6、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识；

7、紧紧围绕网页制作的流程：规划、设计、开发、发布、维护来进行网站的开发，制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予

以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等），为今后从事网站开 发、维护和管理奠定基础

二、实训项目——特色美食餐厅网站设计

1、网站主题

我的网站的主旨在于从各个方面全面的介绍特色美食餐厅，包括它的菜品、餐厅的环境以及促销活动。另外，网站里还包括餐厅资料和联系方式，网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是橙色和白色搭配，用以展示餐厅特色的效果。其实最重要的是要做出自己的风格，给浏览者好的欣赏感受。

2、网站材料

主要在网站上搜集所要的网页信息，包括图片、文字。同时，查

询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等，用以得来更加具有说服力的页面。要想做好自己的网站，能够给浏览者好的欣感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。

3、网站规划

我的网站共有７个主页面：首页、美食介绍、优惠活动、商品促销、宴会定制、会员中心和关于我们。每一个页面用统一的模块，以保证网站统一的页面风格。网页布局主要用框架和表格，用框架定位内容的大体结构，再用表格具体定位。位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是CSS设计一个样式，以保证随时、准确的调用。

三、网页设计工具使用

1、Dreamweaver——我们使用它做网页的主要布局。

2、Photoshop——我们使用它做网页图片的处理以及logo的制作。

3、Flash——我们使用它制作动画

四、网站设计流程

1、主页设计

2、色彩搭配

五、网站测评

网站建成后为了出现不必要的错误，需对它进行测评，测评的主要内容为

1、链接有效性，静态网页只要保证每一个网页正常浏览保证页面信息不缺失就可以了。

2、网页语言的正确性，检查网页中英文拼写与html语言是否正确，在静态网页中语言都是自动生成的所以语言的正确性一般不会有太大的问题。

3、网站便用性，检查网站的整体结构是否清晰以及网站页面的导航是否清晰。

最终效果图

总结：

通过学习一学期的网页设计，我们收获了不少，我们这次实训虽然只做了一个网站，但这个里面包括的内容很多，主要包括网站主页的布局设计，建立站点，网页与网页之间的连接，以及模板和css样式表的应用。

收获：通过一个星期的网页设计实训，从中学到了不少的网页设计知识，之前都是老师讲得比较多，总以为很难实现，但自己做起来其实也并不是想象中那么苦难。虽然代码看起来复杂，但是慢慢学会分析就会懂。

不足：当然这次实训我也有不足，比如css样式表不能灵活应用，网页布局也不够完美，不过多亏了王老师和薛老师的细心指导，我才能完成这次实训。

Flash实训总结

班级：多媒体152

姓名：张莉钧

学号：201501032118

指导老师：薛杨

实训时间：2.flash培训实训总结提要：

这次实训过后，对flash有了基础的了解，想在这方面学习的话有了初步的基础，主要是学习了flash中各种工具的使用，1、确定动画剧本及分镜头；

2、设计出不同字母间的完美转换。、一、实训目地：让我们更熟练的应用flash制作动图

二、实训项目——不同字母间的形状变换

1、先要确定使用的字母w o r l d

2、再给每个字母使用不同的颜色以及给它们变形

3、最后再给每个字母做不同的变换方式

三、总结 实训收获: 通过这次实训我更加巩固了对flash的应用，虽然这中间有很多失误和很多不必要犯的错误，但更多的是收获，这次实训过后，对flash有了基础的了解，想在这方面学习的话有了初步的基础，主要是学习了flash中各种工具的使用，1、确定动画剧本及分镜头；

2、设计出字母形状；

3、导入到flash进行制作；

4、剪辑配音。在分镜头画面脚本绘制过程中，应养成填表的好习惯，在表格中注明画面的景别，画面景别使用的专业术语有：大特写、特写、近景、中景、全景、远景、全远景、纵深景等。画面镜头号景别秒数内容摘要对白效果音乐。存在的问题及解决思路: 这几个星期我学习的flash大多是比较基础的，Flash中字母刻画不够完善，很多动作，变形都需要有一定的美术功底及Flash基础，对于初学的我很困难，所以在此只做了一些简单的变形。在Flash中的一些脚本语言初学时无从下手，只好从大量的视频、书籍里寻找答案。4．结束语

6.网页艺术设计浅析 篇六

【摘要】网页作为传播信息的一种载体,它的设计工作是关于网页版式编排的技巧与方法。网页艺术设计是技术和艺术的结合、内容和形式的统一。本文在明确网页艺术设计与网站主题的关系的基础上,提出了“美”和“功能”都是为了更好地表达网站主题这一观点。

【关键词】网页网页艺术设计板式设计

网页作为传播信息的一种载体,它的设计工作是关于网页版式编排的技巧与方法。网页艺术设计是技术和艺术的结合、内容和形式的统一。它要求设计者不断地创新,推出既符合大众审美共性又充分体现网站个性的形式,去引导大众的审美趋向。

一、 网页艺术设计的内容

设计活动中包含着主观和客观两方面的因素,在确立了网页主题之后,首先要明确和熟悉设计的对象和构成的要素。网页艺术设计涉及的具体内容很多,可以概括为视听元素和版式设计两个方面。

(一) 视听元素

这里所说的视听元素,主要包括文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画,还是音频、视频,网页设计者所要考虑的是如何以感人的形式把它们放进页面这个“大画布”里。多媒体技术的运用大大丰富了网页艺术设计的表现力。

以上各视听元素大多数浏览器本身都可以显示或收听,无需任何外部程序或模块支持。例如,大部分浏览器都可以显示GIF、JPEG图形和GIF89a动画。还有些多媒体文件(如MP3音乐)需要先下载到本地硬盘上,然后启动相应的外部程序来播放。这些新技术的出现,也对网页的艺术设计提出了更高的要求。

(二) 版式设计

网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处,它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计,是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合,将理性思维个性化的表现出来,是一种具有个人风格和艺术特色的视听传达方式。它在传达信息的同时,也产生感官上的美感和精神上的享受。

二、 网页艺术设计的原则

网页作为传播信息的一种载体,同其他出版物如报纸、杂志等在设计上有许多共同之处,也应遵循一些设计的基本原则。但是,由于表现形式、运行方式和社会功能的不同,网页设计又有其自身的特殊规律。网页的艺术设计是技术与艺术的结合、内容与形式的统一。它要求设计者必须掌握以下三个主要原则:

(一) 主题鲜明

视觉设计表达的是一定的意图和要求,有明确的主题,并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的是使主题在适当的环境里被人们即时地理解和接受,以满足人们的实用和需求,这就要求视觉设计不但要单纯、简练、清晰和精确,而且在强调艺术性的同时,更应该注重通过独特的风格和强烈的视觉冲击力,来鲜明地突出设计主题。

作为视觉设计范畴一种的网页艺术设计,其最终目的是达到最佳的主题诉求效果。这种效果的取得,一方面通过对网页主题思想运用逻辑规律进行条理性处理,使之符合浏览者获取信息的心理需求和逻辑方式,让浏览者快速地理解和吸收;另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理,更好地营造符合设计目的的视觉环境,突出主题,增强浏览者对网页的注意力,增进对网页内容的理解。只有两个方面有机地统一,才能实现最佳的主题诉求效果。

优秀的网页设计必然服务于网站的主题,就是说,什么样的网站,应该有什么样的设计。例如,设计类的个人站点与商业站点性质不同,目的也不同,因而评论的标准也不同。网页艺术设计与网站主题的关系应该是这样:首先,设计是为主题服务的;其次,设计是艺术和技术结合的产物,就是说,既要“美”,又要实现“功能”;最后,“美”和“功能”都是为了更好地表现主题。当然,有些情况下,“功能”即是“主题”,有些情况下,“美”即是主题。例如,雅虎作为一个搜索引擎,首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而一个个人网站,可以只体现作者的设计思想,或者仅仅以设计出“美”的网页为目的。它的主题只有一个,即美。

只注重主题思想的条理性而忽视网页构成元素空间关系的形式美组合,或者只重视网页形式上的条理而淡化主题思想的逻辑,都将削弱网页主题的最佳诉求效果,难以吸引浏览者的注意力,出现平庸的网页设计或使网页设计以失败而告终。

(二) 形式与内容统一

任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和,是设计存在的基础,被称为“设计的灵魂”;形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和,形式就是它的结构、风格或设计语言等表现方式。内容决定形式,形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。正如黑格尔所说:“工艺的美就不在于要求实用品的外部造型、色彩、纹样去摹拟事物,再现现实,而在于使其外部形式传达和表现出一定的情绪、气氛、格调、风尚、趣味,使物质经由象征变成相似于精神生活的有关环境。”

一方面,网页设计所追求的形式美,必须适合主题的需要,这是网页设计的前提。只讲花哨的表现形式以及过于强调“独特的设计风格”而脱离内容,或者只求内容而缺乏艺术的表现,网页设计都会变得空洞而无力。设计者只有将二者有机地统一起来,深入领会主题的精髓,再融合自己的思想感情,找到一个完美的表现形式,才能体现出网页设计独具的分量和特有的价值。另一方面,要确保网页上的每一个元素都有存在的必要性,不要为了炫耀而使用冗余的技术。那样得到的效果可能会适得其反。只有通过认真设计和充分的考虑来实现全面的功能并体现美感,才能实现形式与内容的统一。

据有关资料所做的保守估计,目前在www上网页数据传输平均以每秒1.5k的速度到达客户端。假设某个网页为了丰富其艺术性而追赶时髦地大量使用图像或其他多媒体元素等,虽然达到了其静态形式美的效果,却造成多达几十K甚至更大的网页数据,使浏览者必须等待很长时间才能看到网页全貌。这样的网页不是一个优秀的网页,因为它不符合网页传播信息的突出特性之一快捷性,使网页内容不能很快地到达访问者,影响了访问效果和质量,损害了访问者的情趣和积极性,这种技术要素影响了传达信息的效果,因而不是形式与内容的完美统一。

网页具有多屏、分页、嵌套等特性,设计者可以对其进行形式上的适当变化以达到多变性处理效果,丰富整个网页的形式美。这就要求设计者在注意单个页面形式与内容统一的同时,更不能忽视同一主题下多个分页面组成的整体网页的形式与整体内容的统一。因此,在网页设计中必须注意形式与内容的高度统一。

(三) 强调整体

网页的整体性包括内容和形式上的整体性,本文主要讨论设计形式上的整体性。

网页是传播信息的载体,它要表达的是一定的内容、主题和意念,在适当的时间和空间环境里为人们所理解和接受,它以满足人们的实用和需求为目标。设计时强调其整体性,可以使浏览者更快捷、更准确、更全面地认识它、掌握它,并给人一种内部有机联系、外部和谐完整的美感。整体性也是体现一个站点独特风格的重要手段之一。

7.网页设计工作总结 篇七

过去在对网页设计的理念比较空泛的，做设计的多而出现平乏，很多时候基本上没有好好的静下来想想设计，只是整天在电脑旁的不停的copy，设计那时对我而言就是不停的复制过程。在xx年里，在业务不多的情况下，沉下心认真去想设计的真正的含义与表现。通过几个案例，让我认识到，在纸上的图片再怎么新颖与美丽，不能做出来也是徒劳。设计，施工一个也不能少。特别是网页设计软件应用技巧上需要加强学习。

在业务上

xx年我基本上都在汉口工作，汉口店没有武昌超市的绝对的优势，汉口店在外等于失去了超市的僻护，在客源上比较少，只能和外面的装饰公司一比高下，我们所能做的就是不能放过任何一个来咨讯的客户，让他们在第一次与我们交流中就留下深刻的映象。同样的一个订单，同样的一个合同，我们汉口店的同事付出更多，因为每一个客源对于我们都来之不宜。也许是这样的心态让我们对每个客户都服务周到，但是也滋长了部分不良的刁民，我认识到服务的到位，并不是对客户任何要求的惟命是从。

在心态上

在xx年主要体现在与客户交流时更加的自信了，面对某些客户的刁专问题的回答更加的游刃有余了。在工作心态的调整，在每天的工作中总是会遇到各种各样的问题，这就要考验我的解决事情的能力，与过去相比，考虑问题更加成熟了，不像过去遇事则乱了。面对不同的`客户，如何调整自己去理解他们的想法，让他们来认同自己的设计理念。希望能在短时间里自己能培养稳健的办事作风，是我20xx所追求的。

网页设计师工作总结

根据岗位职责的要求，我的主要工作任务是

（1）负责对外宣传，具体包括工业园网站建设、二期招商画册的设计制作及参加相关展会等；

（2）日常接待工作；

（3）相关活动的策划及筹备；

（4）担任讲解工作；

（5）领导交办的其他工作。通过完成上述工作，使我认识到一个称职的招商主管应当具有良好的语言表达能力、流畅的文字写作能力、网站建设维护能力、大型活动的策划及筹备能力。目前我在网站建设、大型活动的策划方面存在不足。在网页制作的过程中我发现，Frontpaeg根本无法适应精美网页的制作要求，于是重新学习了新的网页制作软件DreamweavermX及图形处理软件FireworksmX。目前我已熟悉了上述软件的常用功能并能运用其进行基本的网页制作及图形处理。为了让自己做一个称职的招商人员，我阅读了网上的部分策划案例，以便在以后的策划工作中有所帮助。

xxxx年又是一个充满激情的一年，在今后的工作中，我将努力提高自身素质，克服不足，朝着以下几个方向努力：

1、学无止镜，时代的发展瞬息万变，各种学科知识日新月异。我将坚持不懈地努力学习各种招商引资知识，并用于指导实践。

2、业精于勤而荒于嬉，在以后的工作中不断学习业务知识，通过多看、多学、多练来不断的提高自己的各项业务技能。

3、不断锻炼自己的胆识和毅力，提高自己解决实际问题的能力，并在工作过程中慢慢克服急躁情绪，积极、热情、细致地的对待每一项工作。

8.总结的网页设计技巧 篇八

1.色彩在网页设计中的作用

色彩是艺术表现的要素之一。在网页设计中，我们的设计师根据和谐、均衡和重点突出的原则，将不同的色彩进行组合.搭配来构成美丽的页面。

根据色彩对人们心理的影响，合理地加以运用。如果您的企业有CIS(企业形象识别系统)，我们将按照其中的VI进行色彩运用。

2.简化网页代码

搭建网页前端的时候，使用有语义的代码。用描述性的标签组织页面结构，可以提高内容对搜索引擎的可读性。这也会让修饰页面的工作变得更简单干净。

3.模块化和可修改性强

模块化不仅可以提高重用性，也能统一网站风格，还可以降低程序开发的强度。这里就涉及一些尺寸、模数、宽容度、命名规范等等知识了，不再冗述。

无论是架构还是模块或图片，都要考虑可修改性强。举个简单的例子，logo、按钮等，很多人喜欢制作图片，N个按钮就是N张图片。

如果只做3-5类按钮的背景图片，然后用在网页代码里打上文字，那么修改起来就简单了，让程序员自己改字就可以了

4.版式设计通过文字图形的空间组合，表达出和谐与美。

多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。

为了达到最佳的视觉表现效果，我们将反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。

5.避免使用Flash或者图片作导航栏

FLASH虽然有着漂亮的效果，但对于搜索引擎优化来说很不友好，因此我们建议不要用FLASH和图片作为导航。

9.浅论网页设计与平面设计 篇九

关键词：网页设计；平面设计

中图分类号：J022 文献标识码：A 文章编号：2095-4115（2014）09-97-1

前言

网页设计是网站建设的重要组成部分，特别注重讲究编排和布局，它的实现通过电脑屏幕来表现出来，为了达到最佳的视觉表达效果，与浏览者有一个流畅的交互体验，做网页设计时要反复推敲整体布局的人性化。平面设计作为一种艺术活动，具有商业性和大众性的特点，平面设计体现在它的二维性，主要在平面上开展设计工作，在表现形式上给人一种美的享受，从而实现有效传达相关信息的目的。平面设计的设计原则可以在到网页设计中充分运用，更好地实现网页的艺术美感。

一、网页设计与平面设计的概念

（一）网页设计

网页设计是对网页进行编辑、排版等一系列设计活动的行为。网页设计概念的萌芽和发展与浏览器这一新技术的出现和发展息息相关，因为浏览器这一技术使得信息的传递与传播以及思想的沟通与交流有了实现的另外一种可能，互联网为网页设计提供了新的舞台和天地，丰富的资源、高效益、高速度以及图文并茂的典型特征对传统设计工具和媒体来说是一种强大的冲击，此外对设计行业来说网络经济也为之带来了不可估量的影响。伴随着人性化的科技理念和社会信息密集程度越来越高，人们生活的方方面面将互相牵连，人们不用出门就可以获取自己想要的信息和满足自己在物质上的需求。因而，在一定程度上可以说承载网络信息传达重要职能的网页视觉表现将发展演变为人们正常生活中不可或缺的一个重要因素，在新媒体影响下，人们正享受着新视觉表现下对信息的浏览和获取，因而对传达信息来讲独具一格的视觉符号及其网页设计中新颖的视觉元素显得也就至关重要了。

（二）平面设计

从人们尝试着用文字和图形来交流与沟通开始，人们就在无意识中对文字和图形进行加工和处理，图形与文字、图形与图形以及文字与文字之间在视觉上呈现在受众眼前的关系也就有了相对比较简单的图形设计、排版乃至平面设计。传统的平面设计的意思是指在平面二维空间上的一系列设计行为，主要涉及到在二维空间中视觉元素的相互组合、布局构造以及设计，表现为图形的设计、文字的设计、插图、编排以及摄影的设计等，其核心主要是实现信息的传达、向导和劝说等方面内容。在信息时代的今天，网页设计也被囊括在平面设计内容之中，其是平面设计在当今社会生活中的一种发展和延续，是一个新的平面设计种类和课题。

二、网页设计中的平面设计原则

网页设计是动态的平面设计，其设计原则在很多方面都有共同之处，主要体现在以下几点：

（一）艺术性

人们都喜欢欣赏美好的事物，作为设计师我们要制作出好的设计，让读者赏心悦目，把文字、图形、色彩在版面中进行艺术化设计，使其在优美的基础上，更加的易读、易懂、易记。

（二）准确性

不论是网页设计还是平面设计都是信息传达的设计，所以信息传达的准确性是十分重要的，它需要设计师做到信息准确、可靠、复合逻辑、条理清晰这些基本点。精炼的信息在信息泛滥的时代是极具价值的，不仅要提炼信息，还要对各种繁杂、无序的信息进行归纳总结，使之达到传达的准确。

（三）整体与协调性

整体性从本质上说是一种规律性，是事物存在运动发展变化的一种有序性。设计的各要素在形式上都具有秩序化的特点，协调性要求页面中各个元素之间要相互协调，互相衬托，使版面具有秩序美、条理美，从而获得更好的视觉效果。

三、网页设计与平面设计之间的关系

网页设计与平面设计之间是有着非常密切的联系的，但是两者之间也是存在着区别的。网页的设计与平面的设计都属于具有现代化特色的艺术形式，在现在社会中这两种艺术形式都是能够通过电脑技术来辅助或者直接完成的，并且能够产生更好的效果。网页设计与平面设计之间存在的区别也是比较的大的，其主要区别是它们的表现范围的不同。

表现范围是两者之间非常重要的区别。网页设计就是局限于网络环境中的，通过优秀的网页设计，使得网站整体的效果得到大幅度地提升，然后把网站的主题反映给客户，然后客户就能够通过企业或者是产品在网站上表现出来的东西对其做好了解。进而为企业或者是产品做宣传，提升竞争力度，促进经济效益的提高。但是平面设计表现的范围还要更广，并且其影响力度也是比较的大的。其是基于二维空间的一种艺术性创作，并且也不需要非常严格的表现手法，不受到工具或者是宣传途径的限制，作品成形之后，可以借助杂志还有周刊或者是广告等任何的形式进行宣传，然后达到提升影响力的目标。平面设计的作品比网页设计的作品使用范围更加广阔一点，但是在另一个角度来讲，网页设计比平面设计在媒体介质上具有更大的发展空间。

四、结语

网页设计对于平面设计的不同之处是由信息社会中网络技术的特性决定的。网页设计是设计艺术与网络技术的结合，是平面设计在信息时代多元化发展的一个重要方向，是对传统平面设计的延续和革新。

参考文献：

[1]张晶.网页设计中平面视觉元素的应用[J].中国管理信息化，2011，（17）.

[2]王君.网页设计在平面设计中的运用[J].包装工程，2012，（16）.

作者简介：

10.网页设计实训总结 篇十

通过这次实训对这门课程的学习，做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。所以我得出一下总结：

一、准备资料和挑选符合目的主题的合适素材

做主页当然要收集、准备资料。在网上多转转，看到什么漂亮的网页，把它保存起来，作为以后自己设计主页时的参考。另外，还包括搜集美化主页可能要用到的各种材料，如背景、小动画图标等等。你可以在硬盘上建一个文件夹，下分“图片、声音、动画”等文件夹，养成上网时看到有创意、新鲜的图像，就按鼠标右键存入你硬盘相应文件夹的习惯，时间一长你就有拥有了一个可观的图库，等做主页时随手拈来或加以修改就成你自己的东西了。

二、规划好整个网站

主页的设计应以醒目优先，应该令人一目了然，切勿堆砌太多不必要的细节，或使画面过于复杂。切记，页面给人的第一观感最为重要！在网上到处浏览网站的人很多，如果你的主页给人的第一印像没有吸引力，很难令他们深入观赏，而且他们恐怕再也不会访问你的网站了。

三、善用图片，增强艺术效果

我记得老师说过网页的迷人之处之一，要算它上面能点缀许多漂亮的图片。精美的图片设计，可以使自己的网页增辉不少，令人过目不忘。图片的内容应有一定的实际作用，切忌虚饰浮夸，同时还要注意与文字的颜色搭配。最佳的图像集美观与资讯于一身。

四、善于借鉴他人主页制作中的设计技巧

11.网页设计实训总结 篇十一

网页设计实训就快结束了，在这短短的两周里，我学会了很多新的知识，更掌握了新的技能，让我觉得受益匪浅。在实训时，有空闲就会想到学校里青葱岁月，简单流畅，无忧无虑，回想各位老师的授课，孜孜不倦，学校的生活固然是快乐，www.但是学校的实训课程真的很重要，因为它能让我们这些在校学生接触到社会的发展，让我们有时间岗位环境，顺利得从单纯的校园生活感到复杂社会生活的不同。在这一周的时间里，我一心只做网页，做自己喜欢的风格的网页。

经历了一次充实而有愉快的实训，我学会了制作框架、使用锚点、给网页网页插入背景音乐、表格、视频、flash、导航条等更深层次的掌握了它们的用法，现在我心目中的网页也已经大体竣工，我感到很开心，经过这两的不断探索，我喜欢上了这门课程，感觉很有意思。或许实训的结束代表一段新生活的开始，但是我认为它不但是一门课，需要我们去掌握，同时还可以锻炼我们的逻辑思维能力和思维的严密性，还有就是在制作网页的过程中，更需要有不错的艺术审美观，这样，你做出的网页才会赏心悦目，让人眼前一亮，也就是从此刻起，我决心好好钻研这门课，力求这方面的技能达到顶级。

虽然网页已经完成，可这并不是一件轻而易举的事情，在此过程中遇到了许多以前不曾遇到的`问题，多的情况都是自己解决，万不得已之际，我会主动问老师和同学，直到弄懂为止！让我更加清楚地明白老师平日里的良苦用心，也更加清楚地明白了自己以后应该怎样去做事。

12.网页设计的表现特征 篇十二

1、视觉形式是网页设计的外在表现

视觉形式是反应具体事物美的特征内容的外在形式，包括“外形式”和“内形式”两个方面。文字、图形、视频是网页设计的视觉传达要素，点、线、面是网页设计中的特殊视觉形式［2］，这些是网页设计的“外形式”。而网页设计的“内形式”是视觉要素按一定的规律组合起来，以完美表现内容的结构形式［3］。网页是通过视觉元素引入、被受众关注，从而实现信息的传达，这就要求网页的设计必须适应受众的视觉在心理和生理上的需求特点，遵循视觉的构成形式规则，确定各种视觉元素之间的关系和秩序。将信息准确的传达给受众，以满足受众的使用和需求，并通过独特的艺术风格突出网页内容和设计目的。

根据网页的特点、设计内容、设计目的，将网页设计中的文字、背景、按钮、图标、图像、颜色、导航等外在视觉元素，以点、线、面，灰、白、黑，色彩对比等方面的形式构成，进行网页设计。点的形态在空间中产生活泼、轻松的视觉效果，点的构成具有体现局部细节、集中视线、突出主题的视觉作用；线的形态在空间中产生方向性、条理性的视觉美感，线的构成具有体现平面分隔、类型划分的视觉作用；面的形态在空间中产生完整、稳重的视觉效果，形成多层次感、纵深感、统一画面的视觉作用。例如阿迪达斯的官方网页（图1），网页整体是由多幅图片构成一个完整的四方形面，当受众进入网页，使受众产生稳重、值得信赖的第一感觉。相对整体的页面而言，图片就一点的形式存在，在规整的视觉感上添加了活泼感、多元素性、多方面性，与阿迪达斯运动、活力的特点相吻合。以图片为参照物，图片间的空隙成为网页中线元素，将图片贯穿、连接，构成完整的面。当鼠标放到图片上，就会出现相应的文字，但又不破坏整体的构成形式。文字、图片以点线面的形式存在整个网页中，通过相互对比、相互作用，形成了统一、活泼的视觉心理感受。

图1 阿迪达斯网页

网页设计无论运用何种视觉形式，都要将文字、图形、色彩这些元素构成一个完整、统一的设计风格，也就是网页的整体性，网页设计在总体上整体统一，在细节上变化多样，达到形式与内容、局部与整体的统一，形成视觉艺术效果的吸引力和视觉空间秩序。网页设计运用不同的视觉要素，不同的构成形式规律，形成了不同的艺术风格，根据不同的网页内容、不同的设计目的，运用恰当的视觉形式法则，通过对比、连续、重复、比例等方式，表现出严谨有序的网页设计概念。符合人们的视觉逻辑、视觉美感，提高信息的视觉识别性，有意识的引导受众顺着网页设计、网页视觉流程迅速感知所传达的信息，达到网页的设计目的。

2、功能特征是网页设计的内在基础

伴随着网络的快速发展，网页已经成为网络信息表现和思想传播交流的主要形式［4］。网页作为信息传达的新载体和重要的传播途径，信息传播功能就成为网页设计的基础。网页设计的视觉形式服务于网页的主题，这是网页设计最重要的一条规律，设计的形式既要实现功能，又要表现视觉美感，美感和功能相结合，就是为了更好的表达主题［5］。这就要求网页设计在追求视觉形式美的同时，文字、色彩、板式、图形等视觉元素必须适合主题，与网页的内容、性质相一致，体现网页的功能特征。

网页根据功能、内容的不同，大致可分为及时性新闻网页、政府官方网页、品牌商业性网页和论坛交流性网页。搜狐、雅虎等及时性新闻网页（图2），主要的特征就是信息量大，针对的受众范围广泛，为了满足不同层次和不同领域的受众的信息满足和功能需求，网页的视觉表现形式就需要适合受众的审美需求，并及时的可以找到相关信息，这就需要根据网页不同板块的功能进行设计。文字就成为这类网页的主要视觉元素，文字的字体单一、易识别。由于信息量巨大，线条和色彩就成为划分区域的界限和标志。图片在这类网站中起到对主要信息、新闻的强化点缀作用。政府网站则显得十分正式和严肃，对于文字、色彩的运用有着十分严格的要求。中华人民共和国政府的网页以中国国旗的颜色——红色为主体颜色，色彩搭配显得庄重、严肃，视觉表现形式规整统一、简单直接（图3）。和搜狐等及时性新闻网页相比，对于视觉形式要求更加严格和简单。耐克、三星、摩托罗拉等商业品牌网站，相对于以上两种网页，属于品牌商业性质的网站，对于视觉表现形式的运用就显得更加自由。主要的功能是宣传自身品牌，展现产品理念。这类网站的设计主要结合品牌特点，没有固定的文字、色彩要求，可以运用对比、互动、视频等不同的表现方式。例如三星的网站（图4、5），根据产品的不同，图片、色彩也就不同，但是整体的版式、形式具有统一的框架结构。

从以上几种不同性质的网页分析中，可以看出，网页设计中的视觉元素的运用，都是以网页的功能为基础，网页的不同功能又是通过不同形式的文字、色彩、图形、版式进行视觉表现，只注重唯美的视觉表现形式，强调独特性、个性的设计风格，而忽略了功能特征的网页设计会失去网页的存在价值，造成信息的混乱，误导受众产生歧义。只重视主题思想的条理性，而忽视觉元素的形式表现，网页设计将会失去生命力，显得空洞无力，削弱了网页的最佳诉求效果。网页设计只有结合网页的主题内容，以适当的视觉表现形式，将功能与视觉形式有机地结合，实现网页的设计目的和要求。

图2 搜狐、雅虎网页截图

图3 中华人民共和国政府网页

图4、5 三星官方网页

3、技术性是网页设计的结构框架

网页从最初的简单字符的静态网页，到现在运用最为广泛的图形并茂的网页，再到最新出现的动态交互式网页，都是随着技术的不断更新而发展的［6］。技术性也就成为了网页设计的结构框架基础，成为网页的存在价值的结构基础。技术与功能有着密不可分的关系，人们对于技术的探索是在功能的不断更新之下完成的，当功能的缺陷、不足被发现后，才会有技术的推陈出新来解决和完善功能，使得技术不断成熟，有了更多的表现形式，从而通过功能效用的改善，使受众在心理和生理上获得享受［7］。可以说，一个新的技术原理的应用可以为人们开拓出一个全新的活动领域，技术的可能性成为人们审美创造的现实物质基础［8］。网页的技术性为受众、客户提供了一个全新的艺术形态。

网页设计的技术性指的是，网页设计是运用相关的编程技术、媒体技术、电子技术等实现网络视觉表现效果的方式、方法。最初的网页设计是以简单的文字比安排为主，信息量少，并却缺乏视觉美感。随着图片技术的加入，曾加了网页设计的视觉表现形式，活跃了网站的整体氛围，受众在浏览网页时，满足了审美心理上的享受，使得信息流通和关注程度得到提高。动画、视频技术在不断的运用到网页设计之中，这些技术极大地满足和丰富了受众对网络信息的接受和传播。动画具有很强的视觉冲击力，与静态的文字、图片相呼应，可以达到动静相宜的视觉效果。视频具有信息丰富、传达便捷、表现灵活等，其它视觉元素所不具备的特征和优势，适用于不同文化层次的受众，同时形象生动，具有较强的吸引力。

网页设计的技术性是隐形的特征，只有通过页面的视觉形式表现出来。相比之下，广播、电视、报纸等媒体都是以线性的方式提供信息，也就是按照信息的要求和事先确定的格式来传播。在网络的环境中，受众不再是对于信息的被动接受者，而是以主动参与者的身份，加入到信息的接受、处理和发布之中。庞大的信息量充斥着整个网络，那么网页中信息的链接导航设计就成了网页设计中最为重要的一个方面。以技术作为框架，形成完整、合理的信息链接框架，再通过视觉元素将其视觉化，引导受众可以选择性的认识、运用和接受信息。这种持续的交互性，是以交互的技术为支持的，如阿迪达斯的网页，网页设计虽然是图片元素展现网页的主题内容，但是当鼠标移至某一个单独的图片时。就会显现相关的文字主题，凸显品牌产品的特征，或企业的某一个理念，使得受众产生趣味性的同时，并与不同的受众产生信息选择互动，根据受众自身的喜好，选择的接受了企业信息，了解了企业的产品。网页设计的视觉表现形式以技术为框架结构，技术性又通过视觉元素将其展现。

结语

随着计算机技术的不断更新和发展，网页设计只有掌握了各种网络技术规律、通过多样的视觉形式，注重技术、功能和艺术的时间的关系，相辅相成，才能满足未来受众对网页信息的更高要求。网页设计是主观和客观共同作用的结果，网页设计的功能特征主要表现为客观因素，视觉表现形式主要表现为主观因素，视觉表现形式是网页设计技术性的外在表现，功能决定了技术的表现方式，视觉表现形式又通过技术和功能得以支持，实现技术和与艺术的紧密结合，使网页设计从平面设计扩展到到交互式设计，极大地丰富了网页设计的表现形式。网页设计的技术性和艺术性高度统一，把受众带入一个全新的信息传播视听空间。

［1］徐辉，李建军.网页设计的“美”与“技术”.安徽电子信息职业技术学院学报［J］，2006Vol5（27）：119～120

［2］杨西惠，刘西莉.网页设计的视觉要素与编排创意.装饰［J］，2005（144）：56～57

［3］耿阳，孙志红.浅谈网页设计的形式和艺术风格.艺术与设计［J］：65～66

［4］宋春晖.网页设计中的美学应用分析.海南师范学院学报(自然科学版)［J］，2005Vol18（1）：46～49

［5］许金友.艺术与技术的完美结合——浅议网页设计的特色.艺术与设计（理论）［J］，2009（4）：67～69

［6］张亮.论网页设计中的美学.大众科技［J］，2009（115）：38～39

［7］邹立坤.技术美——现代设计的新诉求.艺术与设计［J］：17～19