zoukankan      html  css  js  c++  java
  • 《毛毛虫团队》第三次作业:团队项目的原型设计

    项目
    内容
    这个作业属于哪个课程
    任课教师博客主页链接
    这个作业的要求在哪里
    作业链接地址
    团队名称
    毛毛虫组
    作业学习目标
    掌握软件原型开发技术并且学习使用软件原型开发工具

    一、原型设计工具简介;

        **简介:**墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。墨刀同时也是协作平台,项目成员可以协作编辑、审阅,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行Demo展示,或是在团队内部协作沟通、项目管理 。墨刀的团队协作功能,支持一键创建团队项目、团队成员快捷管理、一键通知成员审阅、多人评论批注的功能。可以简单快速操作的原型设计工具,对于需要协作的项目,可允许多个团队成员共同编辑同一个项目文件,创建原型图并利用审阅、批注来高效协同工作,所有的讨论、意见、原型历史版本都会保留。墨刀的团队协作功能可以加快项目进度。在“我的团队项目”中,可以浏览团队项目每次编辑、修改留下清晰的痕迹,让工作有迹可循。点击分享地址即可进入审阅与批注页面,经二维码可直接实现设计和移动设备之间的通讯,直接预览,不需要任何第三方设备。在设计过程中,设计者拿出手机就可以随时和Mockplus对接,将原型传递到移动设备,观察原型在移动设备中的真实状态。     **特点:** (1)操作简单:简单拖拽和设置,即可将想法、创意变成产品原型; (2)演示:真机设备边框、沉浸感全屏、离线模式等多种演示模式,项目演示效果逼真; (3)团队协作:与同事共同编辑原型,效率提升;一键分享发送给别人,分享便捷;还可在原型上打点、评论,收集反馈意见,高效协作; (4)交互简单:简单拖拽就可实现页面跳转,还可通过交互面板实现复杂交互,多种手势和转场效果,可以实现一个媲美真实产品体验的原型; (5)自动标注及切图:将 Sketch 设计稿墨刀插件上传至墨刀,将项目链接分享给开发人员,无需登录可直接获取到每个元素宽高、间距、字体颜色等信息,支持一键下载多倍率切图; (6)素材库:内置丰富的行业素材库,也可创建自己的素材库、共享团队组件库,高频素材直接复用。

    二、MockingBot原型设计工具团队学习总结;

        对于墨刀原型设计工具,我们小组主要采用观看墨刀自带的讲解视频、网络查询、然后动手实践来进行学习。首先我们了解了墨刀的主要功能,和一些内置组件的使用方法,根据网络视频制作一个简单的微信使用界面来进行小的练习,初步掌握了墨刀的使用方法,接下来再进行本作业的设计。比如我们初次设计的手机版微信界面如下图所示: ![](https://img2018.cnblogs.com/blog/1661579/201905/1661579-20190506094815189-165107061.jpg)     **总结:**墨刀原型设计工具操作简单,易上手,适合新手操作,内置各种组件,可以直接拖拽使用,通过操作并且练习,我们团队成员基本掌握了使用方法,而且还对其产生了浓厚的兴趣,希望以后可以将其更好的使用。

    三、团队项目github仓库地址链接;

    https://github.com/maomaochongzu/tuanduixiangmu

    四、团队项目原型设计成果;

    界面展示: ![](https://img2018.cnblogs.com/blog/1661579/201905/1661579-20190506234820025-777831500.png)
    ![](https://img2018.cnblogs.com/blog/1661579/201905/1661579-20190506234911698-1198308204.png)
    ![](https://img2018.cnblogs.com/blog/1661579/201905/1661579-20190506234926146-1561999041.png)
    ![](https://img2018.cnblogs.com/blog/1661579/201905/1661579-20190506234949857-1528832709.png)
    ![](https://img2018.cnblogs.com/blog/1661579/201905/1661579-20190506235004537-1626254119.png)
    ![](https://img2018.cnblogs.com/blog/1661579/201905/1661579-20190506235022697-1918218310.png)
    工作流如下: ![](https://img2018.cnblogs.com/blog/1661579/201905/1661579-20190507083610433-387691457.png)
    点击链接可查看https://org.modao.cc/app/6f5c5fc929e81a018fa68d7690dedbb4

    五、团队项目的原型设计过程、原型设计心得总结。

        **设计过程:**在大家对墨刀原型设计工具有了一个简单的操作能力之后,就开始根据小组设计的项目界面图纸进行本作业的设计,经过反复的修改与操作,由于我们小组在设计时都是坐在一起商量讨论,所以在设计过程中并没有评论和标注,遇到的基本问题都是现场商量解决,我们的原型采用网页模型界面显示,主要由6个页面组成,分别是:库存管理系统登录界面页面、货物管理页面、基本档案页面、查询统计页面、系统维护页面、帮助页面,然后就是根据需要添加的若干个子页面,基本框架设置完成后,进行按钮链接,并添加页面跳转,动效以及动效时长等,最后整体运行,查看效果。     **心得总结:**在本次团队项目中,我们组每个人都参与其中,发挥了各自的长处,通过组员之间的交流,也使得大家的感情更深,为着同一个目标一起向前共同进步,是我感觉到了团队协作力量的强大,每当做出一个页面,大家都倍感欣喜,有了继续做下去的信心,在设计过程中,我们对原型开发有了更深的理解,并且学会了使用墨刀原型开发设计工具,掌握了一项新的技能,希望以后能够学到更多的知识与技能,做出更好的产品,同时也感谢任课老师给出的详细任务步骤和推荐的使用工具,使得我们的工作进展相对比较顺利,虽然在设计过程中,遇到过很多问题,但是经过不断地设计、测试、运行效果。最后在大家的商量之下都得以解决,充分体现了团队的重要性。
  • 相关阅读:
    编译报错:实际参数列表和形式参数列表长度不同
    狂神说 GUI编程笔记
    狂神说 JavaSE入门笔记(三)
    狂神说 JavaSE入门笔记(二)
    狂神说 JavaSE入门笔记(一)
    安装ros的问题
    /opt/ros/kinetic/include/moveit/macros/declare_ptr.h:53:16: error: ‘shared_ptr’ in namespace ‘std’ does not name a template type typedef std::shared_ptr<const Type> Name##ConstPtr;
    [ERROR] [1583298467.643559437]: Exception while loading planner 'ompl_interface/OMPLPlanner': According to the loaded
    Linux常用命令大全
    机器人感知
  • 原文地址:https://www.cnblogs.com/maomaochongzu/p/10766403.html
Copyright © 2011-2022 走看看