【www.guakaob.com--网页设计】
研究网页设计的目的篇一
《FLASH网站设计规划的研究》
一、FLASH网站的发展
融入一些Flash元素，这也使得HTML网站开始活泼起来。
FLASH是由美国Macromedia公司推出的一种可创在2000年以后大量的全Flash网站开始走进人们建交互式矢量图和Web动画的二维软件。通常包括的视线。Flash特别适用于创建通过Internet传播的Macromedia Flash(用于设计和编辑Flash文档)以及内容，因为它所创建和使用的大多数是矢量图形。Macromedia Flash Player(用于播放Flash文档)。2005与HTML静态页面网站相比，Flash网站更具有亲和年Adobe公司耗巨资收购Macromedia公司，之后不久力和交互性等多媒体特性。众所周知，网站是人们便推出了Adobe Flash CS3版本，目前的最新版本为了解一个企业的窗口，但是现在更多的公司将自己Adobe Flash CS4。
的网站看作是在互联网上的销售平台，不仅让用户早在20世纪八九十年代，HTML静态页面网站就在这个平台上了解和感受公司的产品和文化，同时已盛行，但大多数都是一些文字和图像的排版，文还能收集用户所反馈的信息，通过分析这些信息，字和图片之上都有相应的链接，可以点击进入其他企业才能及时调整策略以达到利润的最大化。而全页面。之后随着互联网带宽的不断增加和FLASH对FLASH网站带来的好处正能满足这些企业的要求：强互联网的影响不断增强，HTML静态页面上逐渐开始
有力的广告宣传、传播速度之快及范围之广、丰富
61
1 2 3
图1 Flash网站结构关系图图2 Flash网站层级结构关系图图3 Flash网站页面形象设计流程
的媒体内容、体贴用户的流畅交互、以及跨平台和小巧客户端的支持。目前，Flash网站正在形成一种趋势。
以在运行页面时，把SWF文件加载进来，并且把它放置于除最高级（level0）的任何一个层级，可能是第15层也可能是放置在150层级，被载入的影片剪辑不但拥有自己的层级，还拥有自己的时间轴。
通过上面的图例我们可以看出层级级别大的影片剪辑实例是堆叠在层级级别小的之上，也就是说如果堆叠在上面的影片剪辑如果不是透明的是会遮挡住处在下面的影片剪辑，再者这些影片剪辑层级之间的关系是“不交叉”的，“不隶属”的，属于“平行”关系，并且这些层级的编号不一定要连续的，可以是跳接的，例如，_Level1，_Level50，_Level160。
二、FLASH网站的结构规划
Flash网站结构规划的基础是浏览用户的需要和网站建设目标。制作全Flash网站和制作HTML静态页面网站相似，前期准备时应先制作出结构关系图，例如网站各页面之间的流程和各板块之间的关系等等。一般来说Flash网站基本包括Logo、导航系统、及板块内容等元素。
考虑到目前国内的网络带宽状况，再加上SWF文件本身是边下载边播放的因素，通常在浏览Flash网站内容之前都需要有一个预载（loading）以达到最佳浏览效果。
预载之后最先出现的是一个进入页面（也称引导页），一般来说进入页面是静态的，大多数设计者在制作此页面时会尽量做到简洁，它的作用是尽可能多的传达给浏览者一些最基本的关于企业的信息，例如企业的Logo、名称、联系方式以及网站的主题等等。
通过点击进入页面的入口按钮，网站跳转到主页面。用户在进入主页面后就能浏览到网站所设置的各个二级页面，再由二级页面进入到网站的三级页面，以此类推。
四、FLASH网站的形象设计规划
1．Flash网站企业形象设计规划
这里提到的Flash网站的形象设计不单单是通过网站页面的文字、图标、色彩这些艺术形象元素来实现的，这只是Flash网站形象的一部分，而Flash网站形象的另一个部分则是网站企业形象。一个网站的形象是要根据网站的定位、信息内容、访问群体、建设目标、运营模式等诸多因素来进行规划设计的。
在提出Flash网站形象设计方案初期首先要明确建设网站的目的，这可以通过互联网等媒体来进行广告宣传、树立企业形象、传达内容信息；其次要明确网站需要提供什么样的服务功能来满足访问者的需求；再次要进行全方位的考察对网站做出详细定位并根据投资来确定网站的规模和技术类型；最后明确从方案提出到实施需要的时间周期。
2．Flash网站页面形象设计规划2．1 Flash网站页面形象设计流程
对Flash网站设计来说，从创意到设计方案的实现是一项
三、FLASH网站的层级结构规划
Flash是由一个个影片或影片剪辑组成的，这些影片或影片剪辑都有各自的时间轴、变量、数组、函数、元件等，影片剪辑间是通过这些变量进行信息的沟通和交换。每个Flash网站都有一个主时间轴，这个主时间轴就是被FlashPlayer预置为最高级也就是0级（level0）。
通过Flash中LoadMovieNum()或LoadMovie脚本动作我们可
62
繁复的工作，大体是通过以下几个阶段来实现的。
2．2 Flash网站页面构成元素
标志（Logo），每个成功的网站都有它自己独特的标志形象，可以使访问者一见到标志就能联想到它所代表的企业网站，标志的作用就是用图形化的方式传达网站的定位和企业经营理念。网站的标志形象须同企业的形象及该企业产品的形象相吻合，达到形象相互之间的和谐统一。
文字，在网站页面设计中，文字的使用常常被忽视，文字的类型往往可以决定网站页面的风格，每一种字体都有其自身的特质，在网站页面设计中，文字的类型、大小、位置、颜色都是十分讲究的。
图片，图片和文字是网站页面的两大构成元素，两者缺一不可。处理好图片和文本的关系是整个网站页面布局和造型的重要步骤之一。
多媒体，Flash网站中除了文字和图片外，还有声音、动画、视频等其他元素，尤其是Flash动态元素的使用，这也是Flash网站形象生动活泼、趣味十足的重要原因。
2．3 Flash网站页面形象设计基本原则
布局合理，在设计Flash网站页面时，需要对网页中的信息元素进行合理的布局，合理的安排网站页面中信息内容的位置，可以让访问者快速准确地获取网站信息内容。
色彩统一，网站各页面的色彩体系的选用需要统一，通过色彩的合理搭配和统一使用，可以确保企业网站的风格统一。这样能给访问者从视觉上有和谐一致的感觉，容易在大脑中形成记忆符号，更有利于企业形象的树立。
交互过渡形式统一，使用一种统一的交互变化，作为一种统一的图形符号和统一的过场，也能使得网站整体形成统
一的风格。
五、FLASH网站的内容规划
Flash网站的内容规划首先要明确网站的发展方向及网站的定位。网站的定位包含很多方面，例如形象定位、访问群体定位、市场定位、商业定位、技术定位、功能定位等等，无论从哪个方面对网站进行定位，最终目的就是通过网站明确的向访问者传达信息。
网站最重要的目的就是将信息内容传递给访问者，因此在网站的设计过程中要对即将发布和传播的信息进行合理的规划。将信息传递给访问者并不只是将信息单纯的排满整个网站的页面，而是在页面美观之余方便访问者查找网站信息内容，因此在设计网站艺术形象之外还要对网站信息内容进行合理的分类和组织。
六、结语
全Flash网站目前仍很年轻，但却具备巨大的潜力，正处在蓬勃发展的阶段，并伴随着互联网的普及与推广，前景十分广阔。与HTML静态页面相比，全Flash网站在动态性和交互性上的优势十分明显，这也使得Flash网站正形成一种趋势。
通过对Flash网站结构规划、层级规划、形象设计规划、内容规划的研究，全面深入的了解网站建设的规划和设计，充分掌握Flash网站设计的理论知识和专业技术，从而制作出更精美更专业的Flash网站，充分发挥Flash网站的广告宣传效应，让用户在交互操作中充分感受企业产品，企业文化。∷
参考文献
[1] 王汝义著：《网站建设技术精粹》，第1版，北京，人民邮电出版社，2007．2
[2] 彭澎，杨维抒等著：《网页艺术设计与网站建设教程》，第1版，北京，清华大学出版社，2007．12[3] 徐磊 著，网页制作与网站建设技术大全，第1版，北京：清华大学出版社，2008.10
[4] 聂小燕 万丁 著，别具光芒Flash动感网站设计与制作，第1版，北京：人民邮电出版社，2007.7[5] Steve Sounders（美国） 著，高性能网站建设指南，第1版，北京：电子工业出版社，2008.12
[6] Louris Rosenfeld Peter Morville（美国） 著，Web信息架构设计大型网站，第3版，北京：电子工业出版社，2008.10
63
研究网页设计的目的篇二
《网页设计视觉元素功能研究》
网页设计视觉元素功能研究 2015-10-18 15:30 来源：网页设计论文 有168人参与在线咨询
一、网页设计视觉元素分析
1）网页设计的概念。 通常而言，网页设计是根据网页的不同用途以及不用的特点，运用美学知识进行规划、设计等的结果。网页制作和网页设计这两个不同的概念常常让普通人混淆。在一定程度上来说，网页设计和网页制作有着共同点，两个也有着不可分割的关系，但是实际上它们的区别是根本上的、本质的。通常情况下，视觉美学中的基本规律在网页设计中同样适用。什么是网页设计？通俗的说，就是通过对文字、图像规律性的组合，还网页看起来更加规整，信息传递更加明确。在满足这样目的的前提下，也需要使网页满足大众的审美习惯。网页设计中除了文字和图像的广泛运用，也会插入一些动画和简短的小视频，来增加网页的视觉美感。网页设计时设计目标的确定十分重要，之后再确定设计流程，加以优化，最终达到设计出优秀网页的目的。
2）平面设计在网页设计中的具体表现。
网页设计中平面设计占了主要部分，而语言文字和图像又是平面设计的主体，所以网页设计中的语言文字和图像往往是使用最多的元素。语言文字是运用最多的，对于网页信息有着解释说明的作用。当然文字的设计首先要清晰且能够准确无误的表达，然后在考虑字体的大小、格式以及色彩。图像使得网页设计充满了趣味性，这是文字无法代替的。所以图像也是网页设计中重要的一环，它对信息的传达有着文字不可替代的效果。虽然文字也十分重要，但是图像给人们带来的视觉冲击是文字所无法媲美的。因而，图像的运用对于会激起浏览者继续浏览的兴趣。当然，图像和文字的配合使用能够产生不一般的效果，具有空间超越性。 二、网页设计中视觉元素的功能性与审美性
网络设计是通过互联网将信息传递给大众，其中信息是主体部分，但是其包含的视觉元素的作用也是不可忽略的。
1）网页设计中视觉元素的功能性。
在网页设计中，无论是文字还是图像都需要遵循视觉美学的基本规律。将网页中的各个信息点通过运用视觉美学的知识进行分类、规划，可以是网页更加清晰，所传达的信息更加明确。例如，在视觉美学中，人们第一眼往往会停留在网页的中上方。同样，网页设计时也有着这样的规律。一个优秀的网页往往第一眼就能抓住浏览者的眼球，能让浏览者快速的接受网页传递的信息。所以说，视觉元素的功能性在网页设计中起着不可估量的作用。
2）网页设计中视觉元素的审美性。
虽然说网页设计的目的是让网页看起来更加规整，信息表达更加准确，但是优秀的网页设计也需要给浏览者带来视觉的审美体验。在网页设计中，视觉元素在网页背景上有着几乎完美的体现，通过对不同平面元素的综合运用，网页背景往往是最能够表达视觉元素的地方。具有美感的网页设计会让浏览者增加对该网页的好感，就会更加愿意花费时间去浏览，有利于网页的点击率。
3）网页设计中视觉元素的特殊性。 对于网页的浏览，视觉往往是首要因素。在没有具体目标的情况下，视觉往往促进浏览的主要原因，人们常常因为图片的有趣而产生继续浏览的欲望。所以视觉元素的合理运用，会增加浏览者的兴趣，在网页设计中有着不可替代的特殊性。因而，视觉元素的合理应用有助于网页的发展，也会给浏览者留下好的印象。
4）不同种类网页设计中视觉元素的应用形式。 视觉元素的应用是具有针对性的，是不可以一套而论的，需要针对各自的功能特点运用的。以下就商业网站、公共服务网站、个人网站为例说明。在商业网页中，最主要的就是商品的推销。因此，在该网页上就要突出商品的性能优点，适当时也添加图片。同时，网页的机构通常都比较严谨，信息的传达都不叫紧凑。在公共服务网页中，其信息量的比较大的，所以需要注意结构的简洁和清晰，在色彩上，无需使用过多艳丽的颜色，装饰上尽量简单，使网站的可靠性增加。而个人网页就有所不同，它一般注重个人性格的表达。所以个人网页的设计较为随意，色彩的使用较为大胆，图像比较多变，更加突显出鲜明的个人色彩。
三、网页设计发展的趋势 如今，一味地套用早已无法适应网络的发展，创新才有新出路。并且，复杂的色彩、冗长的文字和炫目的图像等会使人们产生视觉疲劳，所以，简洁的网页设计更能够适应如今的发展规律。从浏览者的角度来说，全屏的大图往往能够吸引他们的注意力，浏览者往往是因为大屏图像带来的视觉冲击性才浏览这个网页的。在有大屏图像的同时，配搭精简的文字加以说明，可以是网页显得简洁、大气、美观。与此同时，网页设计中也开始慢慢使用动画和视频，它们对于细节的表达更加直观。
四、总结
经过以上的分析研究可以发现，网页设计中视觉元素的应用的意义十分重大。优秀的网页设计可以给浏览者带来视觉和听觉的双重体验，也使网页的信息传递更加清晰。在网页设计一项，西方一直领先于我们，因此我们现在使用的设计理念主要从西方引进。鉴于我国对网页的设计还处于研究发展阶段，所以在创新的同时也要学习国外的最新理念。设计师当下首要任务自然是，举一反三，学习西方的技术，但要将中国元素融入到网页设计中，根据网页本身特性，设计出具有东方色彩的网页。
研究网页设计的目的篇三
《网页综合设计》
第七章 网页综合设计－Dreamweaver
Dreamweaver是Macromedia公司出品的专门用来创建和管理网站的专业软件，应用Dreamweaver，可以轻松构建网站结构，高效地制作网页。
7.1 案例回顾
在第二章中我们对“淡蓝的天空”个人网站进行了前期的规划和设计，现将第二章已做的工作汇总如下：
注： “感动你的心灵”和“那笨拙的脚印”为重点栏目。
以上为“淡蓝的天空”个人网站前期已做的相关工作，本章仍然以第二章案例为准来详细介绍完整的网页设计过程，期望以点代面使学习者对网站的设计过程有个完整设计思路。
7.2 网页综合设计
在使用Dreamweaver之前，必须先建立一个本地站点，然后才能进行后续的操作。本地站点是存放网站上所有文档和文件的地方，它可以将各种信息制作成网页的形式，然后以超链接的形式有效组织起来。本地站点需要一个名称和本地的根目录，以确定存放所有站点文件的位置，可以放在硬盘的任何位置。
实例7－1 熟悉Dreamweaver的基本环境
一、要求与目的
★ 掌握Dreamweaver的基本工作环境：窗口、菜单、插入、文档工具栏、状态栏等
★ 掌握“属性”工作面板
二、过程与步骤
1． 启动Dreamweaver软件
单击“开始－程序－启动－Macromedia－Macromedia Dreamweaver MX 2004” 启动Dreamweaver软件。
Dreamweaver MX 2004 提供了将全部元素置于一个窗口中的集成工作区。在集成工作区中，全部窗口和面板集成在一个应用程序窗口中。使用者可以选择面向设计人员的布局或面向手工编码人员需求的布局。首次启动 Dreamweaver 时，会出现一个工作区设置对话框，如图7－2所示。
图7－1 选择工作区布局
如果设计者熟悉编写代码，选择“代码编写者”；如果不熟悉编写代码，选择“设计者”。如果以后想更改工作区，可在软件正常启动后使用编辑菜单“首选参数”对话框切换到一种不同的工作区。编辑菜单“首选参数”对话框如图7－2所示：
图7－2 更改工作区 注释：“设计者”工作区是一个使用多文档界面的集成工作区，其中全部文档窗口和面板被集成在一个更大的应用程序窗口中，并将面板组停靠在右侧。
“代码编写者”同样是集成工作区，但将面板组停靠在左侧，文档默认状态下显示代码
窗口。
本例选择“设计者”工作区界面。
2． Dreamweaver工作界面
建立新页面或者打开已经完成的页面时，会出现工作区窗口，如图7－3所示。栏目说明如下：
(1) “插入栏”，也叫工具栏（如图7－4）：包含用于创建和插入对象（如表格、层和图像）的按钮。当鼠标指针滚动到一个按钮上时，会出现一个工具提示，其中含有该按钮的名
称。每个对象都是一段 HTML 代码，允许在插入它时设置不同的属性。例如，设计者可以通过单击“插入”栏中的“表格”按钮插入一个表格。
图7－3 Dreamweaver工作环境
图7－4 插入栏
某些类别具有带弹出菜单的按钮。从弹出菜单中选择一个选项时，该选项将成为该按钮的默认操作。例如，如果从“图像”按钮的弹出菜单中选择“图像占位符”，下次单击“图像”按钮时，Dreamweaver 会插入一个图像占位符。每当从弹出菜单中选择一个新选项时，该按钮的默认操作都会改变。
“插入栏”中“常用”按钮里的选项说明：
“常用”类别可以创建和插入最常用的对象，例如图像和表格。
“布局”类别可以插入表格、div 标签、层和框架。还可以从三个表格视图中进行
选择：“标准”（默认）、“扩展表格”和“布局”。当选择“布局”模式后，可以使用 Dreamweaver 布局工具：“绘制布局单元格”和“绘制布局表格”。
“表单”类别包含用于创建表单和插入表单元素的按钮。
“文本”类别可以插入各种文本格式设置标签和列表格式设置标签。
“HTML”类别可以插入用于水平线、头内容、表格、框架和脚本的 HTML 标签。 “服务器代码”类别仅适用于使用特定服务器语言的页面，这些类别中的每一个都
提供了服务器代码对象，可以将这些对象插入“代码”视图中。
“应用程序”类别可以插入动态元素，例如记录集、重复区域以及记录插入和更新
表单。
“Flash 元素”类别可以插入 Flash 元素。
“收藏”类别可以将“插入”栏中最常用的按钮分组和组织到某一常用位置。
(2) “文档”窗口 显示当前创建和编辑的文档。
(3) 文档工具栏
文档工具栏中包含按钮，这些按钮使您可以在文档的不同视图间快速切换：“代码”视图、“设计”视图、同时显示“代码”和“设计”视图的拆分视图。如图7－5。工具栏中还包含一些与查看文档、在本地和远程站点间传输文档有关的常用命令和选项。
图7－4 文档工具栏
以下对选项进行说明：
显示代码视图 仅在“文档”窗口中显示“代码”视图。
显示代码视图和设计视图 在“文档”窗口的一部分中显示“代码”视图，而在另
一部分中显示“设计”视图。当选择了这种组合视图时，“视图选项”菜单中的“在顶部查看设计视图”选项变为可用。请使用该选项指定在“文档”窗口的顶部显示哪种视图。
显示设计视图 仅在“文档”窗口中显示“设计”视图。
文档标题 允许您为文档输入一个标题，它将显示在浏览器的标题栏中。如果文档
已经有了一个标题，则该标题将显示在该区域中。
没有浏览器/检查错误 使您可以检查跨浏览器兼容性。
文件管理 显示“文件管理”弹出菜单。
在浏览器中预览/调试 在浏览器中预览或调试文档。从弹出菜单中选择一个浏览
研究网页设计的目的篇四
《网页中交互设计的应用研究》
网页中交互设计的应用研究
摘 要：交互设计又称互动设计，是从“目标导向”的角度解决产品设计方面的问题。交互设计的概念源于20世纪80年代，由IDEO设计公司创始人之一比尔·莫格里奇提出。从理论上来看，交互设计在人机工程学的基础上更加强调认知心理学、社会学及行为学的指导作用；从人机交流的实践上来看，交互设计更强调产品对人的反馈交互作用。交互设计是网页界面设计的重要设计环节之一。交互设计的视觉体现表现在用户浏览页面时能够一目了然地知道哪些地方可以进行操作，以便用户迅速锁定目标，完成操作任务。当前，基于web2.0的新一类互联网应用更注重用户的交互作用，本文中所要讨论的界面交互设计就是以用户为中心，探究交互设计如何令用户更轻松更快捷和愉悦地完成界面操作任务，着重强调界面的可用性和易用性。
关键词：交互设计 网页界面 人机交流
当今社会，互联网作为第四媒体已经将全球信息共享变为现实，它正逐步改变着人们的生活和工作方式。最为明显的特征就是各种各样的基于浏览器的应用充斥在我们身边，随着智能化设备及其功能的日趋增多，新的人机交互不断涌现，用户体验对交互设计的需求越来越明显。计算机或网络与人最直观的接触点就是界面，而致使界面与人之间产生互动交流的就是交互设计。交互设计是一门研究在人机交流过程中人的心理模式和行为模式的学问，并根据研究结果设计出易于用户使用产品的人机交互方式，其涉及学科知识广泛。本篇论文中所谈及的交互设计仅仅是研究计算机信息的图形化用户界面设计领域中的交互如何引导用户体验。
2014年11月19日，首届世界互联网大会在浙江乌镇开幕，奇虎360董事长周鸿祎在会上表示：移动互联网的发展带来了智能硬件的繁荣，我们将进入一个万物互联的大数据时代。随着由万维网衍生出的图形用户界面（GUI）被发明，企业的决策者们就开始理解并采纳用户中心设计（UCD）的语言。各大小企业面对扑面而来的网络浪潮，都纷纷投身于电子商务的行列中，建立网站和制作网页来宣传自己的形象，与顾客和群众交流信息，网络营销以及推广活动应运而生。网络营销和推广的根本目的在于争取目标客户，扩大市场影响和突出品牌形象。而一个网站的最终营销效果如何，交互设计就显得尤为重要。
由于网站的浏览者受到个人背景、文化水平、行为习惯、对眼前事物的熟悉程度以及期待看到什么内容的影响，他们在网站上看见的内容未必符合设计者的构想。所
以设计者要分析物体的内容架构并设计展示方式来引导浏览者注意特定的内容，尽量做到让客户不用思考就可以看出哪里可以进行交互，节约客户时间，提高网页的可用性和易用性。一个拥有好的概念模型的工业产品是不需要说明书的，同理一个好的网页也应该是不言而喻的，一目了然的，自我解释的。本课题中我所要研究的就是让交互设计更好的引导人们的视觉以此来帮助用户更快更好的完成任务。
一、网络时代下的页面交互设计
二、（一）网页界面的视觉元素
1、文本文本是网页界面的主体。在网页界面设计中，文字是传达信息的主要元素，因为文字在平面设计中是一种感性的直观行为，与其他视觉元素相比，文字更具有信息传达的明确性，能够准确地表达信息的内容和含义。设计者可以根据版面需要对文本的字体、大小、颜色和段落等属性进行设计，风格独特的页面文本设置能给浏览者以赏心悦目的感觉。
网页中的文本主要有标题、内容信息和文字链接等形式.
（1）文字标题
网站的首页或者一条独立的文章一般都会有一个醒目的标题，以告知浏览者网站的主旨或文章的主题。文字标题要简洁明了、引人注目才能得到浏览者的青睐。通常标题应该放置在醒目的位置，使用较大的字体，但是为了保证显示的效果，在网站中通常被设计成图片格式。
（2）内容信息
文字信息是对标题的解读，是传达信息的主体部分。文字信息的作用是任何其他页面构成元素都不能取代的。在页面设计中，由于内容信息通常占得面积比较大，因此对文字信息的字体、大小、颜色和编排方式都要考虑到用户对复杂性和干扰的容忍度而精心设置，以达到较好的浏览效果。
（3）文字链接
文字链接是网页中最常见的超链接。文字链接为主页面减轻负担，使页面分区更加明显，同时也方便了浏览者对信息的检索。
2、图形图像
图片是除了文字以外最早引入到互联网中的多媒体对象，网站的Logo、页面背
景、辅助文字信息和链接等都可以使用图片。相对于文字来说，它传达信息显得更生动、直观，而且图形图像的引入也大大美化了网页的视觉效果。尤其是后来动画和视频的出现，由于动态效果具有很强的视觉冲击力，能够很快吸引浏览者的眼球，所以网页中动画通常是第一视觉中心，在传达信息时动画是非常有效的手段。
图形元素包括标题、链接图标、主图和背景四种，需要特别注意的是主图和背景的运用。背景图片能够烘托主题的表现，同时增加页面的层次感，使网站具有风格而不再单调枯燥。而主图则是突出表现主题。主图一般是页面的视觉中心，它直观性强，能为单调的文字信息增强活力，传递出强烈的视觉信息。
3、色彩
色彩是信息传播的符号之一，它能传达或代表某些明确的意义，是设计网页界面时必不可少的视觉元素。由于色彩在人们心中有固定的象征，当看到某种颜色时，自然唤起了人们头脑中储存的视觉经验，从而产生相关的心理感受，这样就达到了信息传播的目的。在网站页面设计中，设计人员一般遵循“总体协调，局部对比”的色彩应用原则，使网站各个页面达到总体和谐统一的效果。
网页中色彩的运用没有固定的模式，但也不能毫无节制地采用多种颜色，通常情况下，设计者会根据客户对网站风格的要求来确定主色和辅助色。随着电子商务的迅速发展，越来越多的企业开始注重在互联网中的形象和地位。对于企业网站的设计，设计者会根据企业所在行业、产品特性以及企业的VI系统来确立色彩。很大程度上，一个网站给用户的感官感受是由色彩决定的。色相、色调作用于人的视觉和心理，与人的经验和知识产生联系，使人产生出诸如冷暖、轻重、软硬之类的情感。色彩对于不同国家和地域的人来说具有不同的情感认知，但是大多数人对于色彩的联想意义在某种程度上还是趋于一致的。
4、留白
“留白是中国画构图中形式美的法则之一，它关系着整个画面的协调性和旋律美，体现了一种以虚化实的境界。[1]”空白是网页界面设计中很容易被忽视的视觉元素，但我们不能低估空白的价值。当一个网页上所有的版面都显示信息非常密集，会不利于浏览者阅读有效信息，引起用户反感，甚至会给人网页制作粗劣的感觉，破坏该网站的形象。因此，在界面设计中适当的留白能够更好的衬托主题、集中浏览者的视线，同时给页面营造视觉上的空间层次，使页面看起来轻松简洁。原研哉的《无印良品》招贴设计，将空白的形式美感以及留给观者的无限想象演绎的淋漓尽致（见图
1.1.3）。
5、交互
交互是网页界面设计中的一个特殊的视觉元素。“所谓交互设计，是指在人与产品或系统之间创建一系列对话[3]。”一个好的交互设计能够预见人机交流的整个互动过程，它在不妨碍产品和服务的交互行为时能够美化界面，巧妙的设置交互效果甚至能把界面艺术化。交互设计的本质是人与人之间的沟通，网页交互设计师在设计网页时不得不考虑普通人在一般任务执行过程中的耐受力，时刻遵循“以用户为中心”，考虑网页的可用性和艺术性，从而给用户提供愉悦的操作体验和审美享受。 （二）网页中的交互设计
1、界面与交互设计
网页界面设计与传统的平面设计有很大的区别，做网页界面设计不得不考虑页面的交互性。网页设计尤为关注用户与产品之间行为上的交互以及二者交互的过程[4]。网页界面中的所有组件，包括布局，风格，样式等都应该为交互设计服务，交互设计在一定程度上约束着界面设计。例如在网页中主导航的位置，设计者只能根据设计的需要将导航放在页面顶部或者banner下方，并且主导航必须在电脑第一屏的中上部出现，否则就会给用户带来疑惑，造成不良的用户体验，因此在界面设计中无论出于什么原因都不能破坏页面的交互行为。下图1.2.1和图1.2.2你看哪个比较舒服呢？据调查，更多的用户偏爱图1.2.1，因为它更符合我们阅读的视觉流程。
交互设计（Interaction Design）又称互动设计，是从“目标导向”的角度解决产品设计方面的问题。交互设计的概念源于20世纪80年代，由IDEO设计公司创始人之一比尔·莫格里奇提出。从理论上来看，交互设计在人机工程学的基础上更加强调认知心理学、社会学及行为学的指导作用；从人机交流的实践上来看，交互设计更强调产品对人的反馈交互作用。当前，基于web2.0的新一类互联网应用更注重用户的交互作用，交互设计致力于了解目标用户的期望，通过对产品界面和人机互动行为进行有效的设计，使产品和用户之间建立一种有机关系，从而能够有效地使用户达到目标。
本文中所要讨论的界面交互设计就是以用户为中心，探究交互设计如何令用户更轻松更快捷和愉悦地完成界面操作任务，着重强调界面的易用性和可用性（概念见图
1.2.3）。简洁和易于操作是网页界面设计的最重要的原则。Steve Krug将可用性视为
交互设计的第一定律。
2、交互设计的发展趋势
随着移动互联网上社交需求的不断增长，“以人为中心”的人机交流成为人们日常生活和工作中必不可少的一部分。随之而来的移动终端、个性化主页、企事业单位网站、用户界面的交互式设计已经呈现出跨越式发展趋势。
（1）交互设计的国内发展现状
目前，交互设计在我国各大高校及研究机构还没有形成专门的专业研究领域，只有部分计算机或设计相关专业略有涉及，无论从理论还是成果上看均不成体系。我国的交互设计集中在移动互联网方面，关注的重点是社交网站和电子商务的界面设计以及用户的需求研究[3]。研究的热点是用户体验，包括构建用户模型、用户界面和产品交互设计等方面。国内的交互设计涉及的领域较为单一，集中在互联网中数字界面设计上，这使得我国网页交互设计和手机界面交互设计等得到飞跃发展。随着交互设计的熟练，交互设计的应用领域得到进一步发展，现在越来越多的交互设计融入到工业产品设计领域，如平板电脑、智能家电等，交互设计的出现为工业产品带来新的竞争优势。国内交互设计的研究对象更多的停留在人机界面的设计上，仅仅能够满足人们基本需求的低层次阶段。由此可见，我国对于交互设计的研究还缺乏对人的情感化相关的研究方法及用户模型。
（2）交互设计的国外发展现状
国外交互设计起步较早，但是由于交互设计本身还在属于创建阶段，而且其研究者和实践者来自不同的领域，以致交互设计理论和实践发展不同步，还有很多的问题尚未达成共识。国外的交互设计已经同产品设计及视觉设计等设计领域形成类似的学科。在理论研究上已形成了相对较为完整的方法和理论成果。其中Giles Colborne撰写的《简约至上：交互式设计四策略》、Steve Krug撰写的《DON’T MAKE ME THINK》、Alan Cooper撰写的《About Face 3交互设计精髓》和《交互设计之路》等著作是交互设计研究总结的优秀成果。这些书籍讲解了信息产品界面交互设计、交互产品逻辑设计，并都着重强调了用户体验的重要性，体现出交互设计“以用户为中心”的人性化设计理念。
国外研究交互设计涉及的领域非常宽泛，热点集中在教育、文化、游戏、娱乐、用户认知、人机交互设计和时尚设计等众多方面，例如虚拟仿真设计、虚拟交互环境、3D建模、城市规划、儿童教育互动式读物、娱乐领域的多种APP应用以及近几年在
研究网页设计的目的篇五
《网页设计教学计划》
学 期 教 学 计 划
第二 学年 第四学期 课程名称：网页设计 总学时：64 专业：平面设计 已授学时：0 授课班级：11平面设计01 本学期计划学时：64 教师：袁立东
网页设计教学计划
研究网页设计的目的篇六
《《规划网站》教学设计》
《规划网站》教学设计
本节内容为教育科学出版社普通高中课程标准实验教科书《网络技术应用》（选修）第四章“建立主题网站”的第一节“规划网站”，我主要讲解基本概念和需求分析，并安排学生进行选题；以学生讨论网站选题，并分组规划网站及确定网站名称。
【教学分析】
一、教材分析
本节内容为教育科学出版社普通高中课程标准实验教科书《网络技术应用》（选修）第四章“建立主题网站”的第一节“规划网站”。第一部分我主要讲解基本概念和需求分析，并安排学生进行选题；第二部分主要以学生讨论网站选题，并分组规划网站及确定网站名称。
二、教学对象分析
本案例的对象是高一年级的学生。通过上学期和本学期的学习，大部分学生有了一定的信息技术基础及网络知识，学生上网现象普遍，上网兴趣极高，被各种形形色色的网站所吸引，很想亲手制作自已的网站。但由于这一时期的学生认知能力、观察能力、思维能力仍不成熟，如何培养学生良好、健康的学习方法是教师的关键。
三、教学重点及难点分析
本节的重点有：需求分析、确定主题、制定计划表。本节的难点是：确定恰当的主题、制定一个切实可行的规划表。如何制定切实可行的规划表，循序渐进地完成整个网站的建设是为创建风格独特的个人网站打下基础。因为这一时期学生的思维能力、团队合作能力较差，而网站制作需要确定网站的功能以及网站规模、投入费用、进行必要的市场分析等，这些都需要分组讨论，而且以后主题网站的制作也需要多人合作，所以教师必须协调好学生找到具有共同主题兴趣的学生一起合作。
四、教学目标分析
1、知识目标：让学生了解网站建设的前期准备工作；学会如何规划、构思一个网站。
2、能力目标：提高学生分析能力、探究能力、组织能力。
3、情感目标：增进班级集体荣誉感，团队合作理念以及同学友谊。
4、价值目标：培养学生自信心及个性化发展。
【教学资源】
1、硬件：多媒体网络电脑室；软件：安装Macromedia Dreamweaver 4、Microsoft FrontPage等网页制作工具。
2、准备好规划表格印发学生（电子及文稿）。
3、下载几个不同类型的优秀网站为教学参照。
4、提供相关案例需求分析供学生参考。
【教学策略及设置思路】
本节内容是网站制作的第一步，详细地规划网站将为今后的网站建设提供一个总体框架，使网站的建设有“轨”可循，在具体实施过程中按部就班、循序渐进地完成整个网站的建设，而合理的规划与精美的设计是网站成功的关键，因此我采用了包括情景引导法、比较法、演示法、分组讨论法、探究法等教学方法，辅之以班级间、班级内竞赛的方式，把各班级、各小组的规划进行比较打分，并进行适时的小结、分析，这样即能调动学生兴趣，又能让学生在讨论中学习、在竞赛中进步，而且广开学生思路，达到预定的教学目标。
【教学过程设计】
第一节课
一、引入
打开几个不同类型的优秀网站，让学生欣赏，教师指出各网站的设计风格、整体规划、素材的运用、颜色的运用等特点，引发学生兴趣，并指出其实这些网站我们都能制作，并有可能比它们做得更好，增加学生学习网站的信心。(，
学生分组讨论及回答
教师组织学生讨论，并让小组回答，每小组回答完后教师都作点评。
二、提出问题
教师提出问题：（教师把学生分4－6个小组，每排电脑为一小组，每小组由一名学生做主要回答，一名做补充）
1、什么是网站？（引入网站基本概念）
2、网站有什么功能？（为网站需求提前定义）
3、刚才网站主题是什么？网站名是什么？（为网站主题加深印象）
4、刚才网站用了那些素材？这些素材你们能找得到吗？（让学生明白制作网站以前学习的电脑知识现在有用武之地了）
三、需求分析
教师指出制作网站的目的，并提供几个需求给学生参考：
1、我校高一（1）班想把他们班的成绩、作品等制作成一个网站放在校网内，想请你帮助他们建立一个网站。
2、张家港市想把他们这个城市介绍给大家，让国内外的企业来投资，想请你帮助他们建立一个网站。
教师要让学生广开思路，可小组讨论，也可一对一讨论，教师要明确指出需要分析与网站主题的关系。
四、任务布置
网站主题：创建网站前要先确定主题，只有主题确定之后才会有目的去寻找相关的资料，否则就像一只无头苍蝇到处乱窜，所以确定网站的主题是非常重要的，这就像我们写作文时中心思想的确定，同们学要慎重考虑好。确定网站名称：学生可根据小组主题、兴趣、爱好等确定网站名称。网站名称必须合法、合理、合情。
网站规划表
五、总结评价
教师根据学生的网站规划表进行范例讲解，对不合理、难以完成的主题也要解释清楚。
六、学生评价
每个小组的规划表都要上台展示给其它小组，让大家评价，小组成员可根据评价结果完善最终网站规划表。
七、教师评价
教师对各小组网站规划表进行评价，同时指出优缺点。明确各小组的规划要在年级内、班级内进行打分比赛，要求学生最终完善网站规划表。并把本班优秀的规划表张贴在电脑室公示栏，让学生自己去评价。
八、教师小结
对这两节课进行总体小结。指出这两节课学生学习状态、讨论参与度、纪律情况等，评价学生的优缺点，主要是鼓励学生对制作网站增强信心。
【课余练习】
教师提供一些优秀网站地址给学生上网进行比较参考，进一步完善规划。
研究网页设计的目的篇七
《06网页毕业设计教学任务书》
06网页一班毕业设计教学任务书
（一） 构思（1-20课时）
本单元主要教学内容：
1 构思、立意、确定表现内容
2 搜集素材，选择形式
3 作创作小稿
4 确定架构初稿
本单元教学目的及要求：使学生学会根据自己的情况选择构思和题材。 本单元教学重点及难点：构思的深度和立意的巧妙。
（二） 完善初稿： （20-42课时）
本单元主要教学内容：
1 整理素材
2 确定架构和素材的关系
3 选择适合自己的形式语言。
本单元教学目的及要求：使学生在绘制草图的过程中研究和体会网站架构、表现
性诸要素在创作中的作用，把握完整性，达到审美与表现的高度统一。 本单元教学重点和难点：重点是处理好形式和内容的关系。
（三） 制作过程：（42-72课时）
1 调动形式语言、合理运用软件工具。
2 确定程序部骤，进入制作过程
3 作好布局，注重整体与局部的关系
4 深入完善，不断提高表现深度和艺术性，实用性，美观性。
本单元的教学目的及要求：使学生充分运用掌握的设计语言提高网页设计的适用性，完成创作过程。
本单元教学重点及难点：把握步骤，加深逻辑思维，综合考虑网页设计的整体性，逻辑性，规划网站的架构是设计的一个难点。
（四） 整理修改过程（72-112课时）
设计过程中教师提出修改方案，为学生提出修改意见并辅导学生修改，使其作业更加完善。
本单元教学目的及要求：使学生体验创作作品的整个过程，重视设计的最后效果。完善设计中的每一个环节。
本单元教学重点及难点：修改实际设计中的不合理因素。
研究网页设计的目的篇八
《0405-Flash的城市形象网站设计课题研究背景来源及意义》
Flash软件在城市形象上网站设计中的应用研究
1.1 课题研究背景来源及意义
在Flash设计发展上，秉承了绘画、动画、电影及其它计算机图像艺术媒体的艺术特点，同时由于软件绘图功能特性、互动形式开发、计算机图形图像技术的进步以及应用载体等多方面发展的客观环境，因此Flash媒体艺术创作与软件应用技术同是Flash应用发展的核心元素。
与传统媒体相继承的同时，在国际化信息流通的大背景下发生了融合与突变，日益纷繁复杂。而大量针对媒体艺术的研究主要集中于软硬件开发、市场应用等层面，媒体艺术创作与软件设计应用的研究主要建立在传统媒体艺术基础与软件设计中具体应用的实现上，和新环境、新技术的结合在数量与针对性上略显单薄。
各地方政府日益注重城市品牌的打造，通过制作投放城市宣传片、广告、会展等推广方式，而目前国内城市网站主要集中于城市信息、经济信息、娱乐文化交流方面，形式以信息类网站为主，而形象网站形式与媒体应用技术单一，数量较少，与当前媒体艺术发展相对滞后，存在形象准确性、技术应用合理性等方面问题，特别是西部欠发达城市，罕有形象准确、视觉效果优良的形象网站，整体技术与艺术效果应用水平较低。因此有必要对其设计应用进行系统的理论研究。
马龙地处云南省东部，自然资源丰富且未有较大破坏，存在一定民族传统和历史传统文化。由于其地理位置介于昆明市和曲靖市之间，得到较为积极的旅游投资支持，在近年来在开发的旅游景点、休闲旅游项目规模较大，数量较多。城市宣传处于较低水平，网络可用信息量较少。本文即以马龙城市形象网站设计为基础，研究采用Flash媒体进行城市形象宣传网站设计的技术要点、技术与艺术设计的结合应用，丰富Flash形象网站应用类型，对地域Flash形象网站更好的应用起到一定补充和引导作用。
1.2 国内外的研究现状
研究网页设计的目的篇九
《网页人机界面感性化研究》
琏；ＳＮ＆册咖Ｊ（ｈＤ叫日啪ａ耐乃曲ｍ蚴电■知识与技术ｌ∞９一∞４４Ｅ叫ｎａｉｌ．ｉｎｔ０＠ｅｃｃｃ．ｎｅｔ．ｃｎ
ｈｔｔｐ：／，ｗｗｗ．ｄｎｚ￥．ｎｅｔ．ｃｎ
Ｖ０１．７，Ｎｏ．４，ＦｅｂｎＩａｒｙ２０ｌ１．ｐｐ．７７９—７８ＩＴｅｌ：＋８６—５５ｌ一５６９０９６３５６９０９“网页人机界面感性化研究
张情华．王以群
（南华大学计算机学院．湖南衡阳４２１００１）
摘要：通过阐述感性工学与网页人机界面设计两者的关系，从而论证将感性工学应用在网页人机界面设计的必要性。，采用逆向式感性工学的以用户为中心的方法对少儿网站进行调查分析．再将调查结果采用前推式感性工学的方法得出少儿网站界面感性恚向树状图，提出目前网站设计中的不足以厦应该改进的方向，从而为感性化少儿网站设计提供理念支持。
关键词：网页人机界面设计；感性工学；少儿网站
中圈分类号：ＴＰ３９３文献标识码：Ａ文章编号：ｌ伽哆－－３０４４（加１１）０Ｉｌ埘７９＿０３
１感性化网页界面设计
１．１界面设计的发展
界面设计的概念首先是在西方国家提出来的，而且存在了很长的时间，发展到今天己经有了一套自己成熟的理论和实践经验。韩国和日本对于网页界面设计的研究已经走在这方面研究的前端。虽然感性的人机界面设计成为设计领域的焦点．其理论主要用在产品界面设计，在历年研究生的论文中，大多是从网页界面设计的色彩、存在的形态及学科相关性方面阐述、或者只是网站建模．很少将理论与设计实践相结合来研究。人机界面设计的一个细小分支：网页人机界面的感性化设计在国内还处于起步阶段。１．２感性工学
上个世纪８０年代末在日本出现了感性工学的课题和研究。感性工学（ＫａｒＩＢｅｉＥｎ西ｎｅｅｒｉｎ曲是界于设计学、工学及其他学科之间的一门综合性交叉学科。“感性”是一种主观的难以用文字来描述的心理体验。它是一种认知的概念，受个人知识、经验和个性的影响。是个性化的认识。同时感性也是直觉与理智相互作用的结果，感性对美的、情趣的事物特别敏感。对于设计者而言就是把消费者脑海中的构建法则探寻出来．通过破译消费者的感受，再利用这些探寻出来的法则去进行设计。这就是感性工学设计的首要任务。１．３毫性工学与界面设计的关系
首先从指导思想上讲，感性工学设计的出发点是考虑人的感受即以人为本。从人的角度度上考虑问题高于一切．因为设计的目的就是为了让产品更好的为人服务。只有以人的感受作为基础和原始资料，以“以人为本”作为指导思想，从人的感受方面去寻找设计灵感．才能保证设计符合使用者的需求，这是设计的源头也是设计的动力。其次从设计周期方面讲，基于感性工学的网页界面设计方法论精简了传统的设计理念的步骤。设计程序不再那么复杂。对设计过程的精简不仅提高了设计效率。简化了繁琐的设计流程，而且从根本上解除了设计师在思想上的束缚，使设计更加灵活。最后，从设计结果上讲。它避免了许多不必要的或者是重复的信息设置，无论是布局还是内容，每一个小细节都来自用户的真实感受。都经过设计师的深思熟虑。由基于感性工学的网络形象设计理念设计出来的“产品”应该是符合用户群体需求。符合市场需求的。网页界面设计发展到现今的阶段，功能合理．适用有效或是有某种外在的美感已经不再能满足网页用户的需求了。感性化网页界面设计已经成为设计的必然。在网页界面的设计过程中．研究用户是其最基础的一个环节。为了提供自然和直观的网页界面，我们就需要表现出以用户和交流为向导的新的设计方法。对于用户来说，用恰当的文字和语言来表达自己的“感性”并不是一件容易的事情．设计师就更难辨别出产品的哪些属性可以唤起人们的何种感性，以及人们的感性是如何随着产品属性的改变而改变的。在更多情况下，人们的感性并不只由某一种产品属性决定。感性工学，因其运用科学先进的现代工具和技术。可以帮助消费者表达自己的感性．甚至是一些他们自己都没有意识到的情感．设计师可以准确便捷地获取消费者基于产品和概念的特性的主观评价。取得消费者对于产品的潜在感受和需求。感性工学除了是可以运用的设计上的工具，更是可以辅助设计师弄清人们感性的利器，从而可以针对不同消费者和消费群体的感性需求。设计出不同的产品造型．在客户满意度与设计制造成本之间取得一个平衡点。
２少儿网页界面感性化设计现状调查
本文以常用少儿网站新浪少儿网．希望谷，迪斯尼中国站为例。分析目前的少儿网站感性化设计发展现状．为下文的研究提供数据依据。
２．１数据来源及箕分析
这项研究分别从用户和网站角度进行研究。通过对用户的调查。可以得到用户的体验。以及从用户的角度得到对网站的评价。并且可以发现网站中存在的一些问题。通过对少儿网站的调查．可以了解到网站中吸引用户的重要因素。以及用户对网站的评价．从而为网站的设计提供建议。
收稿日期：２（）１（卜１２—０６
作者简介：张情华（１９８４一）．女．江西樟树人．研究生．研宛方向为感性化网页人机界面设计研究。本栏目责任蛹辑：冯■
Ｇ啪咖绚１０刊ｂ内｛ｅａｎｄ丁Ｅｍ叻电囊知识譬技术第７卷第４期（２０１１年２月）２．１．１问卷调查
问卷调查是以书面提出问题的方式搜集资料的一种研究方法。研究者将所耍研究的问题编制成问题表格，以邮寄方式、当面作答或者追踪访问方式填答，从而了解被试对某一现象或问题的看法和意见，所以又称问题表格法。在各种调查研究当中，所得结果是否达到调查的目的和要求。以及所搜集到的资料的可靠程度和完善程度都取决于调查问卷设计水平的高低，在可用性研究中，问卷调查可以用来了解用户的满意度和遇到的问题，也可以根据客户服务的反馈，实际使用的记录或实地测试的方法来了解用户的实际使用情况。问卷调查方式町以得到在特定的情况下对使用阿络的体验，比如少儿上网是为了娱乐，结交朋友还是还是其他，Ⅱ，以得到在这个使用范围内的精细的川户需求．：奉次调查的用户对象是深圳地区少年儿童。由于深圳是个移民城市。来深建设者来自全国各地，．人几多样化，少年儿童也都是来自全国各地，从而使得调查的数据人口广泛而具有代表件。在闻卷调查的这个环节眼，我们的主要Ｕ的是发现少儿网站用户浏览网站的目的，浏览网站过程ＩｌＩ的喜好．期单得到什么，这些期望是如何满足的，或者为什么没有满足。在知己知彼网发表渊查问卷，再通过学而思教育机构将将网站公布给深圳五区各小学，每个区都有学生作答问卷．网站对调查问卷的结果进行统计分析，由于篇幅有限只列举部分问卷结果，问卷调奁大多为多项选择题。从图Ｉｎ，以看出，少年儿童浏览网站时的目的有７０％以上是娱乐。
图１学生浏览网站的目的图２网站吸引用户因素调查
从图巾可以看出人们在浏览一个网站的时候．喜欢一个网站的原因７４％的人表示是因为娱乐；浏览网站的目的学习与娱乐的需要各占一半；有５０％的人足被这个网站的内容所吸引；大多数的用户喜欢清新，可爱，卡通的界面风格；“％的人认为目前的网站学习资源比较少，同时３５％的人认为网站不容易操作，只有６５％的人表示在ｉ次以内就能熟练操作一个陌生的网站；５９％的人表示容易找到需要的内容：大多数少年儿童希望能够将资料年级分类以便查找；５９％的人表示希望能够在线互动；大多数人喜欢网站提供展示自己才艺的平台：从目前网站存在四个比较严霞的问题，这个问题分别是网页弹出广告，出现错误的信息，网页打开慢，网页内容更新慢，这四个方面比较严重的问题也是我们今后网站设汁改进的方向。
２．１．２文案法
义案调查以收集少儿卜网的文献性信息为主，具体表现为各种文献资料，可以通过网络搜索，少儿报纸杂志和报纸来收集相关信息，尤其是通过网络，可以从更宽广得角度来获得更多地有关少儿上网的知识。它可以用来发现少儿上网的问题并为研究提供重要参考依据。这些收集来的数据无法直接使用，需要经过加工才能使用，整个过程对调查者的要求比较高。
２．１．３启发性测试
为了得到用户深层次的体验。我们以”新浪少儿网”，”希望谷”．为例对用户进行启发性测试，在整个过程巾从各个方面进行测试．整个界面测试涉及１７个问题．比如，发现其中的ｊ个比较严重的问题是：打开网站时弹出广告，这一点是用户非常反感的。还有一个问题就是网站不容易操作，Ｉｎｆ有的用户发现网站不容易操作之后就几乎放弃再次进入该网站．还有一个问题是，当孩子遇到不会的问题时，没有老师在线答疑，甚至没有留言等功能，也就足说这样的网站缺少互动功能。
３少儿网站感性意向分析
３．１设计原则与方法
可用性的设汁观念采用的是逆向式推理感性Ｔ学的方法，它将设计的重点放在用户对真实产品的体验上，通过对“体验”的观察和总结对产舶进行不断的修改和纠正，最终达到“可用性”的目的。
感性网页界面设计必须把重点放在以用户为中心．从用户的需要和用户的感受出发，设计符合用户需求的网页界面，而不是让用户来适应界面，从而使界面友好使用。以用户为中心的设计ｆＵＣＤ）是一种关于产品，系统设计过程的方法论，这个方法论以使用产品系统的人的信息为基础：无论产品的使用流程、产品的信息架构、人机交互方式等，都需要考虑用户的使用习惯、预期的交互方式、视觉感受等方面。ＵＣＤ过程通过产品的计划、设计和开发聚焦在用户身上，整个过程包含了以人为中心的活动，它贯穿于产品开发的整个生命周期。
一个好的以用户为中心的设计方法包括以下ｉ个维度：效率，效能，用户在特定环境下使用产品的满意度，满意度包括产品的易用性，吸引用户的程度，用户使用完产品后心理层面的感受。在感性设计的过程中，捕捉用户的感性需求是感性网页界设计的最为重要的一步。以少儿网站为例，通过以用户为中心的感性工学方法提取出少儿网站设计的感性意向。具体从以下三个方面着手：
１）调查网站和洲览者背景信息。
２）选择具有代表性的网站进行研究，从而得到用户体验：
３）分析统计实验得来的数据，并将其转化成可设计因素：
３．２少儿冈站感性意向分析
每一种类受的少儿网站都有自己的优势，综合考虑影响访问量的因素有以下几点：网站用户群体的定位、网站页面的可用性、网站页匾的易用性、同站页面的交互性。除此之外，还有一些小细节的设计也能影响用户的感受，比如同站的注册流程繁琐且填写过的内容不能被存储记忆．这就会让用户感到异常的烦躁不安。基于上述的调查，得出少儿网站形象设计应该简单，可爱，易用，这才符
本栏目责任编辑：冯蕾
第７卷第４期（２０”年２月）
合少年儿童的心理发展，符合使用需求。
阶层分析法
感性工学的阶层类别分析法是根据新产品的感性层面来进
行分析和分类，以建立产品的感性结构来获取设计细节，因此主
要运用在新产品的开发过程中，将运用阶层类别分析法研究出的
某种产品属性决策归纳采入到新产品设计中去。在阶层类别分析
法操作过程中，首先要对目标产品做一个感性市场的调查。调查
主要收集来自于各种渠道的信息。如用户访谈、市场调研、报刊网
络资料收集等。在此之后．着重的是研究小组成员间的想法表达
与充分讨论，通过讨论凝聚成一个产品概念作为０阶感性概念。
考虑到０阶感性概念的抽象性及难懂性．将其转译成稍微具体的
ｌ阶感性概念就很有必要了。研究人员采用层次递推的方法。将用
户对产品的感性认识范畴向下拆解形成ｌ阶感性概念。接着再由
ｌ阶感性概念逐次逐步层次分解推论子概念。每一个衍生子概念
再分别向下拆解展开成树状结构。假如设计团队无法从某一阶层
得到具体的设计细节部分，则将继续往下拆解。直到能够得到出
现物理量的细节设计的详细说明的阶层（作为“Ｎ阶”）为止，最终
获得符合感性诉求的产品设计物理特性，作为产品开发的基础。Ｃ钟ｎ卢ｑ脂ｒ幻坩刊蝴删ｎ嗍ｎａ叻电■知识与技术
这个“感性——物理特性”的树状图关系．就是贯穿阶层类别分析
法的一条主要脉络。
捕捉用户的感性体验是是一个网站成功的关键地方。从调查
设计中的几个常用的网站看都缺乏这方面的设计。将少儿网站的
调查研究结果利用阶层分析法，我们将少儿网站的设计定位于以
用户为中心，通过娱乐性，易用性．美观性。交互性四个一次感受
来体现以用户为中心的Ｏ次感受。比如。一次感受中的娱乐性。又
是通过趣味性和可玩性的二次感受来体现的。因为少年儿童的心理具有特殊性。所以内容不能严肃和呆板。要让网站达到寓教于乐的目的。内容要充满童趣．少年儿童对外在的世界还充满无比的好奇．所以开发交友功能来满足他们的好奇心。再将１次感性继续细分．经过Ｎ次感性化后最终得出物理上的设计细节。这样我们就将过去难以量化、只能定性的、非理性无逻辑可盲的感性反应，转化为设计要素。少儿网站感性树状图如图３所示。图３少儿网站感性树状图
４结论
通过对以上几个同站的感性设计现状调查，再将调查的结果运用感性工学方法得出感性意向树状图，得出一下几点结论：１）增强少儿网站的娱乐性．少儿上网的目的性不是很强。网站的内容要达到寓教于乐的效果；２）增强少儿网站内容易用性，少儿处于接触网络的初始阶段，操作的简易性符合少儿用户心理；３）界面应该卡通化充满童趣，这样才能符合儿童的审美；４）增强网站的交互性可以从数据库方面来考虑。再就是网站的的功能，提供在线同答，问题反馈功能能增强网站的可性度，也是吸引和留住用户的一个重要方面。树状图的具体物理设计细节就是将浏览用户的感性体验转化成了具体的设计细节。这样的设计符合用户需求，达到了少儿网站感性化设计的目的。
参考文献：
ｆＩ】方惠敏。杨国胜，丁文珂．基于人性化网站界面设计的用户建模册．计算机技术与发展。２００８（２）：１８７一１９０．
北京：机械工业出版社．２００５：７２８—７３１．
【３】梅云．感性设计：人机界面设计新思维们．科技资讯，２００８（９）：２１７．【２】钟厦．宋晓晨，孙亚云．感性工学中量化的基本程序介绍【ｃ脚５年国际工业设计研讨会暨第十届全国工业设计学术年会论文集．
１４】徐晓莉．基于感性工学的网络形象设计理念研究【Ｄ】．济南：山东大学。２００８．
【５１吴浩．设计艺术学【Ｄ】．上海：上海交通大学，２００７．
【６１刘增．以用户为中心的网络界面设计研究【Ｄ】．南京：南京航空航天大学。２００７．
ｆ７】李立新．感性工学一门新学科的诞生叽．艺术生活，２００６（３）：７ｌ一７３．
【８】罗仕鉴．潘云鹤．产品设计中的感性意向理论，技术与研究进展【Ｊ】．机械工程学报，２００７（３）：８一１３．
【９１喻中华．基于用户体验的购物网站设计中可信赖感研究【Ｄ】．上海：上海交通大学。２００８．
【１０】Ｎａｇａ眦ｃｈｉ
【ｌ１１ＰｅｎｇＭ．１（ａｎ∞ｉＥｎｇｉｎｅｅｒｉｎｇ：Ａｎｅｗｅｒ学ｏｎｏｍｉｃｃｏｎ８ｕｍｅｒ－ｏ—ｅｎＩｅｄｔｅｃｈｎｏｌｏｇｙｆｏｒｐｒｏｄｕｃｔｄｅｖｅｌｏｐｍｅｎｔ【Ｒ】．ＤｅｐａｌｔｍｅｎｔｏｆＩｎｄｕ８－ｔｒｉａｌ叫ｄＳｙ砒ｅｍ８Ｅｎｇｉｎｅｅｒｉｎｇ，Ｈｉｍ８ｈｉｍ８Ｕｎｉｖｅ幅ｉ哆，Ｋ８９ａｍｉｙ鲫睢：ｌ—４一１．１９９５．Ｈｏｎ醪ｉｎｇ＇Ｓ０ｎｇＨｏｎ铲ｈｉ，ｚｈ８ｎｇＺｈｅｎｇｗｕ＇ｅｔａＩ．ＡＳｔｕｄｙｏｎＵ鸵ｒＥｘｐｅｒｉｅｎｃｅｏｆ０“ｎｅＧ啪ｅ哪！．ＷｏｒｌｄＣｏｎｇｒｅ驰ｏｎＳｏｆｔｗ啪Ｅｎｇｉ－ｎｅｅｒｉｎｇ，２００９：１８５一１８９．本．兰目贾任螺囊：超■
网页人机界面感性化研究
作者：
作者单位：
刊名：
英文刊名：
年，卷(期)：张情华， 王以群南华大学计算机学院,湖南衡阳,421001电脑知识与技术COMPUTER KNOWLEDGE AND TECHNOLOGY2011,07(4)
参考文献(11条)
1.Peng Hongxing;Song Hongzhi;Zhang Zhengwu A Study on User Experience of Online Games 2009
2.Nagamachi M Kansei Engineering:A new ergonomic consumer-oriented technology for productdevelopment 1995
3.喻中华 基于用户体验的购物网站设计中可信赖感研究 2008
4.罗仕鉴;潘云鹤 产品设计中的感性意向理论,技术与研究进展[期刊论文]-机械工程学报 2007(03)
5.李立新 感性工学-门新学科的诞生 2006(03)
6.刘增 以用户为中心的网络界面设计研究 2007
7.吴洁 设计艺术学 2007
8.徐晓莉 基于感性工学的网络形象设计理念研究 2008
9.梅云 感性设计:人机界面设计新思维[期刊论文]-科技资讯 2008(09)
10.钟厦;宋晓晨;孙亚云 感性工学中量化的基本程序介绍 2005
11.方惠敏;杨国胜;丁文珂 基于人性化网站界面设计的用户建模[期刊论文]-计算机技术与发展 2008(02)
本文链接：
研究网页设计的目的篇十
《企业网站规划与设计论文-》
毕业设计（论文）
学习中心（函授站）： 深圳研究院学习中心
专 业： 2013秋本科计算机专业 姓 名： 唐玺 学 号： 13612759 指导教师： 杨大江
中文题目： 企业网站的规划与设计
北京交通大学远程与继续教育学院
2015年10月
毕业设计(论文)承诺书与版权使用授权书
本人所呈交的毕业论文《企业网站的规划与设计》是本人在指导教师指导下独立研究、写作的成果。除了文中特别加以标注和致谢之处外，论文中不包含其他人已经发表或撰写过的研究成果，也不包含为获得北京交通大学或其他教育机构的学位或证书而使用过的材料。与我一同工作的同志对本研究所做的任何贡献均已在论文中作了明确的说明并表示了谢意。
本毕业论文《企业网站的规划与设计》是本人在读期间所完成的学业的组成部分，同意学校将本论文的部分或全部内容编入有关书籍、数据库保存，并向有关学术部门和国家相关教育主管部门呈交复印件、电子文档，允许采用复制、印刷等方式将论文文本提供给读者查阅和借阅。
论文作者签名：_________________ ______年_______月______日
指导教师签名：_________________
_______年_______月______日
北京交通大学
毕业设计(论文)成绩评议
北京交通大学
毕业设计(论文)任务书
本任务书下达给： 级 专业 学生 设计（论文）题目：
一、毕业设计（论文）基本内容
二、基本要求
三、重点研究的问题
四、主要技术指标
五、其他要说明的问题
下达任务日期：要求完成日期：指导教师：年 月年 月 日 日
上一篇：第一页
下一篇：网页制作策划书怎么写