网页设计说明书案例.doc

《网 页 设 计 》
设计说明书

姓 名：陈兆辉
学 号：20070560120
班 级：07广告设计
指导教师：孙俊国
完成日期：2010.6.24.

设 计 要 求
考核
目的
考核学生网页设计的综合能力
考核
项目
要求

设计一个有十张网页以上的网站。
1. 有系统规划。
2. 设计网页主页副页效果图，并根据效果图制作网站的主页与副页，要求：
a) 自己设计LOGO；
b) 自己设计BANNER广告；
c) 自定栏目、导航及网页内容；
d) 界面设计要美观，色彩搭配合理，有新意，超链接正确；
e) 网页中要有2个以上的Flash广告
提交：
（1） 网站系统
（2） 网站设计说明书

注：（1）网站主页可以是自己设计Flash片头动画
（2）卷二成绩根据网页设计大赛的参入与获奖情况给予判分。

目 录

第1 章 励合广告策划网站的规划
1.1 网站整体规划
1.1.1 网站的定位：
1.1.2 网站板块的设置
……
1.2 网站功能设计
1.2.1 主页功能
1.2.2 副页功能
……
第2 章励合广告策划网站的设计与制作
2.1主页设计
2.1.1 logo设计
2.1.2 banner设计
2.1.3 栏目设计
2.1.4 导航设计
2.1.5 风格与色彩搭配
……
2.2 副页设计
2.2.1 栏目设计
2.2.2 导航设计
2.2.3 风格与色彩搭配
……
第3章 励合广告策划网站网页设计的重难点分析
3.1 网页设计的重点分析
3.2 网页设计的难点分析
小结：网页设计小结

第一章 励合广告策划网站的规划

1.网站整体规划
励合广告策划网站是为了宣传励合广告策划公司而设立的网站，我们网站志在树立励合广告策划公司的高的知名度，宣传我们励合的精神。以吸引更多的公司或个人来我公司做业务。我们网站设计板块主要有四块：公司概况、关于我们、案例展示、联系我们。
（1）网站的定位：
1.扩大励合公司的知名度，打造自己的品牌。
2.加强与其它公司的业务往来。
3.立志做专业的市场营销策划、全程营销跟踪、品牌体系培训。
4.为努力做优秀的广告设计而拼搏。
5. 使自己成为最专业的广告策划公司。
（2）网站板块的设置:
网站的版块设置：网站主要有四大版块，它们是公司概况、关于我们、案例展示、联系我们。其中还有一些小板块，诸如联系方式、最新动向、案例分析等等。这些板块构成了整个网页布局，以便条理清晰的给观众以更详细的展现。
2.网站功能设计
我们励合广告策划网站的功能主要是将我们公司的品牌打出去，提高我们广告公司的知名度，以吸引更多的客户与我们进行洽谈合作。
(1)主页功能：
1.通过主页，我们想让你了解我们公司网站的主要内容，通过主要板块的设置初步对我们公司的结构有所了解，通过主页的设计，我们还希望你能对我们公司的创意设计有所肯定。
2主页让浏览者更加方便快捷的了解熟悉我们的公司！
3.通过主页，将大体的公司业务、公司简介、公司目标与发展方向等一目了然的展现给浏览者。
（2）副页功能
1.通过副页将网站内容更加条理化、更加详细、更加方便的展现给浏览者。
2.副页中将每个板块的内容具体化、深入化、详细化。让感兴趣的浏览者详细了解我们公司。
3.副页在展现具体内容的同时，能让浏览者更加深入了解我们公司的一切相关内容。
4.可以方便浏览者及时快捷的与我们公司取得联系，你可以通过多种联系方式。

第二章 励合广告策划网站的设计与制作

1.主页设计
主页设计主要采用“T”字型的布局，并有所创意，将所有版块都集中在一块，这样既可以赏心悦目，又可以让浏览者不产生视觉上的疲劳，将所有的版块项目清晰的罗列出来。

