网页设计说明书案例1.docx
《网页设计说明书案例1.docx》由会员分享,可在线阅读,更多相关《网页设计说明书案例1.docx(9页珍藏版)》请在冰豆网上搜索。
![网页设计说明书案例1.docx](https://file1.bdocx.com/fileroot1/2023-2/1/4d4b7f1f-c597-4021-bb5a-cb19a847ff2a/4d4b7f1f-c597-4021-bb5a-cb19a847ff2a1.gif)
网页设计说明书案例1
《网页设计》
设计说明书
姓名:
陈兆辉
学号:
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.1logo设计
2.1.2banner设计
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
考核成绩
折合
成绩
任课教师签名