网页课程设计报告书

网页设计的本质是为用户的体验服务，网页设计的具体设计实践活动主要包括交互和视觉两个部分，交互的重要程度决定了匹配对应的视觉效果。下面是小编整理的网页课程设计报告书，希望对你有帮助。

网页设计作为高校设计学专业的专业课程，在教学课程知识体系的不断探索和完善中，形成了以艺术和技术分别主导的侧重不同而又紧密关联的两种课程知识体系。随着网页设计理论与方法研究的不断深入和发展，人们对网页的产品设计的属性认知越来越明确，对网页设计的工作分工更细致也更专业，这种认知进步也应该体现于当前的高校网页设计课程的知识构建体系中。

一、网页设计课程知识体系的构建变迁

1.从代码知识到网页制作工具知识的转变

早期，高校网页类课程的知识体系构建得益于院校的科研优势，互联网的发展直接促成了计算机专业的开设和网页设计课程的设立。20世纪90年代末，网页设计课程陆陆续续被列入部分高校设计类专业课程目录。面向高校学生的网页设计课程内容是一种全新的事物，即使面向艺术类专业，也由计算机专业相关教师承担教学任务。各高校、科研院所对网页制作方法不断探索，并将成果发布于各种学术研究出版物，教学方面则直接引用案例教学，教学内容以HTML知识为主。由于面向对象的设计思想在软件开发中普及，各种不需要用户直接面对代码的网页制作工具相继诞生，于是，这方面的知识成为课堂的新内容，大大减轻了学生的记忆负担。2.网页制作向网页美工的转变网站制作的快速发展、网页制作技术的传播，使网站在技术层面进入了同质化阶段，市场需求开始转向页面视觉效果方面的提升。在网页设计课程中，由于对网页设计分工认知不足，早期的网页设计课程时常将设计和制作的名称与授课内容混用，没有严格区分，也没有明确的网页前端设计与视觉设计分工。高校网页设计课程的授课内容以网页制作技术为主，以美化页面效果为辅。此时，高校对于网页设计课程的视觉设计方面的专业教学研究处于摸索阶段。之后，随着时代的发展，网页设计课程教学核心开始转变为制作具有更佳视觉效果的网页。3.网页视觉设计与网页前端设计的内容分离侧重于设计的网页设计课程知识体系重构从探索、发展到成熟，经历了较长的准备阶段。随着界面设计方法和流程理论体系的日益完善，分工协作机制日趋成熟，前端设计分离后，网页设计课程的重心确定为符合网页制作技术规范和条件的页面创意表达、视觉效果设计与优化。网页视觉设计的探索从传统的平面设计方法寻找切入点，通过对网页设计中的审美需求和各种视觉构成要素（如文字、图片、颜色等）进行分析，结合人们在浏览信息时的视觉习惯，探索网页视觉信息如何被更有效、更合理地表达。网页设计教学重心内容在转移到视觉设计之后，该阶段还未意识到网页交互设计的核心地位。

二、用户模式的网页之设计认知构建

网页设计的本质是用户的体验设计。网站作为互联网非可触形态的产品，对其认知的构建包含产品属性认知与服务属性认知两个层面的内容。1.网页设计是一种产品设计设计是一门交叉学科，网页本身也是一种产品。网页设计最初被视作平面领域的设计，而链接交互是网页设计有别于平面设计的基本特征。网页设计存在交互性，使其具有交互设计可用性与易用性体验的内在要求，适用于工业产品的基本设计流程。2.网页设计是一种服务设计服务设计层面，各种网页交互体验、视听信息、线上内容服务与线下互动等，是网站向用户提供服务的设计组成部分。作为一种广义的产品形态，网页设计与传统的实物形态的工业产品设计有一定区别，更倾向于体验的系统化设计。随着互联网向物联网的可用技术研究与拓展，基于智能化网络的服务设计将成为跨越线上线下的主流设计形态。3.网页页面信息设计是关系网页设计品质的深度设计网页设计作为一种信息量庞大的互联网单元，从工效学角度来看，网站信息本身也担负着面对用户、有效传递信息的功能和任务，在具体的设计活动中，表现为对信息的设计。信息设计具有多学科交叉性、空间多维性、时间流动性等基本特征，信息设计的目的是为了提高信息的可理解度和可阅读性。优质的网页信息设计可以降低用户获取信息的时间和精力成本，提升页面信息获取体验。

