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! 享受甜蜜哈!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,482评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,377评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,762评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,273评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,289评论 5 373
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,046评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,351评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,988评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,476评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,948评论 2 324
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,064评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,712评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,261评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,264评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,486评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,511评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,802评论 2 345

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,510评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,024评论 4 62
  • 追求完美不是坏事 追求完美的同时自己却一点也不付出 就不那么好了 压力太大可是又无所作为这样最终导致的只能是灭亡 ...
    sunandshade阅读 129评论 0 0
  • 2008-2018,毕业十周年。初步策划方案,抛砖引玉,一起来改: 1,时间暂定在寒假或暑假期间某个周末。不带家属...
    草上霜阅读 419评论 0 0
  • 1.padding padding-top:20px;上内边距 padding-right:30px;右内边距 p...
    乡水情缘阅读 247评论 0 1