网站规划与设计大作业范例 - 图文

网站项目规划与设计

目录

一、项目背景 ............................................................................................................... 1

（1）网站需求分析 ........................................................ 1 （2）网站的目的及功能定位 ................................................ 1

二、网站开发平台 ....................................................................................................... 1 三、网站建设日程表 ................................................................................................... 2 四、站点地图 ............................................................................................................... 2 五、线框图 ................................................................................................................... 2 六、设计规范 ............................................................................................................... 3 七、网页UI设计 ......................................................................................................... 4 八、主要页面的详细设计图 ....................................................................................... 5 九、网站测试 ............................................................................................................... 5

（1）测试准备............................................................ 5 （2）用户界面测试........................................................ 5 （3）功能测试............................................................ 5 （4）兼容性测试.......................................................... 5

十、网站推广 ............................................................................................................... 5

一、项目背景

（1）网站需求分析

随着不同国家之间交流越来越广泛，不同国家的饮食文化也随之传播，人们逐渐开始产生了解不同国家饮食的需求。

近年来，舌尖上的中国的热播，通过对中华美食的多个侧面，来展现食物给中国人生活带来的仪式、伦理等方面的文化。由此我们深受启发，准备让大家见识多个有代表性的国家特色食材以及与食物相关、构成他们各自美食特有气质的一系列元素，从而了解世界饮食文化的精致和源远流长。

出自对事物的热爱，对自然的敬畏，同时为了让大家更多地了解世界广大的饮食文明，我们决定制作六个最具有代表性的国家的饮食介绍，相信会获得各年龄阶层曾的青睐。

（2）网站的目的及功能定位

目的及功能：展示各国各地的美食，使大众全方位了解不同地区的饮食文化；为吃货的旅行提供参考；介绍大学食堂趣闻，贴近生活，展现另类美食风采

目标人群：美食爱好者，各国文化爱好者，几乎辐射各年龄阶层

二、网站开发平台

功能模块 操作系统 设计稿、图形处理 动画设计制作 网页制作平台 网站开发语言 网站测试平台 技术和软件平台 Windows 8 Photoshop CS6 Flash CS5 Dreamweaver HTML, CSS, JavaScript Chrome，Firefox 三、网站建设日程表

完成整个项目所需时间为三个月，其中各项规划任务如下表所示：

时间 3月9日-16日 3月17日-23日 4月6日-19日 4月20日-5月1日 5月2日-5月10日 5月11日-24日 5月25日-6月7日 6月8日-6月15日 任务内容 拟定项目 制定初步项目计划 网站初步框架 网站内容具体丰富 总结反思，网站细节完善 计划微调，网站用户体验感测试 网站装饰再加工，CSS布局，JS语言 最终测试 四、站点地图 五、线框图

（1）首页布局

（2）单页布局

特色 内容 分类 内容 An unexpected Delicacy Journey CHINA INDIA JAPAN 相关图 片 相关图 片 相关图 片 TURKEY 相关图 片 ENGLAND ITALY 相关图 相关图 片 片 CONTACT COUNTRIES ABOUT US SHARE logo 导航 面包屑 起源 CONTACT COUNTRIES ABOUT US SHARE 内容

支持平台如微博，微信的图标 六、设计规范

（1）视觉风格：网站整体风格将围绕“简约”、“轻快”这两个主题。

各国都别具一格，富有自己国家的特点，但仍然有相互联系，统一的整体效果。 ①颜色：首页设计以蓝紫灰为基调，运用米黄进行融合搭配，突出网站活泼清爽的格调。另外运用flash和其他形式的动态技术效果，强调网站的特色同时也更能吸引浏览者的注意。每个国家单独的一组网页的配色，我们决定采用每个国家国旗的主要颜色，如意大利为绿、白、红，中国主要为红色等等

但不会使用纯度很高的颜色，否则不适宜阅读。会使用偏灰色系的颜色，简约的现代感，营造静谧的氛围，烘托食物的鲜艳，诱人。

超链接的各个时段的颜色也会统一，目前鼠标移上去和点击时统一为白色。 ②字体：为了美化页面，提高视觉效果，使用纤细，清新的字体，且面包屑、主导航和页面上各个标题的字体都统一。目前使用的英文字体为yellow peas demo和SIMPLIFICA Typeface。

③图像：采用贴合国家气息的背景，背景尽量少繁复