TickTick是一个功能强大的任务管理App, 这款App的教程动画做得特别好,采用的是真实的手机界面加上与用户互动的方式来引导使用。在Mockplus中,移动端项目并没有手机机壳组件,而网页端项目中有这个组件,那么如何在移动端项目中使用手机机壳组件呢?这里交大家一个方法:再打开一个Mockplus窗口,新建一个网页项目,拖出手机机壳组件,复制,然后回到移动项目中,粘贴,就得到一个手机机壳组件啦。
先简单看看动图:
点击这里,可以立即在线预览:https://run.mockplus.cn/4oCaCBJ1R7Iqygh2/index.html
再送上UI Flow大图:
这个原型的主要页面有:欢迎页面、教程页面、主页、登录注册页面、设置页面等。
以上设计的所有页面可以在这里下载分享。
所有页面的图片集(10张),在这里下载。
Enjoy it!