梦幻西游游戏交流网站项目规划与设计2
|三、网站建设日程表
完成整个项目所需时间为三个月,其中各项规划任务如下表所示:
时间 | 任务内容 |
3月9日-16日 | 拟定项目 |
3月17日-23日 | 制定初步项目计划 |
4月6日-19日 | 网站初步框架 |
4月20日-5月1日 | 网站内容具体丰富 |
5月2日-5月10日 | 总结反思,网站细节完善 |
5月11日-24日 | 计划微调,网站用户体验感测试 |
5月25日-6月7日 | 网站装饰再加工,CSS布局,JS语言 |
6月8日-6月15日 | 最终测试 |
- 站点的地图
五、线框图
(1)首页布局
(2)单页布局
六、设计的规范
(1)网站整体色为浅蓝色, 突出主题,颜色没有过多,过杂,用以避免给人一种杂乱的感觉。版面设计十分灵活,根据各部分内容的不同适当的自由设计。网页布局主要用框架和表格,用框架定位内容的大体结构,再用表格具体定位。位置的设计也是重要的一个部分,根据具体内容决定大体结构,相同的风格调用CSS设计一个样式,以保证随时、准确的调用。另外,为了网页布局的协调,我加入适当的Flash动态图片,用以达到更好的浏览效果。
(2)字体:为了美化页面,提高视觉效果,使用纤细,清新的字体,且面包屑、主导航和页面上各个标题的字体都统一。
(3)图像:采用贴合游戏气息的背景,背景尽量少繁复
- 分辨率:所制作的网页将自动调整分辨率以适应显示器分辨率
布局设计
①空间的合理利用:在网页的上端显示检索栏等信息,图片都先以小图标形式展现,鼠标挪动致图片位置将展现细节图,划过处可进一步放大,即节约了空间,同时营造出一种简洁现代的感觉。
②动态效果:会在图片和一些特色小机关上赋予动态效果,如跳动,闪烁,放大缩小等。
③其他附加效果:超链接下划线的显隐,目录的跳转,后期可能会加上音乐
七、网页UI设计
我们将坚持以用户体验为中心设计原则,界面直观、简洁,操作方便快捷,浏览者将对界面上对应的功能一目了然。
保持页面内元素风格,版式一致。
使用一致的标记、标准缩写和颜色,显示信息含义明确。
显示有意义的出错信息,而不是单纯的程序错误代码。
减持高效地使用显示器的显示空间,保持语言的一致性与可选择性。
我们将遵循浏览者从上而下,自左向右浏览、操作习惯,尽量多做“减法”运算,将不常用的功能区块隐藏,以保持界面的简洁。
在页面显眼位置应该出现面包屑导航栏,让用户知道当前所在页面的位置,并明确导航结构。并且为页面导航加以设计规划。
- 主要页面的详细设计图
九、网站测试
(1)测试准备
测试前对被测系统做好以下准备:系统的全面备份,包括应用程序备份、数据备份等;记录测试前系统状态;制定应急措施,确保在测试中发生问题时系统可恢复。测试员应在测试开始前了解网页的相关情况,对测试的预期结果应进行准备和预测。测试前要做好真实数据的准备工作,并进行系统的数据初始化。
(2)用户界面测试
主要测试导航条、内容、颜色、背景、图像、返回等。
(3)功能测试
主要测试站点中的链接等。
链接测试:目的是检查各个URL所联接的页面是否正确。
表单测试:目的是检查每个表单与程序是否正确联接,能够正确地发送用户请求。
(4)兼容性测试
主要检验应用能否在不同的客户端使用。如苹果(iOS系统的)用户,经常使用chrome,Firefox等浏览器的用户是否都能正常使用。
十、网站推广
- 微信公众平台、朋友圈、微博、QQ空间推广
(2)论坛推广
我们可以注册几十个论坛,每个论坛注册若干个帐号,把签名设为自己的网站及团队图标。发表热门内容,自己顶自己的帖子。目前我们应用的论坛包括校内的极速之星、外网的百度贴吧、天涯论坛、豆瓣等等网民较为聚集的地方。
http://www.wxtxxndq.com
http://www.guanjunguanyu.cn
http://www.nuomasilin.cn/
http://www.anlancs.com/
0 Comments.