原型设计

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



目录

  • 1. 对比原型设计工具

  • 2. 需求分析

  • 3. 原型设计


对比原型设计工具

墨刀

个人评价

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

部分界面截图

个人空间
原型设计_第1张图片
新建项目组
原型设计_第2张图片
新建项目
原型设计_第3张图片
项目总览
原型设计_第4张图片
工作区
原型设计_第5张图片




Axure RP9

个人评价

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

部分界面截图

工作区
原型设计_第6张图片


Mockplus

个人评价

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

部分界面截图

创建工程
原型设计_第7张图片
工作区
原型设计_第8张图片




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


需求分析


业务需求

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



用户需求

教师:

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

助教:

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

学生:

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



功能需求

必需功能

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

辅助功能

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





原型设计

原型链接 点此处跳转


登录界面
原型设计_第9张图片
主页
原型设计_第10张图片
博客内容界面
原型设计_第11张图片
编辑和发布博客界面
原型设计_第12张图片
搜索界面
原型设计_第13张图片
消息管理界面
原型设计_第14张图片
班级系统-学生
原型设计_第15张图片
班级系统-老师
原型设计_第16张图片
班级系统-助教
原型设计_第17张图片


由于本次作业只是设计大致的演示原型,部分功能和界面仅作演示,并未完善或实现。

你可能感兴趣的:(原型设计)