如果快速学习一款原型设计工具呢?(此篇内容很水)

212 阅读2分钟

我想开发一款web端页面,我大脑里已经有大概的设计方案

但是我想用原型设计工具写出来让别人看

比如 墨刀 aurxe pisix之类的

开始

墨刀免费版功能限制多,个人暂且用

但是不熟悉,于是开始学习

B站看视频?看培训课程?自己探索?

我自己一个快速学习的思维方式:

  1. 建立知识框架
  2. 填充细节

1. 建立知识框架

概念1:能做什么

墨刀是用来设计网页原型的,那么它就应该具备网页原型设计的能力(先入为主)

墨刀是用来设计网页原型的,那么它就应该具备网页原型设计的能力(先入为主)

墨刀是用来设计网页原型的,那么它就应该具备网页原型设计的能力(先入为主)

从上面3点,就建立起一个概念,墨刀可以做到原型网页的设计!!!

概念2:怎么做(有什么决定可以做什么)

怎么做,其实本质取决于它有什么

知道有什么,就建立了它能做什么和怎么做的框架思维

image.png

image.png

有什么:

  1. 画布,不限宽高,里面可多个页面
  2. 页面,这是一个组合,里面可以有多个组件
  3. 组件,一个组件可以是导航栏、表格、图片等等,顶部图层的组件遮挡底部的
  4. 图层,字面意思,就是按图层的顶部底部,顶部遮挡底部
  5. 组合、打散,把多个组件组合成一个整体,或者打散
  6. 事件,在组件上添加点击事件,或者在组件的子元素上添加点击事件,跳转链接、或者切换其他组件的显示状态
  7. 状态,活动组件可以建立多个状态,可以用事件来绑定组件的其中一个状态(这里的状态就是显示内容)
  8. 互动,我猜的,应该有这个效果

有了以上的框架知识后,从画布开始,创建页面,添加组件,绑定事件,组合多个组件,等等都可以做到了

然后,剩下的,就是具体的,有什么组件? 怎么修改组件的内容?

就不深入了,墨刀的帮助中心也有视频可以看,还有其他类似的原型设计工具,主打一个学雷锋好榜样免费给用户使用。

end