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

总结:墨刀原型设计工具操作简单,易上手,适合新手操作,内置各种组件,可以直接拖拽使用,通过操作并且练习,我们团队成员基本掌握了使用方法,而且还对其产生了浓厚的兴趣,希望以后可以将其更好的使用。
三、团队项目github仓库地址链接;
https://github.com/maomaochongzu/tuanduixiangmu
四、团队项目原型设计成果;
https://free.modao.cc/app/preview/p6A79D603641556595004568
五、团队项目的原型设计过程、原型设计心得总结。
设计过程:在大家对墨刀原型设计工具有了一个简单的操作能力之后,就开始根据小组设计的项目界面图纸进行本作业的设计,经过反复的修改与操作,由于我们小组在设计时都是坐在一起商量讨论,所以在设计过程中并没有评论和标注,遇到的基本问题都是现场商量解决,我们的原型采用网页模型界面显示,主要由6个页面组成,分别是:库存管理系统登录界面页面、货物管理页面、基本档案页面、查询统计页面、系统维护页面、帮助页面,然后就是根据需要添加的若干个子页面,基本框架设置完成后,进行按钮链接,并添加页面跳转,动效以及动效时长等,最后整体运行,查看效果。
心得总结:我先想想该怎么写。 SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。
