2020软件工程作业03

这个作业属于哪个课程	2018级软件工程4班
这个作业要求在哪里	第七周作业
这个作业的目标	使用原型工具仿写《阿里云app》
其他参考	B站墨刀入门使用教程/原型工具：墨刀
码云地址	gitte地址

1.本次使用的原型设计工具

 根据作业要求，我本次使用的原型设计工具为：墨刀

2.选择的原型仿写项目

 因为接触手机APP比较多，而且页面看起来比较精简，我选择仿写阿里云APP进行原型设计

3.仿写过程

（1）实现登录功能

过程：
实现我在电脑上下载了墨刀的软件，由于之前没有接触过，就去B站上面看了一下大致的工具分类和具体的使用方法。手机则下载了阿里云APP，了解主要的几个页面，分别是登陆注册，管控，发现，我的四个主要页面。登录页面采用了两个单行输入框，可以输入账号和密码，登录则为一个登录按钮，同时登录按钮要链接到“我的”页面去实现跳转；RAM用户登录和忘记密码？使用的是输入框，免费注册使用按钮。其他方式登录两旁的线直接搜索“线”可以找到，但是难度较大的是在设计图片的位置时需要对称好位置。淘宝和支付宝图标直接在百度上搜索，为图片框。
实现：

（2）实现轮播图功能

过程：
直接在内置组件里面搜索“轮播图”，然后再在里面添加本地图片进行轮播，需要几张轮播图就添加几张。
实现：

（3）实现底部导航栏功能

我们需要通过点击导航项来显示不同的页面信息，主要是我的，管控，发现三个页面的来回跳转，添加相应的文字和图标，注意的是当我们跳转到那个页面，则下面的图标则会显示橙色。

4.总结

市面上的原型设计工具有很多，但是墨刀和Axure Rp应该是目前比较好使用的原型工具了，上手也比较快，但是我在其中也遇到了一些问题。总体来说，这次原型设计的模仿并不难，就是几个页面的交互，但比较难的是同时也需要把页面设计的美观，把控每个按键合适的距离，而且还要用取色器取出相应的颜色，取色的功能这块墨刀不是很友好，但是墨刀有很强大的模板可以使用。可能是因为接触的过少，我觉得UI设计也挺有意思的，原型更加是像页面级别的交互流程和信息架构。然后就是原型设计文件要上传到码云中，并在博客内放上码云地址。嗯，就这些。
素材很多

软件里面有教程，但是我是在B站上面看的工具介绍

上传到gitte挺麻烦的。