APP原型设计利器-墨刀MockingBot

这是我的第一篇博客,若写的不好望大家指正

其实博主也是前天才开始使用"墨刀"。但使用起来非常得心应手,所以赶快跟网友们分享一下这款APP原型设计工具。

首先声明,"墨刀"是APP原型设计器,暂时没有数据连接等相关功能(Eg.获取天气数据,获取手机联系人,获取短信等)。且"墨刀"工作人员表示:“墨刀是原型工具,目前的开发重心还是在原型及设计方面“。所以,墨刀是"0代码设计",主要面向没有代码背景的初学者和外行人士,期望设计真正实用APP的网友还是另辟蹊径吧。

墨刀MockingBot

附上跳转链接: 墨刀MockingBot

墨刀简介

墨刀拥有很多实用模版,如果有一个模版是你需要的,那么你就免去了大量的设计工作。如果你说你是"乐在设计",那么墨刀也不会让你失望。墨刀拥有比较全的素材箱:文字输入,星标,搜索框,下拉框,首字母检索等等。

APP原型设计利器-墨刀MockingBot_第1张图片
素材箱

关于工具箱我们在后面的文章中再详细介绍。
第一大亮点: 基本功能全免费。这是包括博主在内无数整天哭穷人士的福音啊!
第二大亮点: 分享查看功能。你可以通过Web或者微信随时查看你设计的APP。
APP原型设计利器-墨刀MockingBot_第2张图片
APP分享

第三大亮点: 官方灵感博文。墨刀官方会不定时的发出一些令人震撼的设计灵感博文(如下图)。详见:墨刀-讨论区。
APP原型设计利器-墨刀MockingBot_第3张图片
灵感博文

使用流程

  1. 注册一个"墨刀"账户。点击官网主页右上方的"免费注册"后按流程一步一步来即可注册成功。
  2. 登录"墨刀MockingBot"
  3. 你可以阅读官方给出的使用教程和常见问题解答。或者阅读下列文字:

点击右上角的加号-选择一个模版或是空白应用-在弹出的对话框里更改你的APP基础设置-点击"确定"

好了到目前为止你已经建好了你的第一个应用APP的框架。

工具箱与素材箱介绍

  • "首当其冲"的是素材箱:


    APP原型设计利器-墨刀MockingBot_第4张图片
    素材箱元素
    APP原型设计利器-墨刀MockingBot_第5张图片
    素材箱母板
    APP原型设计利器-墨刀MockingBot_第6张图片
    素材箱组合

    如上图所示"墨刀"的素材箱非常丰富。我感觉最完美的元素是"批注"。当你长时间不设计你的APP或者你有点健忘,这个功能就显得很重要,它能记录下来你的设计灵感、设计思路,防止发生思路断片。
    更多的素材等待着你自己去实验、设计。

  • 其次是工具箱
工具箱

我们可以看到"墨刀"的工具箱也是非常丰富,最亮眼的是标尺工具:在标尺上点击即可出现一条橙色的标准线,非常方便你的设计。

页面连接

APP原型设计利器-墨刀MockingBot_第7张图片
页面连接

如上图所示,每拖入一个素材,在其右边就会出现连接的图样。

APP原型设计利器-墨刀MockingBot_第8张图片
页面连接

只要将连接图标托到右边栏的页面上就可以创建一个新的连接,这样你点击这个素材就会打开新页面了。

APP原型设计利器-墨刀MockingBot_第9张图片
页面跳转方式

另外,页面的跳转方式也有很多种(如上图)。

设计

博主也刚用"墨刀"不久,且博主也是一个没有审美的人,所以这里就用一句话略过吧:墨刀上可以轻松实现FAB交互效果,教程在此,等。另:"墨刀"一直在更新中,更多功能等待开发商的开发。
("墨刀"分享的应用可以完美嵌入Web页面 ,请进入我的CSDN博客第一篇博文查看)

好了,博主也不再多说什么了,"墨刀"的功能等待你去探索,常见问题解答及新手教程请点击这里。
此篇文章本是我发表在CSDN博客上的文章,特地拿来跟简友们分享。
博文不长,希望你能喜欢。

你可能感兴趣的:(APP原型设计利器-墨刀MockingBot)