超好用的原型设计工具 -墨刀Mockingbot

超好用的原型设计工具 -墨刀Mockingbot

今天给大家介绍一款超好用的原型工具 — 墨刀,我感觉对于非设计背景出身,工作重点是展现画面逻辑和流程概念的人来说,是很不错的选择。

墨刀是一款大陆在线原型设计工具,最近下载操作后有种相见恨晚的感觉。以前在做Wireframe、Mockup和Prototype时,最大的困扰就是很多元件都要重画,或者是交互效果要花很多时间设定(逻辑要超好><)。

以我个人来说,目前接触过的有Sketch、Axture、Marvel、Invision、Flinto、Principle,除了第一、二款拿来画Wireframe和Mockup之外,其他都是辅助做Prototype的工具,再根据要做的效果复杂度而不同。

p.s. Sketch其实拿来画Wireframe并不是最佳的选择,但因为工作要求高拟真的图就选择此工具了。不过好处是有许多Plugin之外,也可以汇入其他原型工具里作进一步的互动效果!

墨刀的特色是:
1.有丰富的元件数据库,除了图标之外,还有组件(搜寻框、顶端栏、对话框等等),可以很方便的直接拖曳到工作区,不用一个个自己画。

超好用的原型设计工具 -墨刀Mockingbot

2. 有基本的交互功能(母版),例如轮播图、下拉菜单、左右滑动等,可以快速的建立互动效果。

超好用的原型设计工具 -墨刀Mockingbot

3. 可以直接产出每个页面之间的关系,即工作流程,一次可以看到整体的设计构架。

超好用的原型设计工具 -墨刀Mockingbot

4. 在每个页面可以新增备注,在预览画面会呈现出来,以利沟通。

超好用的原型设计工具 -墨刀Mockingbot

5. 有提供Sketch Plugin,可以汇入Sketch美美的图,再加上交互效果,简单的Prototype就完成啰!

超好用的原型设计工具 -墨刀Mockingbot

基于以上的特色,我觉得如果只是要快速的画出产品界面,表达流程和互动效果,墨刀十分的适合,第一次试用大概十分钟可以画出Instagram首页和加入基本的滑动效果,官网也有许多教学视频和文件可以参考,相信还有许多强大的功能我还没体验到,若想找一个制作Wireframe快速方便的朋友可以试试看!

via medium 图片出处:墨刀官网

精品软件

当思维导图遇到幕布,会发生什么

2017-5-5 20:01:43

精品软件

【原创】技术员 Win10(64位)系统1709企业版 201711

2017-12-1 10:38:45

    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索