美文网首页
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分钟墨刀模板复用和页面动态效果实现

    墨刀 墨刀的好处和基本元素,可以参见15分钟认识墨刀基本元素 本次主要希望借助墨刀已有的模板和工具来实现模板复用和...

  • 15分钟认识墨刀基本元素

    墨刀介绍 如果你无法简洁的表达你的想法,那只说明你还不够了解它。-- 阿尔伯特·爱因斯坦 引用被墨刀放在初始页的一...

  • 认识墨刀

    墨刀节约了沟通的成本,降低了试错成本,优化了设计的效率。可以将作品分享给别人,无论在pc,手机,还是微信上。开发人...

  • 安装墨刀

    今天去墨刀官网下载了墨刀,尝试着使用了下墨刀

  • 人人都是项目经理-墨刀(安装&使用)

    墨刀官网地址墨刀使用教程

  • 《墨刀》

    如果用意识流的手法来编一个魔幻现实主义的故事,最终会不会呈现出表现主义的风格呢?本来是该要睡着的时候,可偏偏脑子里...

  • 墨刀

    下载墨刀后,对APP的界面设计有了初步的认识,设计一个好的APP不止需要优秀的代码还需要漂亮的界面,Android...

  • 墨刀

    墨刀使用记录 《有圈》这个App不到一岁就夭折了,但那段时光确实令人难忘

  • 墨刀

    起初听到墨刀这个名字,感觉像是个武侠小说。其实是个非常好的程序应用原型工具。想做产品设计人员,都应该好好学习一下。...

  • 墨刀 V3.0 今日上线:4大提升让产品设计效能升级

    如果你已经使用过昨天晚上更新的墨刀,墨墨姐相信你已经尖叫了。 为了墨刀 V3.0 的全面惊喜,墨刀团队足足准备了一...

网友评论

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

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