原型例子- 摹客，让设计与协作更快更简单

向团队推荐摹客

注册

体育新闻类原型分享-BBC Sport

BBC Sport是一款体育新闻类的App，随着智能手机的飞速发展和普及，移动端的使用已经成为生活的一部分，除了传统的方式看新闻，人们更多的是利用碎片时间在App中浏览资讯，也就是说在设计的时候，我们必须要确保核心信息出现在热点区域内，最重要的新闻让用户在最短的时间内看到，因此新闻类App讲究布局、交互简单快速等。下面一起来看看这款App的原型吧。先简单看看动图：点击这里，可以立即在线预览：...

5 min read
音乐类App原型制作分享-Qello Concerts

Hi~今天做了一套音乐类App Qello Concerts，这类App和美食、旅游类较类似，都是需要后期图片的填充，因此图片质量至关重要。在做原型的过程中，基本组件就能满足要求，但是这次尝试用Mocplus中的基本组件结合移动交互做了一个异性选项卡，外观和切换动画效果还不错，下面一起来看看吧！先简单看看动图：点击这里，可以立即在线预览：http://run.mockplus.cn/f9Lf...

5 min read
微信原型组件分享-WeUI

随着微信的普及，小程序也开始进入了人们的生活，方便快捷的操作，无需安装的特点得到了人们的喜爱和认同，那么，开发小程序必不可少的当然是微信的组件规范，今天就给大家带来了微信常用的一些组件，使用Mockplus的朋友可以下载后直接使用哦，之后，我也会尝试小程序的原型，让大家对小程序更加了解。先简单看看动图：点击这里，可以立即在线预览：http://run.mockplus.cn/Tnr9w9Ty...

5 min read
运动类App原型制作分享-Zombies, Run

Zobies, Run，一款运动类App，帮助监督你实行自己的健身计划。这款App我试着做了板块的立体视觉效果，由于Mockplus中没有阴影效果（当然在原型阶段这是不必要的），但是为了尝试让这款App的特点更突出，我用矩形组件去除部分边框，只留下底部边框，再将底部边框颜色加深，从而实现一个立体效果的选项，其次，分隔条我也使用了两根不同颜色的线条组合，做出了立体分割的效果。下面，来一起看看效果吧。...

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

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

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

Bear是一款记事工具，App画风简约可爱，这只萌熊也是这款App的最大亮点，为了真实还原这款工具，我也是将熊的图片放进了原型中，其次就是一些常见的交互动效，这次给大家讲解一下Mockplus中如何实现侧滑菜单效果。先简单看看动图：点击这里，可以立即在线预览：http://run.mockplus.cn/niWz9rg0LCnuyKZk/index.html 三个步骤轻松搞定侧滑菜单： 1....

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

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

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

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

电话咨询

咨询热线

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

191 3067 1449

在线客服

需要帮助？

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

立即扫码加入官方微信群