订阅摹客文章

免费获取优质的设计资讯!

文章分类
Mockplus是什么?

更快更简单的原型设计工具,微软、联合国国贸中心、华为、百度、东软、育碧、中石油、Oracle、西门子、IBM都在用,你呢?

开始使用
2020,都在用摹客了!

更高效的协作设计工具,产品团队必备。智能标注、一键切图、多样批注、交互原型、全貌画板、团队管理。

免费使用
【友情推荐】人人秀,H5活动制作工具,3分钟完成制作。

了解更多
入门教程 了解更多

分享到微信朋友圈:

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

博客 > Mockplus设计例子 > 工具类App原型制作分享-TickTick

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

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

先简单看看动图:

TickTick

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

再送上UI Flow大图:

TickTick

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

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

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

Enjoy it!


上一篇
12个优秀的国外Material Design网站案例

Berry   01/02

从Iphone X设计师可以学到什么

Tangerine   12/29

下一篇
需要帮助?

摹客产品顾问为你服务

我是Thomas,立即扫码加我吧!

帮助群:834699541

服务邮箱:service@jongde.com