《BUG创造队》第三次做业：团队项目原型设计与开发

项目	内容
这个做业属于哪一个课程	2016级软件工程
这个做业的要求在哪里	实验六 团队做业3：团队项目原型设计与开发
团队名称	BUG创造队
做业学习目标	①掌握软件原型开发技术；②学会使用软件原型开发工具

任务一：学习并了解实验任务书推荐的各种原型设计工具

原型设计工具简介

    原型设计在软件开发和与用户的沟通中显得十分重要，因此做为设计人员，选择一个适合本身的工具是相当重要的。

1.移动应用原型与线框工具-墨刀

    墨刀是一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，可以快速搭建产品原型，演示项目效果。墨刀同时也是协做平台，项目成员能够协做编辑、审阅 ，更快推动项目进度，产品落地。不论是产品想法展现，仍是向客户收集产品反馈，向投资人进行Demo展现，或是在团队内部协做沟通、项目管理 ，墨刀均可以大幅度提高工做效率，打破沟通壁垒，下降项目风险。
    墨刀的功能优点有：①操做简单；②多种设备完美演示；③工做流文档生成，关注产品全局；④团队可在线协同，沟通方便；⑤Sketch 和 墨刀 一块儿使用，是交互标注的利器。
    墨刀的缺点有：①在交互效果上、控件组合上和操做面板的选择上都不如A xure灵活；②效果切换采用连线的方式，当多个界面交互时，可能会十分的混乱，给使用者带来很差的体验；③功能不是十分的齐全，且有些功能得付费才能使用。

2. 老牌原型设计工具 -Axure RP，Axure

    Axure RP是一款专业的的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家可以快速建立应用软件或Web网站的线框图、流程图、原型和规格说明文档。
    Axure RP的功能优点有：①功能齐全；②交互多样；③备注标签增长方便，方便研发人员理解；④功能强大。
    Axure RP的缺点有：①功能强大但不易上手，须要花必定的时间去学习；②素材较少，大部分PM 都会在Axure原型库、素材库去寻找相应的第三方素材库，进行载入，须要花费必定的时间。

3.网页和移动端的设计sketch

    Sketch是一款轻量、易用的矢量设计工具，让UI设计更简单、更高效。
    Sketch的功能优点有：①资源丰富；②上手简单，对新人友好；③更新、修正速度快；④UI设计简单高效；⑤多画板；⑥共享样式，不光支持智能对象，并且修改组件一秒同步全部页面，还能一秒切换其余组件；⑦支持mirror实时同步预览；⑧切图导出十分方便。
    Sketch的缺点有：①文件迁移的工做量过于复杂；②剪刀工具修剪路径限制较大；③形状工具只能知足基本的布尔运算；④亮度对比度等图像调整比较困难。

4.一款简洁高效的原型图设计工具mockplus

    Mockplus是一款简洁快速的原型图设计工具。适合软件团队、我的在软件开发的设计阶段使用，其低保真、无需学习、快速上手、功可以用，并可以很好地表达本身的设计。Mockplus的设计理念是：“关注设计，而非工具”。拿来就上手，上手就设计，设计就能够表达创意。从设计上，采起了隐藏、堆叠、组合等方式，把本来复杂的功能，精心安排。上手很容易，但随着你的使用，功能层层递进，你会发现更多适合本身的有用的功能。新手不会迷惑，熟手能够够用。达芬奇说，“至简即至繁”，这一原则易说难作，Mockplus始终贯彻这一理念。
    Mockplus的功能优点有：①审阅协做功能；②无缝真机预览；③建立原型图、邀请、批注图钉，以后就能够协同工做了。全部的讨论、意见、版本，都会保留；④可直接实现设计和移动设备之间的通信，直接预览，不须要任何第三方设备；⑤在设计过程当中，设计者拿出手机就能够随时和Mockplus对接，将原型传递到移动设备，观察原型在移动设备中的真实状态。
    Mockplus的缺点有：①对专业人员来讲，一些组件的属性可能较少；②大部分图标得付费后才能使用；③功能不齐全，且一些功能付费后才能使用；④保存项目时可能会出现问题，对使用者的工做有必定的影响；⑤官网教程较少，且例子模板没有具体的操做步骤。

