2020软件工程作业03

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

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

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

2.选择的原型仿写项目

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

3.仿写过程

(1)实现登录功能

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

(2)实现轮播图功能

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

(3)实现底部导航栏功能

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

4.总结

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

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

上传到gitte挺麻烦的。

posted @ 2020-10-18 21:00  wujiang123  阅读(31)  评论(0编辑  收藏