蓝湖是一个解决方案:解决了前端开发和UI设置之间的沟通的方案。
随着UI设计师的设计工具越来越繁杂,我们不能再像传统的合作模式一样。为了解决这个问题,蓝湖应运而生。
不管设计师用的是什么设计软件,上传到蓝湖上表现都一样。
弊端
蓝湖有免费的人数限制,但是咱们人比较多,没办法进入到同一个项目里。所以在下面的学习中,我们需要了解一个设计工具-masterGO
设计工具
- PS
- Sketch
- Figma
- pixso
- 即时设计
- MasterGO
我们选用MasterGO作为我们未来往蓝湖上传设计图的工具。
MasterGo
进入到蓝湖后,右上角有一个masterGo的图标
蓝湖是一个解决方案:解决了前端开发和UI设置之间的沟通的方案。
随着UI设计师的设计工具越来越繁杂,我们不能再像传统的合作模式一样。为了解决这个问题,蓝湖应运而生。
不管设计师用的是什么设计软件,上传到蓝湖上表现都一样。
弊端
蓝湖有免费的人数限制,但是咱们人比较多,没办法进入到同一个项目里。所以在下面的学习中,我们需要了解一个设计工具-masterGO
设计工具
- PS
- Sketch
- Figma
- pixso
- 即时设计
- MasterGO
我们选用MasterGO作为我们未来往蓝湖上传设计图的工具。
MasterGo
进入到蓝湖后,右上角有一个masterGo的图标
第一次点击时,会到注册页,直接用蓝湖账号注册即可。
进入到mastergo中看到的界面。
导入设计图
在MasterGo的右上角有个导入文件,点击后,选择我给大家的设计图,然后导入即可。
点击“选择或拖拽文件到此处”,在打开问文件选择器中,找到我们的设计图。
等到导入完成
导入完成,点击导入结束即可。
在我们的列表中,就可以看到我们导入的内容。
打开设计图
双击导入的设计图打开。
安装蓝湖插件
注意,这个插件第一次装好,之后就不需要再次安装。
在打开的设计图上点击右键,选择插件,然后点击前往插件社区。
在插件社区上,找到蓝湖。点击安装
点击安装后会变成已安装
再次回到MasterGo界面。
在空白处点击右键,
选择蓝湖,第一次选择需要登录蓝湖。
登陆完成后,返回Master就可以继续使用了
搞定后,自动出现对应的界面。
然后选择我们的团队,创建对应的项目,上传设计图
按要求配置后,点击上传即可,第一次上传,建议上传全部画板。
上传完成后,即可查看项目。
蓝湖方便前端开发实现对应的工作
- 标注工作,方便查看每个元素的相关属性
- 方便切图
第一次点击时,会到注册页,直接用蓝湖账号注册即可。
进入到mastergo中看到的界面。
导入设计图
在MasterGo的右上角有个导入文件,点击后,选择我给大家的设计图,然后导入即可。
点击“选择或拖拽文件到此处”,在打开问文件选择器中,找到我们的设计图。
等到导入完成
导入完成,点击导入结束即可。
在我们的列表中,就可以看到我们导入的内容。
打开设计图
双击导入的设计图打开。
安装蓝湖插件
注意,这个插件第一次装好,之后就不需要再次安装。
在打开的设计图上点击右键,选择插件,然后点击前往插件社区。
在插件社区上,找到蓝湖。点击安装
点击安装后会变成已安装
再次回到MasterGo界面。
在空白处点击右键,
选择蓝湖,第一次选择需要登录蓝湖。
登陆完成后,返回Master就可以继续使用了
搞定后,自动出现对应的界面。
然后选择我们的团队,创建对应的项目,上传设计图
按要求配置后,点击上传即可,第一次上传,建议上传全部画板。
上传完成后,即可查看项目。
蓝湖方便前端开发实现对应的工作
- 标注工作,方便查看每个元素的相关属性
- 方便切图