美文网首页
15分钟认识墨刀基本元素

15分钟认识墨刀基本元素

作者: 勇敢的狐狸 | 来源:发表于2016-12-19 18:12 被阅读480次

    墨刀介绍

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

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

    所要达到目的

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

    相关文章

      网友评论

          本文标题:15分钟认识墨刀基本元素

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