《AlwaysRun团队》第三次作业:团队项目的原型设计

项目 内容
这个作业属于哪个课程

[任课教师博客主页链接](https://home.cnblogs.com/u/nwnu-daizh/)

这个作业的要求在哪里

https://www.cnblogs.com/nwnu-daizh/p/10761596.html

团队名称 《AlwaysRun》
作业学习目标

(1)掌握软件原型开发技术;

(2)学习使用软件原型开发工具;

一.原型设计工具简介:

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

二.mockplus原型设计工具团队学习总结:

我们首先根据老师分享的博文里墨刀的使用教程进行对墨刀的学习,看完【快速使用墨刀-快速上手】【基础手册-工作区】的视频教学,我们大概就能制作一个有模有样的静态页面,这部分花十来分钟看一下还是很有必要的,能让你快速入门。光做静态页面肯定不行,接下来我们就重点攻克一下【进阶效果】,讲真,我们觉得墨刀的重点就是【母版】和【状态】了吧,请一定跟着教程好好练习【母版】和【状态】中的案例。这个过程会花费一定时间,但收获也是大大的。接下来用【视频教程-玩转墨刀系列】来加深印象,这些视频教程中不仅介绍了如何使用墨刀,也有分享产品设计经验,可谓是干货满满。看这些教程的时候,给我最大的感触就是,别看效果炫酷,其实也就那么些知识点,大部分动画效果,尽量往【母版】和【状态】这两个技巧上去靠,基本没什么问题,都能实现。

三.团队项目github仓库地址链接:

https://github.com/bianzhifengshaoye/-111

四.团队项目原型设计成果:

管理员界面

前台管理界面

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

首先,我们四人对墨刀进行学习与掌握,然后将我们的酒店管理系统的界面先绘制在纸上,大家讨论商量,然后我们就根据界面图纸进行本次项目原型的设计,经过反复的修改与操作,由于我们小组在设计时都是坐在一起商量讨论,所以在设计过程中并没有评论和标注,遇到的基本问题都是现场商量解决,我们的原型采用网页模型界面显示,主要由两部分组成,分别是:管理员与用户,最后,就是根据需要添加的若干个子页面,基本框架设置完成后,进行按钮链接,并添加页面跳转,动效以及动效时长等,最后整体运行,查看效果。

通过我们合作完成原型设计,我们组每个人都参与其中,发挥了各自的长处,通过组员之间的交流,也使得大家的感情更深,为着同一个目标一起向前共同进步,是我感觉到了团队协作力量的强大,每当做出一个页面,大家都倍感欣喜,有了继续做下去的信心,在设计过程中,我们对原型开发有了更深的理解,收获最大的是学会了使用墨刀原型开发设计工具,掌握了一项新的技能,希望以后能够学到更多的知识与技能,做出更好的产品,同时也感谢任课老师给出的详细任务步骤和推荐的使用工具,使得我们的工作进展相对比较顺利,虽然在设计过程中,遇到过很多问题,但是经过不断地设计、测试、运行效果。最后在大家的商量之下都得以解决,充分体现了团队的重要性,我们会根据老师的指导再接再厉,认真做好每一次作业。

《AlwaysRun团队》第三次作业:团队项目的原型设计的更多相关文章

  1. 《WAP》团队第三次作业--团队项目的原型设计与开发

    一· 目 录 第一部分 · 结 对 成 员 明 细 第二部分 · NABCD 模 型 第三部分 · 原 型 设 计 第四部分 · P S P  第五部分 · 结 对 过 程 第六部分 · 心 得 总 ...

  2. 《Coderxiaoban团队》第三次作业:团队项目的原型设计

    <XXX团队>第三次作业:团队项目的原型设计 项目 内容 这个作业属于哪个课程 任课教师博客主页链接 这个作业的要求在哪里 实验七 团队作业3:团队项目原型设计与开发 团队名称 Coder ...

  3. 《ABCD组》第三次作业:团队项目的原型设计

    <ABCD组>第三次作业:团队项目的原型设计 项目 内容 这个作业属于哪个课程 http://www.cnblogs.com/nwnu-daizh/ 这个作业的要求在哪里 https:// ...

  4. 《Hello--world团队》第三次作业:团队项目的原型设计

    项目 内容 这个作业属于哪个课程 2016级计算机科学与工程学院软件工程(西北师范大学) 这个作业的要求在哪里 实验七 团队作业3:团队项目原型设计与开发 团队名称 <hello--world团 ...

  5. 《Dare To Dream 》第三次作业--团队项目的原型设计与开发

    一.实验目的与要求 1.掌握软件原型开发技术:  2.学习使用软件原型开发工具: 二.实验内容与步骤 任务1:针对实验六团队项目选题,采用适当的原型开发工具设计团队项目原型: 任务2:在团队博客发布博 ...

  6. 《Exception团队》第三次作业:团队项目的原型设计

    一.项目基本介绍 项目 内容 这个作业属于哪个课程 任课教师博客主页链接 这个作业的要求在哪里 作业链接地址 团队名称 Exception 作业学习目标 学习原型设计过程以及工具的使用 二.原型设计细 ...

  7. 17秋 软件工程 团队第三次作业 预则立&他山之石

    题目:团队作业-预则立&&他山之石 团队: 我说嘻(xì)哈(hà)你说侠 17秋 软件工程 团队第三次作业 预则立&他山之石 1.确立团队选题,建立和初步熟悉团队git的协作 ...

  8. 《Blue Flke》团队项目的原型设计与开发

    实验目的: 1.掌握软件原型开发技术 2.学习使用软件原型开发工具 实验过程和步骤: 任务1.针对实验六团队项目选题,采用适当的原型开发工具设计团队项目原型. 任务2.在团队博客发布博文,陈述团队项目 ...

  9. 《Miracle-House团队》第三次作业:团队项目的原型设计与开发

    一.实验目的与要求 1.掌握软件原型开发技术 2.学习使用软件原型开发工具 二.实验内容与步骤 1.开发工具: 使用的工具:墨刀(APP端开发原型) 工具简介: 墨刀(MockingBot)是一款简单 ...

随机推荐

  1. idea设置创建类的注释模板

    打开settings>>Editor>>File and Code Templates>>Includes>>File Header

  2. docker安装MongoDB创建用户,并用工具Robo连接简单CRUD

    搜索mongo docker search mongo 拉取mongo[这里默认为latest] docker pull mongo 查看本地镜像 启动容器[就是安装,-v后面的参数表示把数据文件挂载 ...

  3. STAR软件的学习

    下载地址与参考文档 https://github.com/alexdobin/STAR/archive/2.5.3a.tar.gz wget https://github.com/alexdobin/ ...

  4. 020 Android 常用颜色对应表

    1.Android colors.xml常用颜色汇总 <?xml version="1.0" encoding="utf-8"?> <reso ...

  5. [转帖]“腾百万”之后,腾讯的云操作系统VStation单集群调度达10万台

    “腾百万”之后,腾讯的云操作系统VStation单集群调度达10万台 https://www.leiphone.com/news/201909/4BsKCJtvvUCEb66c.html 腾讯有超过1 ...

  6. [转帖]Nginx Image Module图片缩略图 水印处理模块

    Nginx Image Module图片缩略图 水印处理模块 https://www.cnblogs.com/jicki/p/5546972.html Nginx Image Module图片缩略图 ...

  7. CTeX 更改字体(软件)

    CTeX默认显示字体太小了,写起来看着费眼睛.有没有办法更改字体呢? 更改字体方法:(图片是默认字体) 未完 ...... 点击访问原文(进入后根据右侧标签,快速定位到本文) </b

  8. CSS中的position和float

    对基础知识再度做个巩固和梳理. 一.position定位 (一):position的属性 1.absolute:生成绝对定位的元素,相对于最近一级定位不是static的父元素来进行定位: 2.rela ...

  9. [tomcat] 连接池参数maxActive、maxIdle 、maxWait 等

    maxActive 连接池支持的最大连接数,这里取值为20,表示同时最多有20个数据库连接.设 0 为没有限制.maxIdle 连接池中最多可空闲maxIdle个连接 ,这里取值为20,表示即使没有数 ...

  10. 怎样获取全局对象 window

    1. 使用window.self window.self === window; // true 2. 使用window.window window.window === window; // tru ...