（1）.logo设计：

我们励合广告策划公司的logo有两部分组成，分为上下两部分。其中上面那部分是四个相互旋转的图形组成，寓意为公司各部门团结合作，共同发展。下面那部分为励合的英文名“unit”。象征着公司各部们为我们公司的发展竭尽全力！共同创造辉煌！
（2）.banner设计：

我们公司网站的banner设计是将我们公司的logo与我们公司的名字结合在一起，放在网站页面的中间位置。这样显得醒目，让浏览者轻易地看见并且深入内心。
（3）.栏目设计：
我们公司网站栏目主要包括四大部分，就是公司概况、关于我们、案例展示、了解我们。还有其他一些小栏目，诸如公司动向等等。
（4）.导航设计：

导航设计上采用四个长方形块，其中四个长方形快的背景颜色为不同的四种颜色。然后再将描边为白色。
(5).风格与色彩搭配：
我们公司网站主页以灰色为背景颜色，这样显得公司深沉稳重，脚踏实地。然后又将黄色、红色、蓝色、绿色加入其中，显现我们公司的朝气蓬勃、积极进取的创新的精神。
2.副页设计
副页设计仍用“T”字型的布局，将所在的版块内容突出的表现出来，方便浏览者浏览信息。

（1）.栏目设计：
栏目主要为那四大主要版块的下属小板块，像公司概况的公司动向等，以方便浏览者浏览更加详细的信息。
（2）.导航设计：

与主页不同，副页的导航设计采用的是横向的四个导依次而列，每个版块的副页拉出内容，其他的三个板块则只显示导航。这样版面显得简介明了，让浏览者看得舒服。
（3）.风格与色彩搭配:
副页的色彩以此版块的颜色为主色调，这样与版块所显示的内容呼应。不让浏览者有视觉疲劳。

第三章 励合广告策划公司网站网页设计的重难点分析
1.网页设计的重点分析：
（1）.网页主页的设计至关重要。主页的设计关系着整个网站的布局设计与内容介绍。
(2). 网页主页中布局的设计与风格、色彩搭配上至关重要。
（3）.网页副页模板的设计也是非常重要的，怎么样让它方便快捷的展现各个版块的内容！
(4).网页中也要注意一些java脚本的运用。要妥善运用这些工具！
2.网页设计的难点分析：
(1).网页设计中最难设计的就是主页的版面设计是如何的设计、还有就是色彩搭配是否合理是否符合公司企业的性质。
（2）.网页设计中副页设计模板要谨慎小心的设计，做到最完美的状态。
(3).网页设计中各种元素的搭配是一个比较难的问题！既要美观好看、又要合理。

小结：
网站网页设计是一种非常难做但是又非常有意思的工作，我们可以任意发挥我们的创意，让我们飞翔在自由创意的国度里。但是做网页也要做到谨慎小心，要一丝不苟的做！

参考文献：
1.《网页设计与制作》 主编 孙俊国 南京大学出版社 2007-7-4
2.《flash网页设计与制作》 主编 高志清 中国水利水电出版社
3.《网页设计制作案例教程》 主编 高志清 中国水利水电出版社

《网页设计》实践环节考核报告单
2009-2010学年度第2学期期末
排课编号：（2009-2010-1）-2016307-00425-1 批阅日期： 年 月 日
姓名

班级

学号

评分标准及
得分
评分标准
满分
得分
网站规划好、素材收集完整、十张网页以上。
20

主页设计要求：美观且有创意、内容完整、导航正确、有两个以上的flash广告动画（以Flash动画为主页时除外）。
40

副页设计（布局好，内容完整、导航正确，有两个以上的Flash广告动画）
20

设计说明中网页设计重点与难点分析深刻
要求：格式正确、排版规范；分析到位、说明清楚。
用A4打印，7页以上。
20

考核成绩

折合
成绩

任课教师签名