APP原型设计利器-墨刀MockingBot

来源:互联网 发布:京东云 知乎 编辑:程序博客网 时间:2024/05/14 06:24

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

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

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

号外:文后有福利!!

                        墨刀MockingBot
附上跳转链接:墨刀MockingBot

墨刀简介

      墨刀拥有很多实用模版,如果有一个模版是你需要的,那么你就免去了大量的设计工作。如果你说你是”乐在设计”,那么墨刀也不会让你失望。墨刀拥有比较全的素材箱:文字输入,星标,搜索框,下拉框,首字母检索等等。
                                          素材箱
关于工具箱我们在后面的文章中再详细介绍。
      第一大亮点:基本功能全免费。这是包括博主在内无数整天哭穷人士的福音啊!
      第二大亮点:分享查看功能。你可以通过Web或者微信随时查看你设计的APP。
            APP分享
      第三大亮点:官方灵感博文。墨刀官方会不定时的发出一些令人震撼的设计灵感博文(如下图)。详见:墨刀-讨论区。
  灵感博文

使用流程

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

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

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

工具箱与素材箱介绍

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

    工具箱

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

页面连接

            页面连接

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

页面连接

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

                  页面跳转方式

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

设计

博主也刚用”墨刀”不久,且博主也是一个没有审美的人,所以这里就用一句话略过吧:墨刀上可以轻松实现FAB交互效果,教程在此,等。另:”墨刀”一直在更新中,更多功能等待开发商的开发。

差点忘了,福利在此:

(“墨刀”分享的应用可以完美嵌入各种页面 )
(这是”墨刀”的演示APP分享 )

好了,博主也不再多说什么了,”墨刀”的功能等待你去探索,常见问题解答及新手教程请点击这里。
博文不长,希望你能喜欢。

0 0
原创粉丝点击