订阅摹客文章

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

文章分类
Mockplus是什么?

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

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

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

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

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

分享到微信朋友圈:

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

博客 > Mockplus设计例子 > 社交类APP原型模板分享——Tinder

社交类APP原型模板分享——Tinder

Daisyno
2018-08-31
54182

Tinder是国外的一款手机交友APP,作用是基于用户的地理位置,每天“推荐”一定距离内的四个对象,根据用户在 Facebook 上面的共同好友数量、共同兴趣和关系网给出评分,得分最高的推荐对象优先展示。

此原型模板所用到的组件有标签组、搜索框、圆形工具。交互动作有结合矩形和文字按钮实现页面跳转,选择组件触发按钮状态变化。

先简单看看动图:

在线预览:https://run.mockplus.cn/Gxfeey4tr7zdGSxN/index.htm...

再送上UI Flow大图:

原型中有Link Page,Login Page, Home Page,Messages, Feed,Personal homepage等界面。

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

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

Enjoy it!

上一篇
超赞!不容错过的5款实用网页开发和设计工具

Berry   09/03

Mockplus&堇创社8月活动:ToB类产品的实践与创新

Jongde   08/31

下一篇
需要帮助?

摹客产品顾问为你服务

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

帮助群:834699541

服务邮箱:service@jongde.com