《构建之法》个人第三次作业之原型设计

原型设计

这个作业属于哪个课程	点一下
这个作业要求在哪里	点一下
这个作业的目标	熟练使用原型设计工具，提高自己的审美

一、对比三种原型工具

墨刀

墨刀是一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，能够搭建为产品原型，演示项目效果。墨刀同时也是协作平台，项目成员可以协作编辑、审阅 [1] ，不管是产品想法展示，还是向客户收集产品反馈，向投资人进行Demo展示，或是在团队内部协作沟通、项目管理

特点：

• 操作简单

  简单拖拽和设置，即可将想法、创意变成产品原型。

• 演示

  真机设备边框、沉浸感全屏、离线模式等多种演示模式，项目演示效果逼真。

• 团队协作

  与同事共同编辑原型，效率提升；一键分享发送给别人，分享便捷；还可在原型上打点、评论，收集反馈意见，高效协作。

• 交互简单

  简单拖拽就可实现页面跳转，还可通过交互面板实现复杂交互，多种手势和转场效果，可以实现一个媲美真实产品体验的原型

• 素材库

  内置丰富的行业素材库，也可创建自己的素材库、共享团队组件库，高频素材直接复用。

Axure RP:

Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理 [1] 。

特点：

• 便捷高效

  轻松快捷的以鼠标的方式创建带有注释的线框图。不用进行编程

• 较为专业

  Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等，另外，架构师、程序员也在使用Axure。

• 元件库丰富

  不仅自带丰富的元件库，还可以安装其他网站精美的元件，比如bootstrap

Mockplus:

Mockplus（摹客）是一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计。

特点：

• 无缝真机预览

  可直接实现设计和移动设备之间的通讯，直接预览，不需要任何第三方设备。在设计过程中，设计者拿出手机就可以随时和Mockplus对接，将原型传递到移动设备，观察原型在移动设备中的真实状态。

• 素描风格（国内独有）

  其拥有200多个组件、海量图标，全部支持手绘素描风格。更好地强调传递一种设计原则即：“我这是草图，仅仅是原型，不是最终的产品，需要你的确认”。对于团队交流、客户沟通，这会有好的效果，也非常重要。

• 组件交互

  视觉上定位于低保真，但致力于高保真的组件交互能力。表达交互时依然能够准确、完整，并同样简单上手。Mockplus支持基于页面的交互和动画效果。MockplusV2版本，将支持基于组件级别的交互和动画，可即时观察交互效果，大大降低学习成本。

所以：

经过一系列的对比：费用是否免费，是否好上手，素材库是否更符合自己的预期，设计起来是否能够满足自己的预期。

我选择了墨刀进行原型设计。

墨刀操作简单好上手，免费用起来很nice，素材库能够给我不经意间的点拨，正中我心。

MockPlus呢，之前自己已经使用过，也蛮不错，希望能再玩玩其他的软件。

Axure RP操作相比其他两款操作难度要求更高，且是付费软件，不太适合自己。

二、需求分析

题目：

面向普通学生和社团管理员，集合了各个社团的信息，特色功能是活动的浏览和报名，以及活动的发布、审核与通知，同时还具有加入社团、发送站内信等功能。

三、原型设计查看地址

普通学生小程序：https://free.modao.cc/app/aed106af3efc1273afa52ccf5cc9f478082eaf8b

下面这个网页端打开请缩放到100%观看

社团管理员网页端：https://free.modao.cc/app/82e9hfwbor5k0zzjul46mxkbgr6sr3#screen=sB785A805911569418642422

四、原型设计

学生小程序页面：

登录注册

首页：

活动详情：

站内信：

管理后Web页面：

五、总结

一星期一总结的博客悄然而至。原型设计在之前的服务外包比赛中就有所涉猎，当时帮经管院的朋友弄了一个APP，使用的便是MockPlus，因为当时没有使用任何模板，自己借鉴大家经常使用的APP的特点照猫画虎完成了，所以记忆犹新。

那这次得益于课程安排，又了解到更多的原型设计工具，比如我这次使用的墨刀，总的来说自己比较满意，因为本来一开始想着这次就采用模板吧，结果试着设计了一下，居然上瘾了，慢慢地做成这个样子。当然，依然存在很多不足，比如自己的审美，直男审美很难受，颜色搭配着实不易。

以上。