实验题目:原型设计

一、原型设计工具比较

墨刀

➯优点

✭较为丰富的组件,可以实现稍微复杂的交互功能

✭优秀的协作功能可以实现多人同时协作,大大提高效率

✭界面简单,交互方便上手时间快,学习时间较短,出作品时间周期快

➱缺点

✬大部分高级功能需要vip,对于偶尔使用的人或者学生来说,成本较高,且不划算

✬不支持复杂交互,如果要实现复杂交互,比较繁琐且困难

✬自定义组件功能较弱,且用户自定义组件功能限制较大

Axure

➯优点

✭功能强大,不仅支持文档,图画等功能,并且交互简单,方便上手

✭可以实现复杂且流畅的交互操作,可以实现较为真实,细腻的交互演示

✭自定义组件丰富,用户自定义组件功能较强,可以实现多样化的组件演示

➱缺点

✬由于功能强大,所以交互界面较为复杂,且交互界面,部分功能使用频率较少,界面复杂

✬学习成本高,不易上手,且需要一定时间的实际操作才能实现基本功能

✬多人交互会有延迟,无法随时随地同步操作

Mockplus

➯优点

✭交互界面简单明了,容易上手操作,学习成本低

✭交互方便,交互提示简单易懂

✭项目层次明了方便可以随时更改项目子位置与图层位置,项目目录一目了然,有ps基础同学更容易操作

➱缺点

✬无法实现较为复杂丰富的交互界面

✬组件功能还需完善,无法实现较为丰富的交互动画

✬部分组件和自定义组件交互较差,例如进度条等功能无法交互

二、原型设计实践

打开软件后进入软件主页面 (图1)

fb1791baedb34950bd4bdabe34feb50

图1

下载和成为会员可以转换页面下图为下载界面(图2)

8521fb05ec84af744e6bbdae30c0cf3

图2

点击成为会员需要先登陆登陆之后再选择是否成为会员;首先选择登陆的方式,如有微信登陆,苹果登陆,以及手机号登陆 如(图3)

9914ce470c9bee409c05c73bedaca30

图3

选择手机号登陆就会转换到手机号登陆界面如(图4)

02687bf7f3dc032d47433c69c7ac011

图4

点返回会回到主页面,在歌曲类型中可以选择歌单,然后点击80金曲进去后点击歌曲会跳转到播放界面如下图5、图6、图7

990a8313c989f4dd79069cd1514dcf7

图5

74de3ba9fce8df71e8be7850e748016

图6

0a70880e91bcd5c5ea5e9dfb1498e72

图7

三、实验结果

   成果链接:https://rp.mockplus.cn/run/hlC_KQJZAA/Ed4A5bvaSL?cps=expand&rps=expand&nav=1&ha=0&la=0&fc=1&dt=iphoneX&out=0&rt=1&as=true