墨刀使用入门学习笔记1

墨刀 原型工具

需要官网下载和注册
https://modao.cc/
推荐下载到本地

入门使用

企业级使用最好创建一个 organization space
个人玩或者非正式场合，就personal space就可以了

创建Project

点击Create旁边的箭头
发现两个选项 project 或者 from template
选project 一样可以选择墨刀自带的一些模板 ，我们这里选 project

我们看到其实这里有两个tab页，一个是空项目 ，一个是create from demos 其实就是一些template
我们这里先从简单的讲起， demo那就花东西多了。

我们选择一个webpage 平常工作 webpage情况多

如果没有自己喜欢的尺寸可以选择custom

来创建自己想要的页面大小
我们这里就用一个小一些的webpage

然后 别忘了填写 project name
没错，就是说你呢，在那楞点下面的create 按钮但是按不动

进入Project编辑

进入项目之后我们看一下不同的区域，上面的工具栏，一目了然，都认识字吧，

其中比较重要的
第一、 library 如果你需要一些素材，或者自己想上传一些素材 ，请点这里

目前墨刀已经发展的很不错了，该有的基本素材都有，如果你有需要的公司logo或者个人签名，请选座右边标签的Account来上传自己的。或者点击蓝色按钮，进入素材广场(会打开一个网页) 来浏览更多网络上的素材。

另外一个重要的东西是version control

这个功能只对企业级的用户开放，虽然贵，但是好用，没错我还没买。
但是对于做商业化的app的时候还是蛮重要的功能。后面我们再谈。

对新手来说最重要的功能就是这个
帮助里面的向导，详细介绍了每一个功能，并且配合了视频去讲解如何使用。不会用，最初步的就是这个。

页面的左边栏 包括两个部分，最左边的，快速插入
和分上下两栏的目录
上面的目录是页面
可以看到目前默认的只有 home 和screen2 两个页面点击对某个页面进行编辑。
下面的layer
有点类似于 PS里面的图层 ，
两个作用，
第一，是告诉你目前的页面里有多少组件，可能是group 组件 ，可能是单个组件。
第二，是告诉你如果有交叠，谁会在上层，如果你没玩过PS，那么可以理解为webpage里面的z-index。

主体页面里面，最扎眼的就是这个组件框
组件框里包括了各种组件你可以随意拖动选择

其中最终要的是Dynamic Widget(动态组件)
它所包括或者包围的部分就是可以点击或者滑动或者交互的，加载不同的状态，就可以形成动态效果。

先到这儿吧，明天再续