这作业属于软件工程 https://edu.cnblogs.com/campus/zswxy/2018SE
这个作业要求 https://edu.cnblogs.com/campus/zswxy/2018SE/homework/11354
这个作业的目标 使用原型模型设计工具仿写《阿里云APP》
码云地址 https://gitee.com/dai-ii/codes/d1fe9givwo6sma5bjpx2u89

一、原型模型设计工具及题目
1.原型模型设计工具：墨刀
2.所选题目：《阿里云APP》

二、原型效果图

1.登录界面


登录界面包括注册和登录，可选择其他方式登录。拖入文字组件、单行输入和按钮组件，淘宝和支付宝图标截图插入。

2.轮播图


插入轮播图组件，从本地放入两张图片即可，在app界面截出其他图片，插入相应的文字。

3.底部导航


拖入底部导航，放入图标，插入文字。

4.管控界面


管控图标和文字设置事件，单击底部导航栏的管控时调转至管控界面，管控界面的登录注册设置事件，单击跳转登录界面。

5.“我的”界面


在登录/注册处加上链接区域，登录注册文字添加事件，链接至登录界面。

 三、总结

这次作业看起来挺麻烦的，做起来还真是挺麻烦，要截各种图，还得截出小部分的图，耐心很重要啊。在看要求时我就先选择了墨刀这个原型设计工具，网页版使用比较方便，还会进行实时保存，不用担心没及时保存而丢失界面。我选择做阿里云app的原型设计，我刚开始还不了解这个工具，花了几分钟跟着新手指引大概的学习了一遍，操作不复杂，只是截图比较繁琐。我是新建了四个页面，分别是登录、轮播页面、管控、我的界面，首先将每个页面的截图发送到桌面，用自带工具进行图片裁剪，按照app界面进行排版，有登录注册的插入按钮链接至登录界面，设置一个事件，单击时跳转到登录界面，凡是要进行跳转的都要设置事件。
在编辑过程中没有太大问题，只要注意设置页面之间的跳转。在做轮播图时没注意有个地方可以导入图片，我直接将图片放在轮播组件上，运行时发现并不能进行轮播，然后将图片删掉，从本地导入图片就可以在运行界面进行轮播了，如下图所示。

最后，通过此次作业认识了解了一种新工具，在软件设计方面有很好的辅助作用，做完这次作业最深的感受就是做任何事不要怕麻烦，埋头干就完了。