第8组百题测练系统界面设计报告

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

1、用户界面设计报告封面:文件状态：【V］草稿【】正式发布【】正在修改文件标识：SD-MODULE当前版本：1.0作者：郑冬坊完成口期：2014-10-23目录：引言101文档介绍1()2项目背景103读者对象104参考文献205术语与缩写解释206界面设计规范207界面关系和工作流程图208主界面309子界面410美学设计511网页配色基本概念512网页设计理念5引言:网络教育一种全新模式。而要令这种全新模式真正化去实行和运作，则需要进行软件化的设计制作。对于此类教育网站来说，用户界血设计尤英重要。故针对用户界面得设计中，此设计报告能真正的方便于其本系统的界面开发。01文档介绍：该文档为百题测

2、练系统用户界面设计报告说明文档。02文档目的：此文档的编写目的是为了让界面设计人员能通过该文档以明确的界面设计规划来实现项目此方面的要求，方便使客户、软件设计人员、软件开发人员和整合测试人员了解设计方案的具体界面分配，方便其他功能的制作。同时也为界而设计的制作工作提供了直接文档说明。03项目背景：针对中学生为主的用户群体的需求，本系统的界面采用清新明丽的风格，功能区显示清晰明确，布局合理。04参考文献：[A]精通HTML+CSS网页布局与样式清华大学出版社2013-11【B】Web前端开发技术-HTML,CSS,JavaScript储久良编著清华大学出版社05术语与缩写解释:缩写、术语解释U

3、I交互界面06界面设计规范：本界面制作应遵循互联网电子商务网站使用标准，界面设计制作合法化、理性化，既符合大众的市场所需也做到不侵权不盗版的原则要求。07界面关系和工作流程图:登录注册注册用户教师主界面V学生主界面成绩反馈界而VVV试题界面习题收藏界面错题界面▼▼▼消息界面试题管理界试题批改界面考试界面练习界面设计流程：•确定网站的整体风格：由于我们设计的是教育网站，所以采用大方得体的风格。•网页色彩的搭配：蓝为主调。白底，蓝标题栏，橙色按钮或ICO"做点缀。•确定网页设计的工具:用Dreamweaver来设计整个网站的界面设计,用Photoshop來设计背景、框架等，用Fireworks來

4、对已经设计好的图片进行切割成模块，以便插入Dreamweaver中，编写JSP语言08主界面：为了页面导航的清晰，本网站采用了框架式页面设计。页面头放在上框架，课程介绍模块放中框架，下框架是放接口技术相关图片。功能导航、登陆界面放在右框架。•课程介绍模块设计该模块利用photoshop软件制作，制作边框，结合图片文字，对接口技术课程做个简单的介绍。丿4首页个人信总敘邮队伍V联系开发右个人M联8蚀■AM初设苦公询盼字习的错建集合成绩反馈试題宝库好題收藏你到底耋握了多少？来这更別一下。做餡的题怎么办？就敢它走吗？多做诸题会更有效的补充知识点。这里有教师搜寻的各类试卷，包括各抱这里有你练习时收藏的

5、试題，好题让你的镇拟试卷，即傍补充你的知识鬲洞。•上课了不要玩手机2013-04-02A•参加觀学竞番的通知2013-M-02Y?全国统一免费客眼・周三的语文選和生物课对换2013-M-01^51400-0551-503.页谄字静夭到办公室独作业冇2013-04-01■・•上课不要玩手机2013-030£联系我们百题测述系貌是面向中学生的在趺测练系给为学生提洪学科述习・怡违归冷住线您右教师批改和黍机反凑。操作简单吝易上手・适合中学生自主训练。使用对鑰：以一个迹为单位的所有学生娜任老师。本系统旨左为学生和老师提仪快速便擅的学习方式和抉学方式。【详细】09子界面：（后台界面、登录界面）后台界面：

6、试題諫理错題諫通讯管理登录界面设计:效果如下:用户登陆用户名:密码:O学生O教师注册io美学设计：确定网站的整体风格：由于我们设计的是学习网站，所以采用大方得体的风格。网页色彩的搭配：绿为主调。白底。11网页配色基本概念(1)白纸黑字是永远的主题，谁都说不出不好来。(2)网页最常用流行色•兰色——蓝天白云，沉静整洁的颜色。•绿色一一绿白相间，雅致而有生气。•橙色一一活泼热烈，标准商业色调。•暗红一一宁重、严肃、高贵，需要配黑和灰來压制刺激的红色，（3）颜色的忌讳•忌脏一一背景与文字内容对比不强烈，灰暗的背景令人沮丧！・忌纯一一艳丽的纯色对人的刺激太强烈抗议，缺乏内涵。•忌跳一一再好看的颜色，

7、也不能脱离整体。脱离群众是自収其辱！•忌花一一要有一种主色贯穿其中，主色并不时面积最大的颜色，而是最重要，最能揭示和反映主题的颜色，就象领导者一样，虽然在人数上居少数，但起决定作用。•忌粉一一颜色浅固然显的干净，但如果对比过弱，整得苍白无力了，就象病夫一样无可救药。•蓝色忌纯，绿色忌黄，红色忌艳。（4）几种固定搭配•蓝白橙：蓝为主调。白底，蓝标题栏，橙色按钮或ICON做点缀。•绿白兰：绿为主调。白底，绿标题栏