蓝湖的使用_mastergo怎么上传蓝湖

MasterGo

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

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

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

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

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

PS
Sketch
Figma
pixso
即时设计
MasterGO

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

MasterGo

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

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

进入到mastergo中看到的界面。

导入设计图

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

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

等到导入完成

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

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

打开设计图

双击导入的设计图打开。

安装蓝湖插件

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

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

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

点击安装后会变成已安装

再次回到MasterGo界面。

在空白处点击右键，

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

1.下载蓝湖插件蓝湖不是一个独立的应用，而是以插件的形式出现在应用中，支持Sketch、ps以及Adobe XD Sketch插件地址：https://lanhuapp.com/mac PS插件地址:https://lanhuapp.com/ps Adobe XD插件地址：https://lanhuapp.com/xd 2.安装插件安装成功后，打开photoshop，然后：窗口 —> 扩展功能 —> 蓝湖触发一次后，蓝湖图标会固定在最右边 3. 使用 1.先输入项目名称 2.再选择设计

在11.0的系统rom产品定制化中，系统对于多窗口模式默认会有分屏功能的，但是在某些产品中，需要禁用分屏模式，所以需要在导航栏中禁用长按recent的分屏模式功能，接下来分析下相关分屏模式的实现

前端单位换算 rem 配合蓝湖是指在前端开发过程中，使用 CSS 单位 rem 来实现根据屏幕尺寸自适应的布局，并结合蓝湖设计稿来进行开发。 rem 即 "root em"，是相对于根元素(html)字体大小的单位。通过将页面的根元素字体大小设置为自适应值，可以实现页面元素的自适应布局。蓝湖是一种设计稿审阅和交付平台，设计师可以在蓝湖上上传设计稿并与开发人员进行协作，便于沟通和交流。在使用 rem 配合蓝湖进行前端开发时，首先需要确定设计稿的尺寸。一般来说，设计稿会以某个固定尺寸（如 iPhone 6，375px 宽度）为基准进行设计。然后，将设计稿中的尺寸转换成 rem 值。根据页面的根元素字体大小，将设计稿中的像素值除以根元素字体大小，即可得到相应的 rem 值。例如，如果设计稿某个元素的宽度为 150px，而页面的根元素字体大小为 16px，那么该元素的宽度可以转换为 9.375rem (150/16)。通过这样的转换，可以确保页面元素在不同设备上呈现出相对一致的比例和布局。同时，通过蓝湖平台提供的标注工具，可以直接在设计稿中标注元素的位置、尺寸等信息，方便开发人员查看和调整。综上所述，前端单位换算 rem 配合蓝湖可以实现根据屏幕尺寸自适应的布局，提高前端开发效率。