MasterGo

MasterGo使用小贴士

总所周知，mastergo是一个十分优秀的ui设计工具，诶，这里就不做介绍了

---

作为一名java开发者，这个本不是我涉及的领域，但是接私活的时候，甲方爸爸需要我们提供UI设计图给他的时候怎么办？花钱找人画？No，作为一名后台开发者，万事不求人!

于是我尝试自己动手用mastergo画UI界面，刚开始有点惨不忍睹，费时费力还贼丑，一度让我想起了以前学PS的时候(现在基本忘完了)，还好有点前端基础，宽高背景边框这些都懂，但是原型，约束这些是啥啊，我导入的组件怎么用啊，这个居中怎么没效果？手动移动组件对齐也太难把握了把？

果然隔行如隔山，不隔行也隔山

但是经过我一天的不断尝试，终于发现了一些使用上的小窍门

粗略技巧大佬借过

1. 我们可以直接将各大前端UI组件库的Sketch资源包导入到mastergo，导入完成之后我们可以直接再图层旁边组件的本地里找到，可以直接拖到你想放的位置，别像我之前还傻傻的去页面里copy…
   大概这里
   
2. 当你需要细微的调节页面上元素的位置时，你可以先使用选择工具选中元素，然后用你的手指按键盘上的方向键即可，妈妈再也不担心我对不齐了…
3. 当你添加文本时，建议使用单行模式或者自动高度，能满足你绝大多数的需求，一个字：省心！
4. 如果只是单纯的展示UI设计的话，约束可以忽略，他是在你导出页面的时候设置元素布局或者定位的。
5. 原型则是实现页面大致交互的，我们直接按照业务的流程，配置响应的交互就可以了，注意指定交互动作的时候一定要指到元素的那个小白点上！

---

今天大概分享的就是这些，后续有其他发现，将继续更新，如果你们有其他更好的技巧麻烦施舍我一下，万分感谢！