发布时间:2023-05-19 文章分类:WEB开发, 电脑百科 投稿人:李佳 字号: 默认 | | 超大 打印

蓝湖是一个解决方案:解决了前端开发和UI设置之间的沟通的方案。

随着UI设计师的设计工具越来越繁杂,我们不能再像传统的合作模式一样。为了解决这个问题,蓝湖应运而生。

蓝湖的使用

不管设计师用的是什么设计软件,上传到蓝湖上表现都一样。

弊端

蓝湖有免费的人数限制,但是咱们人比较多,没办法进入到同一个项目里。所以在下面的学习中,我们需要了解一个设计工具-masterGO

设计工具

我们选用MasterGO作为我们未来往蓝湖上传设计图的工具。

蓝湖的使用

MasterGo

进入到蓝湖后,右上角有一个masterGo的图标

蓝湖是一个解决方案:解决了前端开发和UI设置之间的沟通的方案。

随着UI设计师的设计工具越来越繁杂,我们不能再像传统的合作模式一样。为了解决这个问题,蓝湖应运而生。

蓝湖的使用

不管设计师用的是什么设计软件,上传到蓝湖上表现都一样。

弊端

蓝湖有免费的人数限制,但是咱们人比较多,没办法进入到同一个项目里。所以在下面的学习中,我们需要了解一个设计工具-masterGO

设计工具

我们选用MasterGO作为我们未来往蓝湖上传设计图的工具。

MasterGo

进入到蓝湖后,右上角有一个masterGo的图标

蓝湖的使用

第一次点击时,会到注册页,直接用蓝湖账号注册即可。

蓝湖的使用

进入到mastergo中看到的界面。

导入设计图

蓝湖的使用

在MasterGo的右上角有个导入文件,点击后,选择我给大家的设计图,然后导入即可。

蓝湖的使用

点击“选择或拖拽文件到此处”,在打开问文件选择器中,找到我们的设计图。

蓝湖的使用

等到导入完成

蓝湖的使用

导入完成,点击导入结束即可。

蓝湖的使用

在我们的列表中,就可以看到我们导入的内容。

蓝湖的使用

打开设计图

双击导入的设计图打开。

蓝湖的使用

安装蓝湖插件

注意,这个插件第一次装好,之后就不需要再次安装。

在打开的设计图上点击右键,选择插件,然后点击前往插件社区。

蓝湖的使用

在插件社区上,找到蓝湖。点击安装

蓝湖的使用

点击安装后会变成已安装

蓝湖的使用

再次回到MasterGo界面。

蓝湖的使用

在空白处点击右键,

蓝湖的使用

选择蓝湖,第一次选择需要登录蓝湖。

蓝湖的使用

蓝湖的使用

蓝湖的使用

登陆完成后,返回Master就可以继续使用了

蓝湖的使用

搞定后,自动出现对应的界面。

然后选择我们的团队,创建对应的项目,上传设计图

按要求配置后,点击上传即可,第一次上传,建议上传全部画板。

蓝湖的使用

蓝湖的使用

上传完成后,即可查看项目。

蓝湖的使用

蓝湖方便前端开发实现对应的工作

第一次点击时,会到注册页,直接用蓝湖账号注册即可。

蓝湖的使用

进入到mastergo中看到的界面。

导入设计图

蓝湖的使用

在MasterGo的右上角有个导入文件,点击后,选择我给大家的设计图,然后导入即可。

蓝湖的使用

点击“选择或拖拽文件到此处”,在打开问文件选择器中,找到我们的设计图。

蓝湖的使用

等到导入完成

蓝湖的使用

导入完成,点击导入结束即可。

蓝湖的使用

在我们的列表中,就可以看到我们导入的内容。

蓝湖的使用

打开设计图

双击导入的设计图打开。

蓝湖的使用

安装蓝湖插件

注意,这个插件第一次装好,之后就不需要再次安装。

在打开的设计图上点击右键,选择插件,然后点击前往插件社区。

蓝湖的使用

在插件社区上,找到蓝湖。点击安装

蓝湖的使用

点击安装后会变成已安装

蓝湖的使用

再次回到MasterGo界面。

蓝湖的使用

在空白处点击右键,

蓝湖的使用

选择蓝湖,第一次选择需要登录蓝湖。

蓝湖的使用

蓝湖的使用

蓝湖的使用

登陆完成后,返回Master就可以继续使用了

蓝湖的使用

搞定后,自动出现对应的界面。

然后选择我们的团队,创建对应的项目,上传设计图

按要求配置后,点击上传即可,第一次上传,建议上传全部画板。

蓝湖的使用

蓝湖的使用

上传完成后,即可查看项目。

蓝湖的使用

蓝湖方便前端开发实现对应的工作