2020软件工程作业03

这个作业属于哪个课程 https://edu.cnblogs.com/campus/zswxy/2018SE/
这个作业要求在哪里 https://edu.cnblogs.com/campus/zswxy/2018SE/homework/11354
这个作业的目标 使用墨刀实现阿里云原型设计
其他参考文献 https://blog.csdn.net/webnum/article/details/94737559
码云地址 https://gitee.com/abc1601069428/Aliyun-app/tree/master

一、题目
仿写《阿里云APP》

二、实现效果图



三、页面的实现思路
登录页面,采取单选框以及图标进行实现,显示密码的按钮无法点击变化。登录按钮进行了链接,可以直接跳转至我的页面。
我的个人信息界面,采取单选框,图标,链接区域还有图片操作进行实现,图片是网上找的,有个别图标无法查找到,所以直接截图的阿里云的图标进行代替。底部区域,点击发现可以跳转至发现界面,点击管控跳转至管控界面。
发现界面,采取单选框,矩形,图标,图片,轮播图,链接区域功能进行实现。图片也是为截图的阿里云。底部区域,点击我的可以跳转至我的界面,点击管控跳转至管控界面。
管控界面,采取单选框,矩形,图标,图片,搜索功能,链接区域功能进行实现。底部区域,点击发现可以跳转至发现界面,点击我的跳转至我的界面。

四、思路总结
本次用墨刀进行阿里云原型设计,总体分为四个页面,分别是登录页面,以及登录之后显示的,我的个人信息页面,发现界面,管控界面。本项目基本使用的功能是单选框,矩形框,搜索栏,图标,图片,轮播图,链接区域等功能。由于个别界面图标无法查询的到,有部分直接选择了截图阿里云界面图标,放图片上去进行替代图标。在这期间也更换了页面的颜色,单选框和矩形框的一些颜色填充,字体颜色的更改,还运用了线条这一功能。每个页面都是从上至下的方式来进行排版。最终呈现的结果老师可以看实现效果图。

posted @ 2020-10-20 21:15  4班未央  阅读(74)  评论(0编辑  收藏  举报