原型制作与图解——墨刀工具

原型制作

  • 1、注册与新建项目
  • 1、墨刀功能区
  • 2、页面编辑区
    • 1、页面跳转
    • 2、底栏
    • 3、替换图标及其文字
    • 4、长页面制作
  • 3、部分高频组件的使用说明
    • 1、链接区域
    • 2、图片
    • 3、轮播图
    • 4、表格
    • 5、批注
    • 6、标签页,切换页面
  • 4、运行
  • 5、三分钟快速搭建(低保真)原型

墨刀官网modao.cc

1、注册与新建项目

原型制作与图解——墨刀工具_第1张图片
原型制作与图解——墨刀工具_第2张图片
原型制作与图解——墨刀工具_第3张图片

1、墨刀功能区

墨刀中各个主要功能的位置,文件夹,图标模式以及列表模式,工作区,文件夹,页面编辑区,我的组件,母版,内置组件等内容。
原型制作与图解——墨刀工具_第4张图片
原型制作与图解——墨刀工具_第5张图片

2、页面编辑区

原型制作与图解——墨刀工具_第6张图片
原型制作与图解——墨刀工具_第7张图片

1、页面跳转

原型制作与图解——墨刀工具_第8张图片
原型制作与图解——墨刀工具_第9张图片
原型制作与图解——墨刀工具_第10张图片

2、底栏

原型制作与图解——墨刀工具_第11张图片

3、替换图标及其文字

原型制作与图解——墨刀工具_第12张图片
原型制作与图解——墨刀工具_第13张图片

4、长页面制作

原型制作与图解——墨刀工具_第14张图片

3、部分高频组件的使用说明

1、链接区域

原型制作与图解——墨刀工具_第15张图片

2、图片

可以直接 ctrl+c——ctrl+v进行图片导入,也可用如下方法进行放置
原型制作与图解——墨刀工具_第16张图片

3、轮播图

原型制作与图解——墨刀工具_第17张图片
原型制作与图解——墨刀工具_第18张图片

4、表格

将表格拖拽到页面中,双击表格即可进行输入;也可对表格的行列进行增减
原型制作与图解——墨刀工具_第19张图片
原型制作与图解——墨刀工具_第20张图片

5、批注

原型制作与图解——墨刀工具_第21张图片

6、标签页,切换页面

在常用组件中找到标签页
原型制作与图解——墨刀工具_第22张图片
原型制作与图解——墨刀工具_第23张图片

4、运行

原型制作与图解——墨刀工具_第24张图片

5、三分钟快速搭建(低保真)原型

原型制作与图解——墨刀工具_第25张图片
原型制作与图解——墨刀工具_第26张图片

你可能感兴趣的:(前端开发,浏览器,墨刀)