原型设计

格式描述

---

Question	Answer
所属课程	构建之法
作业要求	作业要求
作业目标	了解原型设计，熟悉使用原型工具

一、原型设计是什么？常用的原型工具

---

    原型是一种让用户提前体验产品、交流设计构想、展示复杂系统的方式。就本质而言，原型是一种沟通工具。线框图描绘的是页面功能结构，它不是设计稿，也不代表最终布局，线框图所展示的布局，最主要的作用是描述功能与内容的逻辑关系。     常用的原型工具：Mockplus、Axure、墨刀、JustinMind、Invision、proto.io

---

1、 墨刀

    优点： 简单拖拽和设置，即可将想法、创意变成产品原型，简单拖拽就可实现页面跳转，还可通过交互面板实现复杂交互，多种手势和转场效果，可以实现一个媲美真实产品体验的原型。。真机设备边框、沉浸感全屏、离线模式等多种演示模式，项目演示效果逼真。与同事共同编辑原型，效率提升；一键分享发送给别人，分享便捷；还可在原型上打点、评论，收集反馈意见，高效协作。
    缺点：收集素材和添加素材比较麻烦。

---

2、 Axure RP

    优点：Axure RP是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理 。Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等，另外，架构师、程序员也在使用Axure。
    缺点：在细节上，Axure RP虽然把常用组件的放在上面了，但在具体使用时需要经常上下滑动，翻找组件和图标。而且要钱。

---

3、 Mockplus

    Mockplus简单，但是功能够用。做原型，更快更简单，是它的主要产品特点;丰富的组件库（200个组件）、图标库（3，000个图标）;封装的交互组件，交互设置可视化;带有交互和说明的原型，可以直接指导技术进行开发，同时也可以指导测试编写测试用例和进行测试指导。

---

二、项目选题：社团管理 +需求分析+原型链接

（1）社团管理
    项目需求如下： 面向普通学生和社团管理员，集合了各个社团的信息，特色功能是活动的浏览和报名，以及活动的发布、审核与通知，同时还具有加入社团、发送站内信等功能。
    项目背景和解决的痛点：
    学生刚入西南石油大学时缺乏了解社团的长期的、便利的渠道；社团公众号文章分散各处；群里发的活动报名问卷容易被水过去，而且每次要填的信息都差不多。 社团管理员在管理社员时没有一个很好的工具，来发布活动、统计报名人员、通知活动变更等。 社联在管理所有社团时，在审核活动申请、审核场地申请、星级评定、材料收取等方面也存在一些困难。 因此，我们希望能打造一款软件连接学生、社团和社联，根据用户不同的使用需求，我们计划给将社团展示、活动报名等功能放在手机小程序端，在社团管理的大部分功能放在网页端。
项目面向的用户：
    小程序： 主要面向西南石油大学学生，其中的社团管理功能，则面向社长等社团管理员。
    网页端： 主要面向社长等社团管理员，还能面向社联。

1 、 需求分析

对象	功能
普通学生	浏览活动信息、报名活动 信息修改 站内信息查看、发送
社团管理员	浏览信息活动 审核活动、发布活动 删除活动 查看活动

---

2、原型展示

小程序端展示：




网页端展示：

---

3、原型链接

---

• 小程序端链接
  
• 网页端链接

三、总结感悟

表示第一次接触这个原型工具，开始觉得可能这个过程会很难；但真正上手之后觉得这个过程真的很有趣，就像小时候搭积木一样，唯一的难点就是找素材吧，好难找的这素材。终于原型画出来了，虽然没有任何真正的功能，但毕竟是给别人提前体验的嘛，就像手机模型一样。个人觉得如果肯花时间去做，肯定能做出一个与软件极其相似的原型。反正就觉得挺好玩的。

四、 参考文献

1. 原型设计是什么，该怎么使用它？
2. 墨刀——百度百科
3. Axure与Mockplus的区别
4. 5款常见原型工具，产品特色知多少？

转载于:https://www.cnblogs.com/9527abc/p/11598592.html