三、基于用户模型的网页设计课程的知识体系构建

网页设计的本质是对体验的设计，即以用户为核心思考设计方案，研究用户在访问网站时的需求是网页课程设计任务的基本出发点。课程内容模块应该以回答网页设计是什么、怎么设计、为什么这样设计三个问题为主线，构建网页设计课程的知识体系。1.课程的基本目标掌握网站项目与网页制作的基本设计流程，培养设计项目管理和组织能力；掌握用户需求研究分析的基本方法，对用户体验和需求研究有较为敏锐的洞察力；掌握网站交互原型相关的设计方法与工具；掌握网页视觉设计方法和设计规范；了解目前网页前端设计的相关技术和工具。2.知识体系与模块组成（1）设计方法教学内容模块设计方法教学内容模块主要为了解决面对具体问题时设计师怎样展开分析研究工作并确定设计执行方案。网页设计方法主要分为项目流程设计与管理、网站策划方法与规范、用户体验研究、交互原型设计方法等，让学生通过贯穿整个课堂教学的项目流程设计和每个流程的具体设计方法的实践，掌握基本的设计理论。（2）软件工具教学内容模块软件工具教学内容在形式方面包括课堂内的指导和课堂外的自学两个部分。鉴于设计软件的频繁更新和新的设计软件不断涌现，教师必须培养学生自学工具的主动意识以适应社会需求。在工具种类方面，包括图形处理工具、交互原型工具和代码工具三类。第一类是图形处理工具，其中常见的Photoshop、Illustrator等图形设计软件，已经在前置课程中基本完成学习。第二类是交互原型制作工具，常见的工具有墨刀、Axure等。第三类是代码编辑工具，选择较多，作为对网页前端知识的入门介绍部分，在本课程中以介绍为主。（3）设计经验教学内容模块设计经验教学以启发式案例实践为主，按照网站项目设计的流程需要，设定不同层次、不同要求的设计实践任务作为课程结课的考核内容。学生通过案例的练习能从优秀作品中学到设计经验，从具体的案例模仿中获得设计的成就感。网页设计课程案例教学同时也是对网页设计方法的实践验证，有助于学生对网页设计方法的理解和体会。结语任何一种技术变革，都可能让网页设计出现新的艺术形态，前端依然是课程必须了解的知识。目前，就设计艺术角度而言，网页设计课程的内容以交互和视觉设计为基础，在信息设计层面也有较大的提升空间，设计途径也已经拓展到用户的视觉、行为、声音和逻辑等方面。网页设计课程的知识体系构建必须以产品的视角，让学生更深刻、更完整地理解用户模式下的网页设计艺术。

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

1.同字型布局

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

2.标题正文型布局

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

3.综合框架型布局

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

4.封面型布局

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

h型布局

Flash型布局与页面布局较为相似，Flash型布局与页面型布局唯一不同的便是在页面的布局过程中采用更多的Flash，其中包含声音以及动画的形式，因此与封面型布局相比在声音上更能给人们带来听觉上的享受，除了听觉上的享受外在视觉上Flash型布局也能够给人们带来相应的震撼效果。例如，在现代最为常见的游戏页面上，采用的都是Flash型布局，尤其是在登录的界面或是在进入游戏过程中的等待界面，在现代科技的发展中，也有少数网页在主页布局的过程中采用Flash型布局，以此提高网页的浏览量。总而言之，计算机时代已经到来，网页设计布局已经成为重要的发展趋势，网页设计布局并没有固定的格式，做一种形式设计的过程中主要根据个人的审美，因此想要在网页的设计布局中增添其美感，首先就要对美有更深刻的了解，合理的运用到网页的布局中，使人们在网页的浏览中获取所需信息的同时还能够带来相应的视觉享受。