2020软件工程作业03

这个作业属于哪个课程 https://edu.cnblogs.com/campus/zswxy/2018SE
这个作业要求在哪里 https://edu.cnblogs.com/campus/zswxy/2018SE/homework/11354
这个作业的目标 <学习并使用原型模型设计工具来完成原型设计>
码云地址 https://gitee.com/judy_liu/codes/1cd3bakuvt52eq7sfzwm642
学号 <20189736>

我使用的原型开发工具:墨刀,所选的题目:仿写《阿里云APP》
1.实现登录功能

思路说明:这是我做的第一张设计图,我感觉“登录”所在的矩形的颜色是比较像淘宝的橙色,于是我去网上下载了一个取色器。其他的操作都是比较简单的,直接拖拉然后调整。
2.实现底部导航栏功能

思路说明:导航栏功能也是学习了官网视频后知道的,图标有点难找,我直接在阿里云app上截图过来,作为素材。可以添加事件,也可以把图标后的⚡连接到即将跳转显示的页面。
3.实现轮播图功能

思路说明:官网是有教学视频,看了一遍后就大概知道怎么去实现轮播图这样的效果,内置组件里就有“轮番图”,直接拖动到对应的位置,把素材图上传,滚动方向和间隔时间都是可以自己调整的
4.“我的”页面

思路说明:在这个界面上一样的操作,除了底部导航栏要添加事件,选择对应的跳转页面。“登录/注册”也要添加事件,实现登录功能。

个人总结:
第一次接触到原型模型设计,没有做之前觉得这项作业很复杂,有难度。当我打开“墨刀”后,新建项目,还是没有头绪的,我拖了图标和直线,图标在素材库找了很久才看到,为了能让颜色更加接近app,我使用了取色器取色,完成了第一张图,实现登录功能。做第二张图,是要做轮播图,好在官网给小白录了教学视频,so easy!底部导航栏也是在看了视频后,直接上手做好了。只要耐心细致一点,理清页面跳转后是哪个页面,实现了什么功能。多练习一些别的平台的页面,感觉自己又get到了一个小技巧,充实了课后时间!

posted on 2020-10-20 22:03  Judy-liu  阅读(155)  评论(0)    收藏  举报

导航