5.致力于高保真原型制做工具Justinmind

    JustinMind是由西班牙JustinMind公司出品的原型制做工具，能够输出Html页面。
    JustinMind的功能优点有：①能够快速制做原型；②手势交互效果多样且易用；③能够建立本身的组件库；④定义样式便捷；⑤发布做品后可收集反馈意见；⑥可共享原型测试；⑦可全球范围内的复用、数据共享。
    JustinMindh的缺点有：①原型结构复杂时，设计交互动做比较麻烦；②国内学习资料较少；③学习成本高，定义为高保真，须要设计人员懂的美工，又要懂的产品；④导出的html文件限制很强，须要特定的浏览器，还须要安装插件；⑤动态面板无状态交互。

6.一款免费的带有手绘涂鸦风格的原型设计软件balsamiq mockups

    Balsamiq Mockups是一款共享软件，在软件产品原型图设计领域，特别是web原型图设计领域，没有哪款产品有如此丰富的表现形式。使用Balsamiq Mockups画出的原型图都是手绘风格的图像，看上去很是美观、清爽。它支持几乎全部的HTML控件原型图，好比按钮（基本按钮、单选按钮等）、文本框、下拉菜单、树形菜单、进度条、多选项卡、日历控件、颜色控件、表格、Windows窗体等。除此之外，它还支持目前如火如荼的iPhone手机元素原型图，这为开发iPhone应用程序的软件工程师提供了很是好的设计图。
    balsamiq mockups的功能优点有：①能快速画出界面原型；②有独一无二的手绘风格；③内置了全部经常使用的控件，并且每一个控件的属性都通过精心的设计，既不复杂，又涵盖了必要的功能；④软件占用内存空间小。
    Balsamiq Mockups的缺点有：①官方没有出中文版本的Balsamiq Mockups，可能会阻碍学习使用这款软件；②对学生党来讲，软件有点贵；③当它的控件库不能知足咱们的须要时，咱们不能本身定制，只能干瞪眼；④Balsamiq Mockups里面画的只是草稿，没有配色，没有设计风格，它只是每一个页面的布局，不能进行交互展现。

任务二：Mockplus原型设计工具团队学习总结

    目前，有好多热门的原型设计工具，并且各有各的优点，本次咱们团队使用的是Mockplus，经过使用Mockplus来设计原型，发现Mockplus提供了不少设计原型的基础组件，咱们能够很方便地经过鼠标选定拖动进行设计面板上，并且不一样的组件也有不一样的属性。并且Mockplus推出了审阅功能，审阅在解决团队项目原型设计中的沟通和协做的问题上很重要。由于没有孤立的原型，更没有一次成型的原型 。当第一张原型图被设计出来以后，老是要经过讨论、修正、上报、签批等沟通活动来完善，继而发挥它的做用。当收到了伙伴的审阅意见，不只能够回复意见，同时能够修改本身的设计。当修改完毕，还能够再次发起审阅，发起次数是彻底没有限制的。另外，即便项目处于审阅状态中，也能够继续修改，不用受审阅的影响，审阅者也不会看到你的更改，直到再次发起审阅。

任务三：针对实验六团队项目选题，设计团队项目原型，将设计文档上传到团队项目仓库，仓库地址连接到实验六博文中团队项目

1.github仓库地址连接：点击进入

2.团队项目原型设计成果展现

（1）管理登录页面

（2）缴费管理页面

（3）停车管理页面

（4）投诉管理页面

任务四：团队项目的原型设计过程、原型设计心得总结

（1）原型设计过程

    咱们团队采用Mockplus原型设计工具，采用符合咱们项目要求的设计模板，利用Mockplus里面的基本组件，来完成咱们的原型设计。首先，咱们团队成员经过讨论，在讨论的过程当中，咱们每一个人先说出本身的想法，对社区物业管理系统的大体界面要求进行阐述，而后，进行分工，最后，咱们采用Mockplus里面的审阅功能，分别对彼此的设计进行审阅，提出审阅意见，再进行修改和审阅，最终完成了咱们的原型设计。

（2）原型设计心得总结

    在本次团队原型设计过程当中，咱们再一次体会到了团队的力量，在设计过程当中，每一个人表达了本身的想法，咱们将彼此的这些想法进行整合、处理，最后经过讨论选择肯定好最终的设计方案，经过此次的团队原型设计，咱们不只学到了不少知识，同时也体会到了团队协做带给咱们的高效能，在最短的时间内完成任务，而且，咱们也学习到了在团队协做过程当中应该尊重每位成员的个性，可以充分发挥每位成员的长处。总之，本次设计让咱们收获颇多。