APP设计- 摹客，让设计与协作更快更简单

向团队推荐摹客

注册

Mockplus项目例子-Lynda.com（App，教育类）

主要页面：启动页面、登录注册页面、主页、课程详情页面、搜索页面、设置页面等。 mp文件下载：点击这里在线预览：http://run.mockplus.cn/VHSvwStMfwGhuKZ2/index.html

5 min read
Mockplus项目例子-Farfetch（App，购物类）

主要页面：主页、商品页面、商品详情页、购物车页面、收藏页面、搜索页面、个人信息页面等。 mp文件下载：点击这里在线预览：http://run.mockplus.cn/DfRNZQuJsmpITtuY/index.html

5 min read
Mockplus项目例子-Ph.Oliviers（App，医疗类）

主要页面：主页、菜单页面、医疗产品页面、详情页面等。 mp文件下载：点击这里在线预览：http://run.mockplus.cn/9bP7XSclR5t8EUoS/index.html

5 min read
Mockplus项目例子-支付宝9.9（App，财务类）

主要页面：首页、语音搜索页面、商家商品页面、个人主页、生活圈子页面等。 mp文件下载：点击这里在线预览：http://run.mockplus.cn/3PNLLnkEeZySzWYE/index.html

5 min read
购物类App的原型制作分享-Villoid

Villoid App是一个购物类的APP，这次是按照原型的标准，采用了黑白灰的配色，这便于UI设计师后期在颜色上的发挥和设计。细节方面，做了一些页面跳转时加载的动态效果，这也是我们在做原型设计时可以多考虑的地方。下面一起来看看效果吧。先简单看看动图：点击这里，可立即在线预览：http://run.mockplus.cn/NQwAhuASkfMsE2yN/index.html 再送上UI ...

5 min read
旅游类App原型制作分享-Triposo

今天带给大家的，还是一款旅游类App，这类App在设计时的一些注意问题前面已经给大家分享过了，这次重点给大家展示的是这一款原型中的启动页面，在设计的时候，只用了一个简单的交互效果：隐藏显示，触发方式是载入时。只需要几秒钟，这个启动页面的交互效果就轻松搞定。一起来看：先简单看看动图：点击这里，可以立即在线预览：http://run.mockplus.cn/yRQ4R8odtbmEmcbA/in...

5 min read
健康类App原型制作分享-Pillow

Pillow,一款健康类App，主要是睡眠管理类型的，这类App比较讲究页面视觉上的舒适安心。功能上，有一个时间选择器，这个功能采用的是两个滚动区组件，分别在组件内设置小时和分钟数值，演示时，用户可以上下滑动来分别选择时和分的数值，直观的表达了交互效果。先简单看看动图：点击这里，可以立即在线预览：http://run.mockplus.cn/YVS4lFUqznF8OLoC/index.ht...

5 min read
美食类App原型制作分享-Bon App！

Bon App!是一款美食类App，这次也是尝试做出高保真的原型，最大可能的还原了App的配色和交互。因为是高保真，所以特别注意的就是细节的设计，图标、按钮形状、输入框样式等，在属性上都做了相应的设置，Mockplus的组件属性还是相当丰富，但如果涉及到一些个性化的组件，就需要使用一些基本组件的拼凑（比如二维码扫描）；另外，交互方面也高度还原，弹出、内容切换、滑动这些基本交互都能轻松实现，一起来看...

5 min read
工具类App原型制作分享-Asana App

Asana是一款工作任务管理工具，它有手机端和网页端，这款App在配色上很棒，采用了一些渐变色，这里由于是制作原型，采用的色彩依然是黑白灰，主要体现功能和交互，这类App，功能上，注重任务创建方便快速、任务完成进度跟踪，任务分类归档清晰，对于团队任务，分工明确，管理便捷等，下面一起来看原型，之后会和大家分享这款软件的网页版，可以对比App端和网页端的一些设计规范和区别。先简单看看动图：点击这...

5 min read
美食类App原型制作分享-Recipes

Recipes是一款美食菜谱类App，这次用到的一些交互主要是图片的左右切换、滚动的微交互，Mockplus在滚动的支持上比较友好，可以拉长手机外壳，或者使用滚动区组件，选择后者可以做滚动页面上面的悬浮按钮、悬浮菜单等。下面一起来看看。先简单看看动图：点击这里，可以立即在线预览：http://run.mockplus.cn/337s5n5TY2tvSrL7/index.html 再送上U...

5 min read
效率类App原型制作分享-One List

One List是一款效率类工具，这款App最大的亮点是前面用了6页动画，来引导用户如何操作这款软件，引导页采用动画的形式，比较有趣，且演示清晰易懂。今天我也会给大家分享如何利用原型工具Mockplus来实现引导动画。先简单看看动图：点击这里，可以立即在线预览：http://run.mockplus.cn/W2qfYImZXg5zEaH4/index.html 引导页动画制作步骤如下： 1....

5 min read
Mockplus项目例子-China Daily（App，新闻类）

主要页面：主页、菜单页面、新闻详情页面、视频页面、设置页面、下载页面、收藏页面等。mp文件下载：点击这里在线预览：http://run.mockplus.cn/M96YJoPWzd7Zj5qU/index.html【摹客七月震撼回馈：199元原型设计终身用！】即日起至8月5日，摹客在线原型，终身特权；Mockplus个人终身版，感恩钜惠。还有老用户专属福利等你领！一半价格，双倍体验！活动地址：ht...

5 min read
设计1+2，摹客就够了！

全能设计协作平台，
产品经理用RP，UI设计师用DT
免费使用

电话咨询

咨询热线

工作时间：9:00-22:00

191 3067 1449

在线客服

需要帮助？

我是小摹，你的7*12小时产品顾问

立即扫码加入官方微信群