想
我想开发一款web端页面,我大脑里已经有大概的设计方案
但是我想用原型设计工具写出来让别人看
比如 墨刀 aurxe pisix之类的
开始
墨刀免费版功能限制多,个人暂且用
但是不熟悉,于是开始学习
B站看视频?看培训课程?自己探索?
我自己一个快速学习的思维方式:
- 建立知识框架
- 填充细节
1. 建立知识框架
概念1:能做什么
墨刀是用来设计网页原型的,那么它就应该具备网页原型设计的能力(先入为主)
墨刀是用来设计网页原型的,那么它就应该具备网页原型设计的能力(先入为主)
墨刀是用来设计网页原型的,那么它就应该具备网页原型设计的能力(先入为主)
从上面3点,就建立起一个概念,墨刀可以做到原型网页的设计!!!
概念2:怎么做(有什么决定可以做什么)
怎么做,其实本质取决于它有什么
知道有什么,就建立了它能做什么和怎么做的框架思维
有什么:
- 画布,不限宽高,里面可多个页面
- 页面,这是一个组合,里面可以有多个组件
- 组件,一个组件可以是导航栏、表格、图片等等,顶部图层的组件遮挡底部的
- 图层,字面意思,就是按图层的顶部底部,顶部遮挡底部
- 组合、打散,把多个组件组合成一个整体,或者打散
- 事件,在组件上添加点击事件,或者在组件的子元素上添加点击事件,跳转链接、或者切换其他组件的显示状态
- 状态,活动组件可以建立多个状态,可以用事件来绑定组件的其中一个状态(这里的状态就是显示内容)
- 互动,我猜的,应该有这个效果
有了以上的框架知识后,从画布开始,创建页面,添加组件,绑定事件,组合多个组件,等等都可以做到了
然后,剩下的,就是具体的,有什么组件? 怎么修改组件的内容?
就不深入了,墨刀的帮助中心也有视频可以看,还有其他类似的原型设计工具,主打一个学雷锋好榜样免费给用户使用。
end