墨刀介绍
如果你无法简洁的表达你的想法,那只说明你还不够了解它。
-- 阿尔伯特·爱因斯坦
引用被墨刀放在初始页的一句爱因斯坦老兄的名言,墨刀就是一种能够将设计想法迅速变成可见的模型的原型设计工具。墨刀制作了很多教学视频和文档。本文的目的是让你玩味墨刀的基本组件。
所要达到目的
- 了解墨刀基本元素
- 一些基本组件细解
- 实现最简开发:每天回家来个拥抱!
开始!!!
了解墨刀基本工具使用方法
- 界面:墨刀分为网页版和客户端版,遵守即用即走的原则,这里选择 网页版来述说。
1. 新名词总是需要一定记忆的时间,一个好的方法是 读一遍然后关联似曾相识的东西
2. 这里页面设计器就是手机面板页
3. 组件区当然就是工具箱啦
4. 列表区比较重要,每个页面的关联和内部动作都在这里。
5. 工具栏自然进行一些保存,剪切等工作,注意上传图片也在这里。
组件
- 写文字:使用“文字和多行文字”,注意单行文字不支持回车
-
使用手势更换页面:“手势和全局手势”, 手势并不在预览用显现,只有将手势关联到其他页面的时候才会出现手势选择框。手势的坐标是无所谓的,所以随便放就好了。
显示手势选择框和使用 - 设置链接:“链接区域” 这是一个非棒👍 的设计,非常使用,链接区域使用透明层,我们可以遮盖其他层,比如文字,图片,然后使得这些层看上去能够链接到其他页面,但编辑起来更轻松!
- 链接到外部网页 :“网页”,这个功能还真有趣!能够直接在墨刀里访问外部链接,但有意思的是还有人利用这个功能诈骗,不知道是真是假,不过结果就是我们用 墨刀先要 认证 同时只能访问 https 协议的网站。
- 制作各类形状包括按钮:“形状组件” 就也可以了,其中长方形组件被官方称为“万能组件”
- “仿真地图、搜索框、键盘”: 都有啦!就是仿真的啦!
面板
- 就是在设置的时候不断会跳出来让你设置的东东。
- 包括文字、图片、素材、链接设置等等面板,玩玩就熟悉了。
-
特别提醒的就是链接设置面板,也是墨刀的一个特色。墨刀比较适合感性的设计师,用拖拽几乎可以搞定一切。包括图片上传和这里的链接设置。
拖拽好简单.gif
素材
-
素材上传: 本人觉得墨刀和简书的基因还真的很相似,包括拖拽和对于gif 动图的支持,甚至墨刀的产品经理都将墨刀的一些说明安置在简书上~
上传动图.gif -
素材管理:仔细看,在素材管理中可以将直接拖到下方,这个功能其实很实用的,另外,标签功能也方便了素材同类的搜索和分类。
Screen Shot 2016-12-19 at 5.23.33 PM.png
最简原型,唤醒爱情
示范.gif真心喜欢墨刀呢!Enjoy the sweetness! 享受甜蜜哈!
网友评论