蓝湖ui设计图直接转换html,蓝湖使用规范（用于管理UI及前端切图）

蓝湖使用规范

一、蓝湖插件下载及安装

二、团队项目建立流程

1、新建团队(横琴人寿)

2、新建项目

在对应的团队下新建项目

例如官微项目，官网项目，i保项目，哆来咪项目

3、新建分组

在相应的项目下按照功能模块进行分组，例如：投保、家庭权益、服务大厅

4、在相应的分组下上传文件

文件命名规范：对应的具体页面描述+版本信息

例如：尊贵服务-4.2版本(如果没有版本号可用具体上线日期)

同一张设计图有可能有多种状态，需要上传不同状态下的设计图并进行状态合并。具体操作为，把不同的设计图命名好，然后拖拽到同一个位置让设计图重合即可完成合并操作。

三、标记切图

标记为切图后在蓝湖上可以直接下载对应的切图

Sketch

选择对应要切的块，插入->切片

Photoshop

选择对应要切的图层，蓝湖->切图->标记为切图

四、UI文件提交流程

1、对需要切图的地方加入切图标识。

2、找到对应的插件

Photoshop

在绘画框的右侧有一个蓝湖的按钮图标

点击打开相应的上传框

Sketch

点击插件->蓝湖打开相应的上传对话框

3、配置相应的项目信息

点击设置切换对应的团队

选择对应的文件类型(ios、安卓、web)

选择相应团队下的相应项目

选择项目下对应的分组(photoshop端不支持选择分组，需要手动维护)

五、使用蓝湖网盘上传UI源文件

蓝湖ui设计图直接转换html,蓝湖使用规范（用于管理UI及前端切图）相关推荐

蓝湖怎么切图标注_【蓝湖指北】你真的会切图吗？
用好蓝湖,提升团队协作效率, 蓝湖指北,教你如何用好蓝湖. 本期[蓝湖指北]如约而至- 应付奇葩需求.交付设计图,乃设计师职业生涯中的两大难题.对 UI 设计师而言,交付设计图绝不只是打包.发送设 ...
程序员PS技能（四）：程序员创建PSD文件、展示简单PSD设计流程，上传PSD至蓝湖，并下载Demo切图
若该文为原创文章,转载请注明原文出处本文章博客地址:https://hpzwl.blog.csdn.net/article/details/121366684 红胖子(红模仿)的博文大全:开发技术集 ...
鸿蒙OS屏幕适配UI设计图解决方案
先上图这仨赏金猎人App解决方案赏金猎人开发日志地址https://harmonyos.51cto.com/posts/3203,我想问问谁有办法替换系统默认的尺寸计算方案求大佬告知这个是实现渲 ...
那些年，UI设计师还在手工标注和切图时走的弯路【内含福利】
友情提示:文章尾部有福利相送,不要错过~ 在我从事UI设计师这几年的工作中逐渐发现,最让人糟心的不是应付各种奇葩的需求,完成设计稿,而是交付.每次交付的设计稿和最后开发出来的产品总是让我心塞无比,很少 ...
自动切图生成html,Photoshop如何实现UI自动切图？_html/css_WEB-ITnose
切图严格来说并不是UI设计师的工作, 而是前端工程师的工作,指的是将UI设计师的设计(大部分为photoshop创建的PSD文件)转化为界面(网页或窗体等)所需要资源的过程. 切图是衔接UI设计和应用 ...
将figma的设计图上传到蓝湖
前言: 将figma的设计图上传到蓝湖. 实现步骤: 1.把文件保存到本地 ,拿到一个 .fig的文件 2.打开一个在线的 ui编辑软件:MasterGo 注:该软件跟figma一样,都可以在线编辑, ...
蓝湖--UI切图软件，适用于ios，安卓，Web
蓝湖使用环境,需要在 PSCC2015以上版本使用,需要官方提供的压缩工具才能打开. 官网直接下载安装,结束后可直接在PS,窗口-->扩展工具中打开. 切图及标注使用方法: 扩展中打开,登录蓝湖 ...
蓝湖根据设计图生成html,蓝湖新功能｜一键生成整页代码，帮开发留住头发
蓝湖 Sketch 插件更新啦!此次更新优化了插件的上传速度,还有配套惊喜功能[一键生成整页代码]上线! 设计师更新 Sketch 插件后,上传移动端设计图,开发即可查看.复制使用设计图对应的整页代码 ...
蓝湖怎么切图标注_【蓝湖指北】一张图教你如何选择标注尺寸
蓝湖的标注.切图功能广受好评,正确选择标注尺寸,让设计师与工程师的沟通和协作事半功倍.本期[蓝湖指北],湖湖将手把手教你如何选择标注尺寸. Step 1 :将设计图上传至蓝湖上传设计图至蓝湖,单击设 ...

蓝湖ui设计图直接转换html,蓝湖使用规范（用于管理UI及前端切图）

蓝湖ui设计图直接转换html,蓝湖使用规范（用于管理UI及前端切图）相关推荐

最新文章

热门文章