原型设计

|
:--😐:--:
这个作业属于哪个课程|课程链接
这个作业要求在哪里|作业要求链接
这个作业的目标|熟悉原型设计工具，了解原型设计流程

目录

对比原型设计工具

墨刀

个人评价

  • 优点
    • 可以在线编辑完整的项目，节省空间。
    • 内置了大量素材。
  • 缺点
    想要进行较为复杂的控件设计会比较繁琐

部分界面截图

个人空间 ![](https://img2018.cnblogs.com/blog/1784814/201909/1784814-20190925142349133-248596795.png) 新建项目组 ![](https://img2018.cnblogs.com/blog/1784814/201909/1784814-20190925142427718-224171186.png) 新建项目 ![](https://img2018.cnblogs.com/blog/1784814/201909/1784814-20190925142652946-189701814.png) 项目总览 ![](https://img2018.cnblogs.com/blog/1784814/201909/1784814-20190925142817319-2078502047.png) 工作区 ![](https://img2018.cnblogs.com/blog/1784814/201909/1784814-20190925143653326-262195455.png)

Axure RP9

个人评价

  • 优点
    界面上的文字标注较多，容易理解
  • 缺点
    项目创建的引导不够

部分界面截图

工作区 ![](https://img2018.cnblogs.com/blog/1784814/201909/1784814-20190925174929463-1810756140.png)

Mockplus

个人评价

  • 优点
    控件编辑简单易懂
  • 缺点
    界面令人迷茫，引导不够，让人无从下手

部分界面截图

创建工程 ![](https://img2018.cnblogs.com/blog/1784814/201909/1784814-20190925173918397-672456877.png) 工作区 ![](https://img2018.cnblogs.com/blog/1784814/201909/1784814-20190925174016195-229887931.png)

我选择的题目是：博客园班级博客客户端

需求分析

业务需求

  1. 移动端使用
  2. 离线浏览
  3. 界面美观
  4. 完善的通知系统
  5. 体系化的班级博客内容，完善的分类，方便用户找到自己需要的内容

用户需求

教师：

  1. 班级成员管理
  2. 作业管理
  3. 学生成绩管理

助教：

  1. 班级成员管理
  2. 学生交流
  3. 对学生进行评价

学生：

  1. 相互交流
  2. 完成作业

功能需求

必需功能

  1. 班级系统(成员管理系统， 成绩管理系统，作业管理系统三个子模块)
  2. 用户类别(教师，助教，学生)
  3. 聊天系统(私信，群聊)
  4. 离线缓存
  5. 消息提醒(消息分类，消息)
  6. 博客管理系统(发帖，删帖)

辅助功能

  1. 界面优化
  2. 加载速度优化


原型设计

原型链接 [点此处跳转](https://free.modao.cc/app/ijt1ojclkjk0yvzpxvvp8walap8u)
登录界面 ![](https://img2018.cnblogs.com/blog/1784814/201909/1784814-20190925172220296-1685507307.png) 主页 ![](https://img2018.cnblogs.com/blog/1784814/201909/1784814-20190925172251418-1125537865.png) 博客内容界面 ![](https://img2018.cnblogs.com/blog/1784814/201909/1784814-20190925172328260-64097614.png) 编辑和发布博客界面 ![](https://img2018.cnblogs.com/blog/1784814/201909/1784814-20190925172416922-1943952182.png) 搜索界面 ![](https://img2018.cnblogs.com/blog/1784814/201909/1784814-20190925172449769-489413392.png) 消息管理界面 ![](https://img2018.cnblogs.com/blog/1784814/201909/1784814-20190925172522824-1230207807.png) 班级系统-学生 ![](https://img2018.cnblogs.com/blog/1784814/201909/1784814-20190925172624445-687824179.png) 班级系统-老师 ![](https://img2018.cnblogs.com/blog/1784814/201909/1784814-20190925172657737-1506384162.png) 班级系统-助教 ![](https://img2018.cnblogs.com/blog/1784814/201909/1784814-20190925172735033-2009623445.png)
由于本次作业只是设计大致的演示原型，部分功能和界面仅作演示，并未完善或实现。
posted @ 2019-09-25 18:04  Kowaine  阅读(239)  评论(1)  编辑  收藏  举报