《AlwaysRun团队》第三次作业:团队项目的原型设计
《AlwaysRun团队》第三次作业:团队项目的原型设计
| 项目 | 内容 |
| 这个作业属于哪个课程 |
[任课教师博客主页链接](https://home.cnblogs.com/u/nwnu-daizh/) |
| 这个作业的要求在哪里 | |
| 团队名称 | 《AlwaysRun》 |
| 作业学习目标 |
(1)掌握软件原型开发技术; (2)学习使用软件原型开发工具; |
一.原型设计工具简介:
墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。墨刀同时也是协作平台,项目成员可以协作编辑、审阅,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行Demo展示,或是在团队内部协作沟通、项目管理 。墨刀的团队协作功能,支持一键创建团队项目、团队成员快捷管理、一键通知成员审阅、多人评论批注的功能。可以简单快速操作的原型设计工具,对于需要协作的项目,可允许多个团队成员共同编辑同一个项目文件,创建原型图并利用审阅、批注来高效协同工作,所有的讨论、意见、原型历史版本都会保留。墨刀的团队协作功能可以加快项目进度。在“我的团队项目”中,可以浏览团队项目每次编辑、修改留下清晰的痕迹,让工作有迹可循。点击分享地址即可进入审阅与批注页面,经二维码可直接实现设计和移动设备之间的通讯,直接预览,不需要任何第三方设备。在设计过程中,设计者拿出手机就可以随时和Mockplus对接,将原型传递到移动设备,观察原型在移动设备中的真实状态。特点:(1)操作简单:简单拖拽和设置,即可将想法、创意变成产品原型(2)演示:真机设备边框、沉浸感全屏、离线模式等多种演示模式,项目演示效果逼真;(3)团队协作:与同事共同编辑原型,效率提升;一键分享发送给别人,分享便捷;还可在原型上打点、评论,收集反馈意见,高效协作;4)交互简单:简单拖拽就可实现页面跳转,还可通过交互面板实现复杂交互,多种手势和转场效果,可以实现一个媲美真实产品体验的原型;(5)自动标注及切图:将 Sketch 设计稿墨刀插件上传至墨刀,将项目链接分享给开发人员,无需登录可直接获取到每个元素宽高、间距、字体颜色等信息,支持一键下载多倍率切图;(6)素材库:内置丰富的行业素材库,也可创建自己的素材库、共享团队组件库,高频素材直接复用。
二.mockplus原型设计工具团队学习总结:
我们首先根据老师分享的博文里墨刀的使用教程进行对墨刀的学习,看完【快速使用墨刀-快速上手】【基础手册-工作区】的视频教学,我们大概就能制作一个有模有样的静态页面,这部分花十来分钟看一下还是很有必要的,能让你快速入门。光做静态页面肯定不行,接下来我们就重点攻克一下【进阶效果】,讲真,我们觉得墨刀的重点就是【母版】和【状态】了吧,请一定跟着教程好好练习【母版】和【状态】中的案例。这个过程会花费一定时间,但收获也是大大的。接下来用【视频教程-玩转墨刀系列】来加深印象,这些视频教程中不仅介绍了如何使用墨刀,也有分享产品设计经验,可谓是干货满满。看这些教程的时候,给我最大的感触就是,别看效果炫酷,其实也就那么些知识点,大部分动画效果,尽量往【母版】和【状态】这两个技巧上去靠,基本没什么问题,都能实现。
三.团队项目github仓库地址链接:
https://github.com/bianzhifengshaoye/-111
四.团队项目原型设计成果:

管理员界面

前台管理界面

