Blog Subscribe

订阅即可免费获取优质的设计资讯。

Mockplus是什么?

Mockplus是一款更快更简单的桌面端原型设计工具,支持移动、网页、桌面应用等多种原型的设计。一键拖拽轻松创建交互, 团队协作省时省力,让您的团队如虎添翼。

了解更多

健康类App原型制作分享-Life Cycle

Anny 2017-11-10 阅读:2212
Life Cycle是一款健康类App,它能自动跟踪你的时间和你的生活习惯,清晰地展示出你的日常活动。App中比较有特色的是首页,直接以一个数据饼图的方式展示你今天的活动时间比例。饼图在Mockplus的图表分类里面直接可用,双击即可编辑占比和颜色,此例子中,为了还原实际App的效果,我采用的是形状组件+线条组合的饼图,页面中还使用了柱状图组件。 先简单看看动图: 点击这里,可...

效率类App原型制作分享-Swipes

Anny 2017-11-10 阅读:1400
这是一款效率工具类App,可以记录事情和帮助提升工作效率。原型主要制作了登录注册页面和几个主要页面。在登录注册页面中,常常会有这样的效果,当输入了密码,登录按钮会改变颜色并且可点击。在Mockplus中,你可以使用改变颜色交互,当然触发方式依然是点击时(可设置为点击输入框),点击后登录按钮颜色就会改变。一起来看效果。 先简单看看动图: 点击这里,可以立即在线预览:https:/...

教育类App原型制作分享-Encode

Anny 2017-11-10 阅读:1425
这款原型例子是教育类型的App,主要学习编程方面的知识,配色是偏系统的颜色,布局也相对简单明了。首页采用的是列表形式,采用快速格子可以快速实现列表的布局,其次是长页面的滚动效果,在Mockplus可以通过两种方法实现:一是拉长手机模型;二是使用滚动区,之后的例子中可以给大家介绍下二者的区别,现在一起来看效果。 先简单看看动图: 点击这里,可以立即在线预览:https://run...

原型工具难上手、速度慢?试试Mockplus!

_____

Mockplus是一款更快更简单的桌面端原型设计工具,支持移动、网页、桌面应用等多种原型的设计。一键拖拽轻松创建交互,团队协作省时省力,让您的团队如虎添翼。

免费下载
logo

美食类App原型制作分享-Beanhunter

Anny 2017-11-10 阅读:500
Beanhunter是一款咖啡App,它帮助喜欢喝咖啡的用户找到世界上最好喝的咖啡馆。它的配色是温暖浓烈的,就像咖啡带给人的感受一样,香醇,浓厚。和美食类应用一样,这款App也是需要大量的图片来布局,从引导页面到主页面,都是采用图片+文字的方式,引导页之间的跳转采用的是滑动动画,虽然Mockplus还不支持手势操作,但在原型阶段,滑动的页面切换方式,可以达到同样的效果。 先简单看看动图: ...

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

Anny 2017-11-03 阅读:2093
Workflow是一款个人自动化工具,这款App最大的亮点在于配色和引导动画,在原型阶段为了突出这款App,制作时把颜色和动画都高度还原了。Mockplus在动画这方面的支持还是不错的,使用“载入时”的触发方式即可实现页面切换后,动画自动播放的效果。下面来看看效果有多赞。 先简单看看动图: 点击这里,可以立即在线预览:https://run.mockplus.cn/XFakD9...
这是一款服务类App,主要提供会计和商业咨询类服务。这款App首页局部很简单清晰,直接把主要分类菜单以图标+文字的形式排列出来,这让我直接使用了Mockplus的图标按钮组件,该组件既可添加图标,又可编辑文字,并且外形可以自由选择,十分好用,同时丰富的图标库,让我在选择图标时,轻松快速。 先简单看看动图: 点击这里,可以立即在线预览:https://run.mockplus.c...

工具类App原型制作分享-Pocket Fuel

Anny 2017-11-03 阅读:1612
这款App在配色上非常清新,启动页和登录注册页面都是采用的渐变色彩,目前Mockplus中还不支持渐变色彩,但在原型设计阶段似乎并无影响。之后的版本中会加入渐变色的支持,让原型设计更自由和有更多发挥的空间,甚至,UI后期的美化都将可以直接在Mockplus中去实现。 先简单看看动图: 点击这里,可以立即在线预览:https://run.mockplus.cn/qbxImVovS...

体育类App原型制作分享-AusOpen

Anny 2017-11-03 阅读:799
AusOpen是一款澳大利亚网球信息App,精彩的赛事,实时更新。体育新闻类的App,具有时效性,同时赛制信息也要展示得清晰明了。这款原型涉及到了一些重复布局的页面,比如列表,制作时,先做好其中一个列表项,使用快速格子(Repeater)功能,右键转化为格子以后,只需一拖,多个相同的列表项就轻松呈现,快速高效,一试便知。 先简单看看动图: 点击这里,可以立即在线预览:https...

企业类Web原型制作分享-Valet

Anny 2017-11-03 阅读:993
Valet是一个企业公司通用网站,在做网页类型的原型时,常常会用到鼠标悬停的一些交互,在Mockplus中,状态交互很好的解决了这个问题,只需在颜色、边框、文字等有状态交互的属性旁边点击一个“闪电”图标,就能轻松设置鼠标经过时或鼠标点下时的属性。除了状态交互,目前Mockplus还不支持鼠标悬停触发事件,但在后期会实现这一功能,非常值得期待。 点击这里,可以立即在线预览:https:...

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

Anny 2017-11-03 阅读:643
Recipes是一款精致生活应用,可以快速找到你需要的菜谱。首页采用质量高的美食图片吸引眼球,并且你能快速找到对应的制作步骤。这款原型中的菜单采用的是侧滑菜单,在Mockplus中,只需一个抽屉组件,就能轻松搞定,同时在最新版本中,支持图片一键自动填充,其中就包含了上百张美食类的图片,原型设计,既要美也要快。 先简单看看动图: 点击这里,可以立即在线预览:https://run...
1

跳转
Close
Mockplus 三周年设计大赛