网页设计说明书.doc

设计说明书
需求分析
目标定位
制作这个网站的目的是为了方便我们学院的新生与老生能快速浏览的我们学校的基本情况,了解我们学校所有好玩,有趣的事情。
本网站的主要职能是实时为新生提供部分新的资讯。
本网站所面向的用户是所有进入我校的同学以及想要了解我们学校的用户。
用户分析
使用本网站的用户主要是想要了解我们学校的所有信息,并且能够为他们提供所需的生活所需的信息。
他们最想本网站为他们提供校内外的所有资讯,包括饮食,住宿,景点旅游等。
本网站制作内容架构清晰,避免过多的文字介绍造成用户过多阅读的麻烦。
用户可以每天浏览我们为其提供的实时热点以及校内外最新的资讯,比如:校园通知、饭堂价格等。
市场前景
本网站的市场需求在于为本校师生以及想要了解我校的用户提供最便捷,最新的信息。
基于前面的分析,决定了本网站的设计风格要简明、清晰;主题围绕着学生所需而开展。
网站规划
内容策划
本往网站主要经营的内容是:校园文化、校园资讯、美食住宿、周边景点等主题。
基于以上主题,其中重点制作的是校园文化和美食住宿;而辅助的是校园资讯等主题。
对于网页如此划分的目的是,使用本网站的用户都是想要了解我们学校于他们息息相关的事情,无论是新生、老生还是其他用户,都想知道我们学校有哪些特色的文化和美食。文化可以增进他们知道我们学校的最近的文化活动生活。而美食,则能吸引更多的学生来了解我们学校的吃货,这对于新进校园的新生有着极强引导作用。
界面设计
对于每个版块的设计都有着其不同的元素,首页,主要突出网页围绕的主题设计导航,并且使用简单明了的文字对学院做出说明;而二级页面,则分为六个版块,每个版块都有着不同的设计元素来突出其主题;对于三级页面,由于其划分表达内容上得较为详细,所以社体元素较为单调以图文介绍为主。
全版设计所使用的元素极为简单,主要以框架、线条、设计,在此基础之上配合色彩、阴影、重叠、浮动、定位等的元素来协调画面风格。
对于次级页面的导航栏设计,是浮动置于页面的底部,这样设计的效果是让用户浏览简洁方便,而且导航栏不会占据页面的内容。
网站设计
网站架构图
**细模块**
**折叠快**
水院生活指南网
机构设置
水院文化
生活指南
周边景点
水院资讯
交通路线
社团活动
学习环境
校园风光
吃遍水院
住宿环境
宣传视频
购物娱乐
流溪滩涂
森林公园
招生就业
水院要闻
石门公园
流溪公园
校园内部
街口广百
欣荣商城
页面设计图
主页面
水院生活指南()
首页
轮播:学院各主题图
文本:简介水院
©水院单位
生活指南
周边景点
交通路线
水院文化
机构设置
水院资讯
二级页面
水院文化()
首页
©水院单位
首页:水院文化
文本:文化生活简洁
社团活动
校园风光
宣传视频
学习环境
拖动形状至中心,跳转到下一页面拖动后,形状复位
机构设置()
首页
©水院单位
首页:机构设置
教学系部
党群组织
行政单位
教辅单位
主体部门
动图(左右滑动):师资力量,学生作品
水院资讯()
首页
©水院单位
首页:水院资讯
招生就业
水院要闻
招生就业
水院要闻
文字滚动栏
可加折叠显示
生活指南()
首页
©水院单位
轮播:生活主题图片
首页:生活指南
吃货图片
住宿图片
购物、美味与住宿
街口中心
欣荣商圈
第九菜系
学生宿舍
周边景点()
首页
©水院单位
首页:周边景点
文本:介绍周围景点
带图标:石门
带图标:玫瑰园
带图标:流溪河
带图标:溪头村
交通路线()
首页
©水院单位
首页:交通路线
到校自驾车
到校公车
游玩路线