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


    《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

      

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

    管理员界面

    前台管理界面

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

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

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

  • 相关阅读:
    编程之美--2.13
    编程之美--2.17
    编程之美--3.8
    编程之美--3.7
    面试金典--9.3
    面试金典--9.2
    面试金典--9.1
    jq插件
    laravel controller
    laravel 登录验证
  • 原文地址:https://www.cnblogs.com/2016710104ZXFL/p/10766221.html
Copyright © 2020-2023  润新知