语文百题测练系统用户界面设计报告

《语文百题测练系统用户界面设计报告》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、东莞理工学院城市学院题目：百题测练系统界面设计报告专业：软件工程（本）年级：2012级3班小组成员：王振鸿指导教师：白晨明老师时间：2014.9.7—2015.1.15地点：3B308东莞理工学院城市学院计算机与信息科学系制2014年9月1.文档介绍31」文档目的31.2文档范围31.3读者对象32.应当遵循的界面设计规范33.界面的关系图和工作流程图54.主界面55.主要学习界面76•美学设计77.网页设计理念71•文档介绍1.1文档冃的用户界面设计是为了满足软件专业化标准化的需求，而产生的对软件的使用界面进行美化优化规范化的设计分支。界而设计文档可以让用户

2、对软件产品有了更直观的了解，并且了解各个模块的设计及用意。1.2文档范围文档学生用户界面设计，教师用户界面设计，其中各个界面包括框架设计，编程设计，面板设计，菜单设计，导航设计。1.3读者对象登陆、注册的学生、教师以及管理员。2.应当遵循的界面设计规范软件界面的设计，既要从外观上简洁美观以到达吸引眼球的冃的，还要结合图形和版面的美化设计，从而使得用户觉得舒服与新鲜。软件用户界面的设计应遵循以下几个基木原则：(1)用户导向原则：明确到底谁是使用者，要站在用户的观点和立场上来考虑设计软件。要作到这一点，必须要和用户来沟通，了解他们的需求、目标、期望和偏好等。(2)

3、KISS原则：KISS原则就是"KeepItSimpleAndStupid"的缩写，简洁和易于操作是网页设计的最重要的原则。毕竟，软件建设出来是用于普通网民来查阅信息和使用网络服务。没有必要在网页上设置过多的操作。尽量使用文本链接,操作设计尽量简单，并口有明确的操作提示。（3）布局控制：◊关于网页排版布局方面，如果网页的布局凌乱，仅仅把大量的信息堆集在页而上，会干扰浏览者的阅读，因此，做到尽可能的简洁美观。（4）色彩的搭配和文字的可阅读性：颜色是影响网页的重要因素，不同的颜色对人的感觉有不同的影响，例如：红色和橙色使人兴奋并使得心跳加速；黄色使人联想到阳光，是

4、一种快活的颜色；黑颜色显得比较庄重，考虑到你希望对浏览者产牛什么影响，为网页设计选择合适的颜色（包括背景色、元素颜色、文字颜色、链节颜色等）。为方便阅读软件上的信息，可以参考报纸的编排方式将网页的内容分栏设计，甚至两栏也要比一满页的视觉效果要好。（5）和谐与一致性：通过对软件的各种元素（颜色、字体、图形、空白等）使用一定的规格，使得设计良好的网页看起来应该是和谐的。或者说，软件的众多单独网页应该看起来像一个整体。软件设计上要保持一致性，这又是很重要的一点。一致的结构设计，可以让浏览者对软件的形象有深刻的记忆；一致的导航设计，可以让浏览者迅速而又有效的进入在软件

5、中自己所需要的部分；一致的操作设计，可以让浏览者快速学会在整个软件的各种功能操作。1.界面的关系图和工作流程图本百题测练系统网站各个界面关系图如下:百题测练系统导航界面登陆界面!好题收藏—►错题集合―►试卷宝库―►提高训练—知识体检—i网站首页成绩反馈设计流程：确定网站的整体风格：由于我们设计的是学习网站，所以采用整洁清新的风格。网页色彩的搭配：蓝为主调。片底，橙色标题栏。确定网页设计的工具：用Dreamweaver来设计整个网站的界面设计，用Photoshop来设计背景、图标等，CSSMenu3制作导航条等。编写JSP语言4・主界面为了页而导航的清晰，本网站

6、采用了框架式页而设计。导航条模块设计登陆界面设计进入登陆界面效果如下:用户名密码登陆I注册卜5.主要学习界面◊知识体检：对学生的所学知识进行全面检测，帮助学生找出学习毛病。◊提高训练：提高学生对知识薄弱部分的加强与提升。◊试卷下载：提供对学生提升与平时练习有帮助的试卷给学生下载训练。◊错题集合：帮助学生记录有错误的题，有助于学生对薄弱部分的提升与练习巩固。◊好题收藏：帮助学生收集好的、有用的题，方便学生的再次练习与复习。◊成绩反馈：反馈给学生平吋测试的结果，帮助学生了解自身的薄弱点，给予学牛学习上的帮助。6・美学设计确定网站的整体风格：由于我们设计的是学习网站

7、，所以采用整洁清新的风格。网页色彩的搭配：蓝为主调。白底，橙色标题栏。7.网页设计理念(1)内容决定形式先把内容充实上，再分区块，再定色调，再处理细节。(2)先整体，后局部，最后回归到整体。全局考虑，把能填上的都填上，占位置。然后定基调，分模块设计。最后调整不满意的几个局部细节。