|
这个作业属于哪个课程 |
|
| 这个作业要求在哪里 | <作业要求的链接> |
| 这个作业的目标 |
熟悉各项原型工具，使用一种工具进行原型设计 培养原型设计思维，为之后的团队项目提前做准备 |
一、3款原型软件的对比及使用体验
（1）墨刀
墨刀这款原型软件，我大一大二时用过，非常适合团队进行画原型，曾三个人利用两天时间画出了一个app的原型，控件拖拽简便易用，图片直接粘贴上去，跳转页面直接拉撤链接，不用之后，点击剪刀直接删除即可，主页面简洁清爽，色彩令人舒适
遗憾的是创建的企业项目将会在15天后过期，到时候无法再进行编辑，如下图所示，
不过可以再新建企业，又可以有15天的免费编辑权，也可以邀请朋友一起编辑，团队设计时，自动上传保存，防止遗漏，总的来说，就是易于上手，拖拉空间很方便，小白也能轻松学习使用；另外，编辑好的项目都是云端存储，不易丢失。
（2）Mockplus
这个软件与墨刀相似，拖拉控件也比较方便，虽然有个别操作有点难，还需要上网百度一下，但总体是简易的，不过一登进去界面，就感觉有点难看，稍微拖了几个控件，也觉得色彩单调，线条粗矿,没有墨刀来的精致优雅，常用控件不能让我第一时间发现并使用。
另外，mockplus中的完成的项目，默认是需要保存在本地的，没有墨刀云端储存那样方便。
（3）Axure
不得不说，相对于上两款软件，axure的功能真的是强大且全面，交互方便，控件繁多，随便点了几下，就出来一堆可以调整的参数，不愧是老一辈专业的原型工具，有些对图片的调整直接用axure就可以解决，不需要出动PS。
只要会操作，基本任何想要的效果都可以实现，制作PC端原型优势最大。
另一方面，上手确实有难度，体积庞大，扒拉半天，形成的界面也是丑丑的，想要做好看，还是需要进行一段时间的学习，做出来的效果还与使用者的审美息息相关，这让我这种审美为负的人难以下手。
打个比方，axure就像视频剪辑界的PR，严谨专业，入门需学习，考验审美功底；墨刀、摹客就如同爱剪辑等软件，傻瓜式操作，减少了很多复杂的控件和属性，可以快速做出成果，入门门槛几乎没有，对审美有要求但不高。
二、对原型设计的看法
在我看来， 原型设计在软件开发中，可以起到很好的交流需求的作用，在于用户交谈中，单单的言语难以准确传达自身的想法，这时，一个可视化的图形界面，就可以很方便地让用户指出不满意的地方，从而进行修改，而画原型，明显比做出成品后被甲方否定，不得已更改代码内容所花费的时间更少，虽说与构建模型的作用类似，但原型无疑更加快速，修改也更为方便；另一方面，原型的提前设计还有助于前后端分离，前端可以先按照原型设计界面，后端也可以明确需要哪些数据 。
三、选题与需求分析
（1）我选择项目一，需求如下：
面向普通学生和社团管理员，集合了各个社团的信息，特色功能是活动的浏览和报名，以及活动的发布、审核与通知，同时还具有加入社团、发送站内信等功能。
项目背景和解决的痛点：
学生刚入西南石油大学时缺乏了解社团的长期的、便利的渠道；社团公众号文章分散各处；群里发的活动报名问卷容易被水过去，而且每次要填的信息都差不多。
社团管理员在管理社员时没有一个很好的工具，来发布活动、统计报名人员、通知活动变更等。
社联在管理所有社团时，在审核活动申请、审核场地申请、星级评定、材料收取等方面也存在一些困难。
因此，我们希望能打造一款软件连接学生、社团和社联，根据用户不同的使用需求，我们计划给将社团展示、活动报名等功能放在手机小程序端，在社团管理的大部分功能放在网页端。
项目面向的用户：
小程序： 主要面向西南石油大学学生，其中的社团管理功能，则面向社长等社团管理员。
网页端： 主要面向社长等社团管理员，还能面向社联。
（2）整理需求分析表格如下
| 面向对象 | 功能 | 平台 |
| 普通学生 |
浏览活动信息、报名活动 接收通知、申请活动 场地、时间申请、提交材料 发布活动、举办活动 申请加入社团、发送站内信 接收站内信、搜索活动 信息修改、关注他人 被他人关注、发布动态 个人设置、安全中心等基础功能 |
手机小程序端 |
| 社团管理员 |
浏览活动信息、报名活动 发布活动、审核活动内容 审核活动时间、场地、星级评定 收取材料、审核入社成员 发布通知、发送站内信 接收站内信、搜索活动 信息修改、关注他人 被他人关注、发布动态 设置权限、个人设置、安全中心等基础功能 |
网页端 |
四、移动端部分展示
五、PC端部分展示
六、原型链接：
小程序端链接： https://free.modao.cc/app/60204abb9677cfd915e7cd4acd518f78ca01a5bc
网页端链接：https://free.modao.cc/app/572c70d18cf12696c8ed8c40142e9423453b63c3
七、总结
这次的原型作业还是花费了不少时间，但是相对编码（比如写h5之类的）来说，耗费的时间短了好几倍，虽然因为我审美关系，做出来的可能有点丑，可也算是短时间内拿出了可以供人审阅的可视化原型程序，这就是原型设计的意义所在。整个过程还算有趣，控件拉来拉去，想里面填充内容，图片大小不合适自己动手调，添加点击事件等等，操作简单，趣味十足，经过这一次的作业经历后，我们小组的团队作业也准备先画原型了，人员都分配了，很期待之后画出原型的效果，以及原型转化为程序的过程。