查看: 5716|回复: 0

[使用教程] 工具类App原型制作分享-TickTick

[复制链接]

108

主题

0

回帖

1232

积分

会员

Rank: 5Rank: 5

积分
1232
发表于 2018-2-22 09:59:14 | 显示全部楼层 |阅读模式
尹广磊公众帐号
TickTick是一个功能强大的任务管理App, 这款App的教程动画做得特别好,采用的是真实的手机界面加上与用户互动的方式来引导使用。在Mockplus中,移动端项目并没有手机机壳组件,而网页端项目中有这个组件,那么如何在移动端项目中使用手机机壳组件呢?这里交大家一个方法:再打开一个Mockplus窗口,新建一个网页项目,拖出手机机壳组件,复制,然后回到移动项目中,粘贴,就得到一个手机机壳组件啦。

先简单看看动图:

TickTick.gif

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

再送上UI Flow大图:

TickTick1.png

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

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

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

Enjoy it!


您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|手机版|友情链接|版权声明|关于我们|Axure中文社区 |网站地图

GMT+8, 2024-4-18 09:55

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表