热门排行
简介
墨刀Mac版是一款专为Mac用户打造的移动应用原型设计工具,提供了免费且高效的手机app原型与线框图制作功能。这款工具适用于产品经理和UI/UX设计师,使他们能够迅速搭建起产品原型,并在团队间进行便捷的分享和沟通。它不仅支持云端保存、实时的手机预览,还提供了多种手势操作、页面切换特效和不同主题,以满足不同设计需求。墨刀MockingBot的这些功能使得设计和协作变得更加简单高效,极大地提升了工作流程的灵活性和可视化水平。本版本适用于Apple 芯片版
选择适合你的 Mac 的 墨刀版本
Apple 芯片版本 墨刀在 Intel 芯片的 Mac 中不可用。如果不确定你的 Mac 使用哪个芯片类型,建议下载 Intel 芯片版本,确保墨刀的正常使用。
如何确认芯片类型?
在左上角,点击 Apple 菜单 > 关于本机
在“概览”标签页中,寻找“处理器”或“芯片”,确认显示的是“Intel”还是“Apple”
软件功能
一、基本操作
1、链接,手势,定时器
2、屏幕滚动
3、返回上一页
4、左右滑菜单
5、分享及手机运行
二、高保真原型
1、批量上传设计图
2、链接区域,固定标题栏
3、ios状态栏重叠
三、进阶:母版
1、定时轮播图
2、下拉菜单
3、母版局部滚动
四、进阶:动画
1、页面内交互入门
2、全局状态
3、apple watch
4、FAB效果按钮
5、FAB效果播放器
软件特色
一、海量素材:原型设计轻松上手
1、60多种常用组件,拖拽即用
2、上千种图标、页面等素材
3、适用网页、管理后台、移动端等多种场景
二、拖拽交互:还原产品真实体验
1、只需1步,快速添加页面交互
2、提供5种设备类型、24款真机外壳
3、手机直接演示产品交互,所见即所得
三、需求文档:随时编写打破信息壁垒
1、同1画布,完成原型与文档
2、丰富的图文编辑功能
3、需求文档与页面一同分享
四、在线协作:激发团队能力
1、1键分享,打破传统模式
2、多人实时同步编辑,告别手动传输
3、在线评审互动,降低沟通成本
基本操作:
链接、手势及定时器
使用墨刀可以非常方便的创建页面间链接,墨刀独创的拖拽链接方式,让页面间的链接关系清晰呈现眼前,要创建页面间链接,只需要选中要链接的组件,然后拖动组件右侧的小圆圈到目标页面就可以了,如下图:
创建好链接之后,我们会看到链接选项面板:
可以看到,链接面板包含3个部分:手势、切换动画以及定时器,下面我们来依次介绍这3个部分。
由于手势需要较大的可点击区域,所以并不是所有组件都支持手势,目前支持手势的组件包括:全局手势,链接区域,图片以及矩形,可选的手势如图所示,共有6种:点按,长按以及上下左右滑动。
接下来就是页面切换动画选择,共有15种特效可供选择,如果您不确定需要那种效果,可以在选中之后,将鼠标移到上面的预览框,对效果进行预览。
最后是定时器,可以设定这个链接的自动跳转时间,到达时间后,即使用户没有任何操作,应用也会自动跳转到目标页面,适合制作轮播动画等等。
如何制作滚屏效果
如果页面内容超过了当前屏幕的默认高度,只需要对屏幕高度进行扩展,就可以在预览模式下通过滚屏来查看超出屏幕部分的内容了,扩展屏幕高度非常简单,只需要点击屏幕底部的“扩展屏幕高度”按钮就可以了,见下图:
如果需要对屏幕高度实现精确控制,也可以将鼠标移到屏幕底部,待鼠标变为拖动图标后,直接拖动屏幕底部来调整屏幕高度。
如何制作侧滑/抽屉菜单
要建立侧滑菜单(或者抽屉菜单)效果需要用到全局手势组件,见下图红圈:
首先假设你已经有了三个页面,分别是居中的主页面,左滑菜单以及右滑菜单,现在我们需要拖动两个全局手势组件到居中的主页面的任意位置,见下图:
然后分别将两个手势组件与两侧的菜单相连,下面以左滑菜单为例,创建好连接之后,我们需要将手势设定为左滑动,然后选择“左菜单”作为页面切换效果,见下图:
同理,连接另一个全局手势到右侧菜单,相应的选择“右滑动”手势以及“右菜单”交互,然后点击运行,菜单效果就做好了:
更新日志
v1.5.0
其他BUG修复与优化