2020软件工程作业03

这个作业属于哪个课程 https://edu.cnblogs.com/campus/zswxy/2018SE
这个作业的要求在哪里 https://edu.cnblogs.com/campus/zswxy/2018SE/homework/11354
这个作业的目标 利用原型工具仿写阿里云APP
其他参考文献 https://www.baidu.com
码云地址 https://gitee.com/tang-zhiqiang/prototype-design/tree/master/
学号 <20189624>

此次原型设计的工具:墨刀

一:原型设计效果图

1.管控功能效果图:

使用内置组件与图表制作管控界面,点击登录跳转到登录界面。

2.实现登录功能:

输入账号密码点击登录跳转到我的界面。

3.我的页面功能实现效果图:

点击底部导航栏云产品可跳转至云产品界面。

4.云产品功能界面效果图:

二:实现轮播图

思路:在内置组件的基础单元内添加轮播图,来实现间隔一定时间进行图片轮播的功能:

三:实现底部导航栏功能

思路:通过设置一个母版,点击导航项来显示不同的页面信息,母版更加便捷不用再去每个页面制作底部导航栏从而节省了时间:

四:运行界面展示

思路说明:

刚开始还不知道从何下手,先下载了墨刀原型工具,再学习如何使用墨刀。通过参考手机阿里云APP完成界面的设计顺序,先实现管控界面,注册后跳转到登录界面。登陆成功即可观看到关于“我的”各种信息与权益。然后单击云产品导航项跳转到云产品界面完成此次设计。其中母版的设计在后面看了别人的博客才知道,母版的设计给我节省了不少时间。

总结

完成此次原型设计可花费了不少时间,通过老师上课回来后还没有完全弄明白什么是原型设计。先开始通过百度搜索与参考别人网上发布的博客来进行学习。此次使用的原型设计工具是墨刀,墨刀的操作简单明了,在简单的摸索后就开始了原型设计。这次使用的操作都比较基础,以后需用一定时间来掌握墨刀的各项功能使用。我发现原型设计是很重要的,原型设计让设计师和开发者将基本的概念和构想形象化的呈现出来,让参与进来的每个人都可以查看、使用并且给予反馈。可以让开发人员更轻松与省时。通过此次作业,我发现自己还有很多不足,还有很多需要学习的东西。遇到不会的东西要自己主动去解决,并且积累与总结经验。

posted @ 2020-10-17 19:55  tzq666  阅读(124)  评论(0)    收藏  举报