15分钟认识墨刀基本元素

墨刀介绍

如果你无法简洁的表达你的想法，那只说明你还不够了解它。
-- 阿尔伯特·爱因斯坦

引用被墨刀放在初始页的一句爱因斯坦老兄的名言，墨刀就是一种能够将设计想法迅速变成可见的模型的原型设计工具。墨刀制作了很多教学视频和文档。本文的目的是让你玩味墨刀的基本组件。

所要达到目的

1. 了解墨刀基本元素
2. 一些基本组件细解
3. 实现最简开发：每天回家来个拥抱！

---

开始！！！

了解墨刀基本工具使用方法

• 界面：墨刀分为网页版和客户端版，遵守即用即走的原则，这里选择 网页版来述说。

墨刀工作区

1. 新名词总是需要一定记忆的时间，一个好的方法是 读一遍然后关联似曾相识的东西
2. 这里页面设计器就是手机面板页
3. 组件区当然就是工具箱啦
4. 列表区比较重要，每个页面的关联和内部动作都在这里。
5. 工具栏自然进行一些保存，剪切等工作，注意上传图片也在这里。

组件

• 写文字：使用“文字和多行文字”，注意单行文字不支持回车
• 使用手势更换页面：“手势和全局手势”， 手势并不在预览用显现，只有将手势关联到其他页面的时候才会出现手势选择框。手势的坐标是无所谓的，所以随便放就好了。
  
  

  显示手势选择框和使用
• 设置链接：“链接区域” 这是一个非棒 的设计，非常使用，链接区域使用透明层，我们可以遮盖其他层，比如文字，图片，然后使得这些层看上去能够链接到其他页面，但编辑起来更轻松！
• 链接到外部网页 ：“网页”，这个功能还真有趣！能够直接在墨刀里访问外部链接，但有意思的是还有人利用这个功能诈骗，不知道是真是假，不过结果就是我们用 墨刀先要 认证 同时只能访问 https 协议的网站。
• 制作各类形状包括按钮：“形状组件” 就也可以了，其中长方形组件被官方称为“万能组件”
• “仿真地图、搜索框、键盘”： 都有啦！就是仿真的啦！

面板

• 就是在设置的时候不断会跳出来让你设置的东东。
• 包括文字、图片、素材、链接设置等等面板，玩玩就熟悉了。

• 特别提醒的就是链接设置面板，也是墨刀的一个特色。墨刀比较适合感性的设计师，用拖拽几乎可以搞定一切。包括图片上传和这里的链接设置。

  
  
  拖拽好简单.gif

素材

• 素材上传: 本人觉得墨刀和的基因还真的很相似，包括拖拽和对于gif 动图的支持，甚至墨刀的产品经理都将墨刀的一些说明安置在上~
  
  

  上传动图.gif
• 素材管理：仔细看，在素材管理中可以将直接拖到下方，这个功能其实很实用的，另外，标签功能也方便了素材同类的搜索和分类。
  
  

  Screen Shot 2016-12-19 at 5.23.33 PM.png

最简原型，唤醒爱情

示范.gif

真心喜欢墨刀呢！Enjoy the sweetness！ 享受甜蜜哈！