当前位置 > Mac软件> 正文

墨刀for mac破解版 MockingBot(MockingBot) MockingBot原型设计工具MockingBot破解版V0.6.1.0中文版

2022-07-01 13:07:06 暂无评论 Mac软件 设计工具   手势

下载墨刀并安装,然后按照以下步骤一步步操作。

1、创建一个应用

第一步打开墨刀软件,新建一个应用程序,选择应用程序类型(这里我选择了设备),输入应用程序名称、设备类型和应用程序大小,点击创建按钮,完成应用程序创建。

墨刀制作App原型教程

2、做一个底部导航栏

新应用的标题栏会自动显示应用的名称(人人都是产品经理),标题栏文字可自行修改。

制作导航栏,从左侧的组件列中找到最底部的组件,将其拖入应用程序中,自行修改大小和样式。然后拖入三个导航标签,修改标签的位置和名称。至此,底部导航栏就完成了。

打开墨刀创建应用,而后先制作底部导航栏

3、原型页面

然后我们开始做一个产品经理首页的简单原型,在左侧的组件栏中找到搜索组件,拖到app首页,在栏找到轮播模板墨刀for mac破解版,拖到应用中. 墨刀中有一些现成的组件或母版,可以直接拖拽使用,加快制作原型的时间。

制作原型页面

4、 然后回到组件栏,为首页插入图片和文字。图片调整在右侧的设置栏中。建议你直接拖拽图片,然后用鼠标调整大小,会更方便。文字的调整在左边的主题栏墨刀for mac破解版,可以调整文字的大小和样式,然后用鼠标移动到合适的位置。

用鼠标摆至合适的位置

5、创建页面

点击软件右上角的+新建页面,生成一个新页面,每个页面都有复制、删除、添加子页面的功能。将标题栏添加到新页面,复制首页底部导航,粘贴到新页面。注意粘贴时用来粘贴到原来的位置。以这种方式制作发现页面和我的页面。

创建页面

6、页面跳转

这里有一个墨刀很有特色的功能墨刀for mac破解版,就是通过连接方式在页面之间跳转。选择应用程序中的任意控件、图片或文本,通过添加手势和页面切换实现页面跳转。优点是操作方便直观。缺点是如果页面复杂,跳转较多,就会有很多行交叉在一起,很容易连线出错。

页面跳转

7、使用连接方式,可以快速实现底部导航的切换。设置完成后,选择右上角的运行按钮,查看实际效果。效果如下:

用连线的方式即可快速的实现底部导航的切换

8、添加全局手势

最后说一下移动端一个比较重要的功能,给应用添加全局手势,在左侧的组件栏中找到全局手势组件,拖动到应用的任意位置,然后选择页面启动手势后要跳转到的,选择手势方式有动画效果就可以了。

添加全局手势

9、使用全局手势组件在应用中添加滑动页面切换效果。运行测试,效果如下。

使用全局手势组件,在应用添加滑动的页面切换效果

10、手机预览

手机预览功能可以直接将原型导入手机查看。只需在运行界面,点击分享,用手机浏览器(墨刀app)扫描二维码即可直接在手机上查看原型,更方便你向团队演示和解释你的原型。

手机预览

墨刀()使用组合教程:

1、进入合成面板

墨刀左侧的组件栏上有3个选项卡,分别是组件、主控和组合。您可以点击组合标签或直接按数字键3进入组合面板。

墨刀使用组合教程

2、使用内置组合

进入组合面板后,可以看到墨刀为你内置了一些常用的组合控件,包括弹出框、列表项等。要只使用这些组合,直接拖到工作区即可也可以复制这些系统内置组合来定制您的自定义版本。

3、创建自定义组合

创建自定义合成有两种方法,您可以单击合成面板上方的新建合成,或将一组组件直接从工作区拖动到合成面板。

创建自定义组合

4、您刚刚创建的合成可以在其他项目中重复使用。

小编总结了墨刀的优点:

1、简单易用。之前用过,手绘风格,一开始觉得很有意思,后来觉得不好看,不真实。后来我用了Axure,很专业,但是比较复杂。我记得我花了半天时间学习了一个动态面板。墨刀上手快,一天就能轻松搞定。

2、快。不仅可以快速上手,还可以快速分享,快速查看手机上应用的效果。反馈反应非常及时,产品修改很快。用章元一的话来说,是唯一快不破的。

3、首相的好消息。我相信 PM 总是被原型所折磨,尤其是新手。他们充满信心,但保真度太低了。他们总是被推荐使用 Axure,但是 Axure 对于新手来说真的很不容易。墨刀比Axure好用。虽然此时的交互还没有那么丰富,但也能做出一个非常不错的原型。

版权保护: 本文由 8BDU软件分享博客-8BDU软件园 原创,转载请保留链接: /Macruanjian/2654.html

猜你喜欢

博客主人倒杯水
男,单身,无聊上班族,闲着没事喜欢研究代码,密集恐怖深度患者,资深技术宅。
  • 2641 文章总数
  • 13461访问次数
  • 2555建站天数