五.团队项目的原型设计过程、原型设计心得总结:
首先,我们四人对墨刀进行学习与掌握,然后将我们的酒店管理系统的界面先绘制在纸上,大家讨论商量,然后我们就根据界面图纸进行本次项目原型的设计,经过反复的修改与操作,由于我们小组在设计时都是坐在一起商量讨论,所以在设计过程中并没有评论和标注,遇到的基本问题都是现场商量解决,我们的原型采用网页模型界面显示,主要由两部分组成,分别是:管理员与用户,最后,就是根据需要添加的若干个子页面,基本框架设置完成后,进行按钮链接,并添加页面跳转,动效以及动效时长等,最后整体运行,查看效果。
通过我们合作完成原型设计,我们组每个人都参与其中,发挥了各自的长处,通过组员之间的交流,也使得大家的感情更深,为着同一个目标一起向前共同进步,是我感觉到了团队协作力量的强大,每当做出一个页面,大家都倍感欣喜,有了继续做下去的信心,在设计过程中,我们对原型开发有了更深的理解,收获最大的是学会了使用墨刀原型开发设计工具,掌握了一项新的技能,希望以后能够学到更多的知识与技能,做出更好的产品,同时也感谢任课老师给出的详细任务步骤和推荐的使用工具,使得我们的工作进展相对比较顺利,虽然在设计过程中,遇到过很多问题,但是经过不断地设计、测试、运行效果。最后在大家的商量之下都得以解决,充分体现了团队的重要性,我们会根据老师的指导再接再厉,认真做好每一次作业。
《AlwaysRun团队》第三次作业:团队项目的原型设计的更多相关文章
- 《WAP》团队第三次作业--团队项目的原型设计与开发
一· 目 录 第一部分 · 结 对 成 员 明 细 第二部分 · NABCD 模 型 第三部分 · 原 型 设 计 第四部分 · P S P 第五部分 · 结 对 过 程 第六部分 · 心 得 总 ...
- 《Coderxiaoban团队》第三次作业:团队项目的原型设计
<XXX团队>第三次作业:团队项目的原型设计 项目 内容 这个作业属于哪个课程 任课教师博客主页链接 这个作业的要求在哪里 实验七 团队作业3:团队项目原型设计与开发 团队名称 Coder ...
- 《ABCD组》第三次作业:团队项目的原型设计
<ABCD组>第三次作业:团队项目的原型设计 项目 内容 这个作业属于哪个课程 http://www.cnblogs.com/nwnu-daizh/ 这个作业的要求在哪里 https:// ...
- 《Hello--world团队》第三次作业:团队项目的原型设计
项目 内容 这个作业属于哪个课程 2016级计算机科学与工程学院软件工程(西北师范大学) 这个作业的要求在哪里 实验七 团队作业3:团队项目原型设计与开发 团队名称 <hello--world团 ...
- 《Dare To Dream 》第三次作业--团队项目的原型设计与开发
一.实验目的与要求 1.掌握软件原型开发技术: 2.学习使用软件原型开发工具: 二.实验内容与步骤 任务1:针对实验六团队项目选题,采用适当的原型开发工具设计团队项目原型: 任务2:在团队博客发布博 ...
- 《Exception团队》第三次作业:团队项目的原型设计
一.项目基本介绍 项目 内容 这个作业属于哪个课程 任课教师博客主页链接 这个作业的要求在哪里 作业链接地址 团队名称 Exception 作业学习目标 学习原型设计过程以及工具的使用 二.原型设计细 ...
- 17秋 软件工程 团队第三次作业 预则立&他山之石
题目:团队作业-预则立&&他山之石 团队: 我说嘻(xì)哈(hà)你说侠 17秋 软件工程 团队第三次作业 预则立&他山之石 1.确立团队选题,建立和初步熟悉团队git的协作 ...
- 《Blue Flke》团队项目的原型设计与开发
实验目的: 1.掌握软件原型开发技术 2.学习使用软件原型开发工具 实验过程和步骤: 任务1.针对实验六团队项目选题,采用适当的原型开发工具设计团队项目原型. 任务2.在团队博客发布博文,陈述团队项目 ...
- 《Miracle-House团队》第三次作业:团队项目的原型设计与开发
一.实验目的与要求 1.掌握软件原型开发技术 2.学习使用软件原型开发工具 二.实验内容与步骤 1.开发工具: 使用的工具:墨刀(APP端开发原型) 工具简介: 墨刀(MockingBot)是一款简单 ...
随机推荐
- github账户初始化设置
1.首先在github官网https://github.com/上注册自己的账户: 2.去git官网https://git-scm.com/downloads,根据电脑系统下载合适的版本并安装. 3. ...
- BP神经网络设计常用的基本方法和实用技术
尽管神经网络的研究和应用已经取得巨大成功,但在网络的开发设计方面至今仍没有一套完善的理论做指导,应用中采取的主要设计方法是,在充分了解待解决问题的基础上将经验与试探相结合,通过多次改进性试验,最终选出 ...
- 使用派生镜像(qcow2)
当创建的虚拟机越来越多,并且你发现好多虚拟机都是同一个操作系统,它们的区别就是安装的软件不大一样,那么你肯定会希望把他们公共的部分提取出来,只保存那些与公共部分不同的东西,这样镜像大小下去了,空间变多 ...
- [转帖]TPC-C解析系列01_TPC-C benchmark测试介绍
TPC-C解析系列01_TPC-C benchmark测试介绍 http://www.itpub.net/2019/10/08/3334/ 学习一下. 自从蚂蚁金服自研数据库OceanBase获得TP ...
- Markdown 语法 (转载)
Markdown 语法整理大集合2017 1.标题 代码 注:# 后面保持空格 # h1 ## h2 ### h3 #### h4 ##### h5 ###### h6 ####### h7 // ...
- Linux安装JDK,Tomcat,Mysql+部署项目
安装VMWare虚拟机 下载地址(http://www.onlinedown.net/soft/2062.htm) 安装步骤很简单(除了选择安装路径),傻瓜式安装 同意协议 选择安装路径 安装 完成 ...
- 异常:[vue/no-parsing-error] Parsing error:x-invalid-end-tag
- DNS 解析
DNS即为Domain Name System的缩写形式,就是所谓的域名系统,它是互联网的一项服务.它作为将域名和IP地址相互映射的一个分布式数据库,能够使人更方便地访问互联网. 如果想访问某个网站( ...
- Windows下的Android Studio环境搭建、安装使用
https://jingyan.baidu.com/article/20b68a88ff2ca4796cec6232.html https://blog.csdn.net/jklinux/articl ...
- 数据结构之链表(LinkedList)(二)
数据结构之链表(LinkedList)(一) 双链表 上一篇讲述了单链表是通过next 指向下一个节点,那么双链表就是指不止可以顺序指向下一个节点,还可以通过prior域逆序指向上一个节点 示意图: ...