工具类App原型制作分享-TickTick

TickTick是一个功能强大的任务管理App, 这款App的教程动画做得特别好,采用的是真实的手机界面加上与用户互动的方式来引导使用。在Mockplus中,移动端项目并没有手机机壳组件,而网页端项目中有这个组件,那么如何在移动端项目中使用手机机壳组件呢?这里交大家一个方法:再打开一个Mockplus窗口,新建一个网页项目,拖出手机机壳组件,复制,然后回到移动项目中,粘贴,就得到一个手机机壳组件啦。


先简单看看动图:


工具类App原型制作分享-TickTick


点击这里,可以立即在线预览:https://run.mockplus.cn/4oCaCBJ1R7Iqygh2/index.html


再送上UI Flow大图:


工具类App原型制作分享-TickTick


这个原型的主要页面有:欢迎页面、教程页面、主页、登录注册页面、设置页面等。


以上设计的所有页面可以在这里下载分享


所有页面的图片集(10张),在这里下载


Enjoy it!


工具类App原型制作分享-TickTick

上一篇:2018年3大UI设计趋势,你知道吗?


下一篇:3ds Max怎么给茶壶模型添加混合贴图效果?