美文网首页分享互联网科技@IT·互联网
APP原型设计利器-墨刀MockingBot

APP原型设计利器-墨刀MockingBot

作者: DarkKris | 来源:发表于2016-08-25 20:42 被阅读1074次

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

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

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

    素材箱
    关于工具箱我们在后面的文章中再详细介绍。
    第一大亮点:基本功能全免费。这是包括博主在内无数整天哭穷人士的福音啊!
    第二大亮点:分享查看功能。你可以通过Web或者微信随时查看你设计的APP。
    APP分享
    第三大亮点:官方灵感博文。墨刀官方会不定时的发出一些令人震撼的设计灵感博文(如下图)。详见:墨刀-讨论区。
    灵感博文

    使用流程

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

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

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

    工具箱与素材箱介绍

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


      素材箱元素 素材箱母板 素材箱组合

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

    • 其次是工具箱
    工具箱

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

    页面连接

    页面连接

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

    页面连接

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

    页面跳转方式

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

    设计

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

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

    相关文章

      网友评论

      本文标题:APP原型设计利器-墨刀MockingBot

      本文链接:https://www.haomeiwen.com/subject/phpasttx.html