《网站首页---登录进来之后是首先就看到该页面要求在第二面上讲课教案》由会员分享，可在线阅读，更多相关《网站首页---登录进来之后是首先就看到该页面要求在第二面上讲课教案（29页珍藏版）》请在金锄头文库上搜索。
1、网站首页-登录进来之后是首先就看到该页面。要求在第二面上,MK,网站首页要求：我们的业务主要是两部分，一部分是学科测评，需要突出科技感和亲和感。 因此需要简洁前卫。另外一部分是学术研究组织，需要突出的是学术感和知识的厚重感。 1、网站进入首页是分为两个部分，一边是学科测评（魔识教育）；一边是学术研究（魔识公会） 2、在这个页面里需要对魔识教育和魔识公会都做一定的设计，有其相对于的LOGO效果。两边需要渐进过度，并在中部有一个过度图标。 3、圆形按钮诊断和测评。在鼠标放上面以及点击的时候会有一个特效效果（比如说水晶效果）。 4、图案背景，魔识教育（左侧）可以采用一个图表分析作为背景。魔识公会（右
2、侧）可以采用一个星空知识地图作为背景。做淡化处理，不需要太明显。 5、我们是打造一个高科技前卫的公司形象，所以请整体风格不要太花哨和太Q。,网站首页2 还是在首页上的，只不过点击不同的地方会出来不同的效果。要求见下页,点击诊断的话，会直接弹出注册登录界面。,加入我们 姓名 电话 邮箱 职业 为什么想要加入我们（200字以内）,1,2,3,1、点击诊断：点击诊断之后，会直接在首页上弹出来出来一个登录/注册的界面，如上图。首页淡化处理。 登录窗口内容： 邮箱/手机： 密码： 忘记密码 验证码： 换一个验证码 注册窗口内容:邮箱、密码、确认密码、用户名（建议真名）、手机号、地区、年级、性别。参考PP
3、T内容。 2、点击绘图：点击绘图之后，会直接在首页上弹出来一个加入我们的界面。首页淡化处理。 内容：姓名、电话、邮箱、职业、加入理由。 参考网页： 3、点击左端除了诊断之外的其他地方：进入下一级网页2.1 4、点击右端除了绘图之外的其他地方：进入下一级网页2.2,2.1.1 这一页是点击魔识教育之后进来的首个页面。因此需要和前一页面保持一致的视觉感受。即科技前卫，以及简洁大气。PS希望这几个风格能够柔和到一起，拒绝花哨，单一颜色为主。 1、排版风格类似于丁博士网（ 2、栏目条包括：魔识教育、未来教育、解决方案、校企合作、关于我们、 3、在左或右上角，有跳转魔识公会的按钮。 4、在该页面上可以直
4、接进行登录。登录分为学生区和教师区。这一个地方需要你们进行设计一下，尽可能方面学生登录就行。 5、滚动播放的图片，目前是5张，需要设计一下。内容和资料已经参考样式后续。,网站第二页2.1.2 页面主要内容展示。以文字加图片的为主，要求下一页,2.1.2基本上后面几页的风格应该都差不多，保持整体的一致性。主题内容就是图片+文字的风格，左侧的下拉框可以不要，根据设计需求。 参考：,网站第二页2.1,2.1.3同2.1.2的风格就行，图片的展示可能比较多。根据具体效果看是否要边框下拉菜单,网站第二页2.1,2.1.4同2.1.2的风格就行,网站第二页2.2,2.2.1的主要作用是展示，主页栏主要还是
5、突出魔识公会的主体地位，如同淘米网那样，中部特别设计一下。中部采用一个古朴风格的公告展示。然后下面出现一个滚动图组的知识地图和最新动态的情况。,魔识教育,公会成员,知识库,加入我们,加入我们 姓名 电话 邮箱 职业 为什么想要加入我们（200字以内）,这个页面是魔识教育的风格，整体构架可以和魔识教育类似，但是颜色是一定要有区分度的。 目前魔识教育还是以展示为主，没有太多具体的功能。 1、栏目条内容：魔识公会、绘图阁、育人堂、知识库、关于公会 2、首页是一个公告栏（请务必设计的古朴大气一些）。可以图片+文字的。 3、在某个地方设置一个加入我们的按钮（具体放哪，如何设计靠你们了），弹出来一个和之前
6、一样的填信息的框。 4、后面几页都和魔识教育的差不多，就不细说了，唯一一个需要注意的是：我们需要一个绘图日志，因此需要有一个时间轴，从下往上走的。,2.2.2,网站第二页2.2,2.2.2的主要作用是展示，绘图日志基本就是一个大事记的概念，文字记录，如果能弄一个可视化的时间轴那是最好了。,网站第二页2.2,2.2.3的主要作用是展示。依然是图文展示。,网站第四层4.1从现在开始是用户登录之后的界面，那么就属于测试系统界面。要求见下页,4.1.1,魔识教育数据中心,个人信息,数据中心,学习建议,知识点分布图,答题情况对比图,联系老师,魔识教育,魔识公会,人教版小学六年级诊断题 2012-10-6
7、 188人参加,诊断,数学,物理,化学,生物,小学,初中,高中,4.1.1 这部分是学生登录进来之后看到的，首先看到的就是考试中心。选择试卷进行考试。 考试中心的内容：首先可以点击选择小学、初中、高中 然后可以点击选择数学、物理、化学、生物 然后出现试卷信息：试卷名称 开始诊断（点击之后进入做题） 形式可以参考 账号： 密码：younengjiaoyu,网站第四层4.1。,4.1.1,魔识教育数据中心,个人信息,数据中心,学习建议,知识点分布图,答题情况对比图,联系魔识,还要加上城市的下拉选择框。 学校,魔识教育,魔识公会,这页是用户的个人信息。简单点介绍就行。 通常学生信息： *账号 *密码
8、 真实姓名 性别 QQ号 *邮箱 电话 学校 *年级 居住地区 出生日期 *必填，其他选填,网站第四层4.1,4.1.1,魔识教育数据中心,个人信息,数据中心,学习建议,知识点分布图,答题情况对比图,联系魔识,魔识教育,魔识公会,参考： 账号： 密码：younengjiaoyu 这页是查看报表页，会展示学生历次参加的考试试卷。 因为试卷会比较少，因此尽量将每一次的试卷所占的空间放大一些，大概一页能够放3张试卷信息,网站第四层4.1,4.1.1,魔识教育数据中心,个人信息,数据中心,学习建议,知识点分布图,答题情况对比图,4.1.1这一部分是学生做完题后，跳转到学生信息中心里。如图一样的呈现方式
9、，基本图是前端添加进去的，点击可以进入真实图表的查看界面。还是那句话，简单为主，很多不常用的功能可以隐藏。,考试中心,图片,文字介绍 联系方式,魔识教育,魔识公会,图片,文字介绍 联系方式,网站第三层3.1,魔识教育,3.1.1,不会,关于做题的页面 1、体现简洁 2、给了两个参考图形，风格就按照参考的设计，主要是边上的颜色风格和网站设计保持一致 3、题和答案靠左，选项和下一题居中 4、在顶部方式魔识教育的Logo 5、开始答题后，就不能跳转到其他地方了，直到打完 6、关于那个时间弹出来的框，单独设计一个小的弹出框就行，希望有我们自己的特色,网站第四层4.1,4.1.1,魔识教育数据中心,个人
10、信息,数据中心,学习建议,知识点分布图,答题情况对比图,联系魔识,魔识教育,魔识公会,网站第四层4.1,4.1.1,魔识教育数据中心,个人信息,数据中心,学习建议,知识点分布图,答题情况对比图,联系魔识,魔识教育,魔识公会,这页是属于比较重要的一页。答题完了之后直接跳转到这页。 因此希望对这页的设计能够用心一些， 首先第一个，每一个知识点上面的图片，希望能加一些效果。 点击知识点展示图之后就能够查看具体的报表 目前有8张图：知识点分布图、答题情况对比图、答题时间对比图、数学能力分析图、学生各题得分表、个人错题分析表、推荐知识点列表、知识点掌握情况图 图表的资料见资料包,网站第四层4.1,【解读
11、】图中每个格子代表一个知识点，格子的蓝，红，白色分别代表学生对此知识点的掌握情况：会做，不会做和教材里出现但此次测试未涉及到的知识点。该图标排列整齐，简洁明了，一看便可以了解学生目前在各知识点上的掌握情况。,联系魔识,魔识教育,魔识公会,智能报表-人教版小学六年级知识点掌握图,图表分析：这里面就是每个图表的具体展示了 其中图表是已经设计好的，但是图表功能以外的地方需要与整理风格设计的保持一致。 包括三部分： 一是表头：即图表的位置 二是图表：已经设计好 三是下面的文字分析：需要留有一定的空白，可以添加图表详细信息,其他： 关于logo: 事实上我们是两个品牌：魔识教育和魔识公会，两个是一个体的两个方面，因此风格可以一样，主要区别还是从颜色上去设计。 魔识教育是商业化运作，主要是服务机构和学生。 魔识公会是研究型组织，主要是做学术研究和知识共享。 请适当突出MK，作为logo的设计基调 关于名片： 名片也是要有两种风格的，一个是魔识教育，一个是魔识公会，风格同Logo。,
