幼儿园信息平台.pdfVIP

界面设计与交互设计书 Page 1 界面设计与交互设计书 幼儿园信息平台 2013 年 10 月 11 日 0.1 版本 （请勿外传） 界面设计与交互设计书 Page 2 文档说明： 1、以下页面的设计部分，仅供参考。所以，在设计方面，设计师请从各自专业的角度，围绕幼儿园活 泼、可爱、卡通的基调来进行大胆设计即可。 2、文档中并未给出所有页面的原型图，未包含的部分会在相应的页面中用文字加以描述说明。 3、该手机项目，很多方面可以参考腾讯微信。但是，请勿过分抄袭腾讯微信。 4、当前原型图中的图标、按钮、背景图均为网上直接拿来使用，在设计过程中，请考虑将来产品在商 业使用过程中设计（元素）版权的问题。 5、希望能有多套不同的设计风格可供参考。 6、虽然在该文档中只列出了 8 张图，但实际远远不止这 8 张。 界面设计与交互设计书 Page 3 001. 登录页面 补充说明：“注册”按钮点击后出来的注册页面没有给出。但是，注册会通过输入手机号，并 获取手机验证码的方式来完成注册过程。 界面设计与交互设计书 Page 4 002. 互动信息 界面设计与交互设计书 Page 5 002-1. 详细信息 补充说明：该页面为“互动信息”页面点击第三条后出现的对应内容。当前页面左下角的第一 个按钮，是允许像微信一样进行录制声音消息。第二个“+”按钮，点击之后，则是出现添加 表情、图片和视频三个功能（目前微信是有 8 个功能）。 界面设计与交互设计书 Page 6 003. 通讯录 补充说明：通讯录分为“群组号”和“个人号”两种类型。其中“个人号”部分，希望按照微 信的方式，根据字母顺序排序。当前原型图没有加入这个内容。 界面设计与交互设计书 Page 7 004. 宝宝食谱 补充说明：当前原型图中用 标注的我们将其归为“幼儿保健”一类，用 标注的将其归为 “每周饮食”一类。当前原型图的展示需要进行调整。调整为：在“宝宝食谱”下面加入两个 标签页（Tab 页），第一个标签放置“每周饮食”，里面展示每周饮食的信息；第二个标签放 置“幼儿保健”。 界面设计与交互设计书 Page 8 005. 宝宝出勤 补充说明：黄色表示节假日和双休日不用到课的日子；红色表示学生当天的考勤信息有问题； 绿色表示学生当天的考勤没有问题。 界面设计与交互设计书 Page 9 005-1. 每日信息 补充说明：请将 图标加以重新设计，主要能表达出一个是孩子到校，一个是孩子离校 的意思即可。该页面是点击“宝宝出勤”页面中的任意一个日期后进入的详细页面。请进行大 胆调整，但需要突出表明学生进校、学生离校、学生未到校三种不同的表示状态。 界面设计与交互设计书 Page 10 006. 关于我 补充说明：该页面点击相应内容有更多拓展。这里未加以详细说明。