前端切图仔玩转蓝湖设计图

菜园前端
• 阅读 321

原文链接:https://note.noxussj.top/?source=helloworld


介绍

前面已经介绍了如何使用 git 来管理我们的项目代码。这里顺带介绍一下,在企业实际开发中,基本上都是有设计图的存在,前端是按照设计图去开发实现,并不是自己凭空想象页面长什么样子。蓝湖就是目前比较主流的设计图网站。在设计图上面可以方便查看任何一个元素的尺寸大小、间距、字体大小等,以及点击图片直接下载切图。

使用

加入团队后,是能够看见设计图的。

前端切图仔玩转蓝湖设计图

并且拥有设计席位权限后可以看到标注信息

前端切图仔玩转蓝湖设计图

还能够进行切图的下载

前端切图仔玩转蓝湖设计图

点赞
收藏
评论区
推荐文章
秃头王路飞 秃头王路飞
2年前
vue大屏固定比例自适应
废话不多说直接上代码languageexportdefaultname:'App',data()returnzoomIndex:1,;,created()//3840是设计图所给的宽度this.zoomIndexdocument.docume
onlyloveyd onlyloveyd
2年前
Compose Weekly #3:Bloom
本文同步发表于我的微信公众号,在微信搜索OpenCVorAndroid即可关注。前言第三周挑战赛是速度比拼,按照官方发出的设计图最快完成且符合所有设计规范者胜出。不仅要做得快,还要做得好,奖品自然不会少。这一期的奖品是:GooglePixel5。深知干不过业界大佬们,花个半天纯当练手完成题目。设计图设计风格界面导航界面标注完整设计图:
Chase620 Chase620
3年前
你真的了解这4款协作设计吗
协作设计是当下设计行业比较流行的方向,也是一个热门话题。目前在协作设计领域使用最广泛的4款协作设计有:zeplin、invision、摹客(https://links.jianshu.com/go?tohttps%3A%2F%2Fwww.mockplus.cn%2F%3Fhmsr%3Dwenjs)、蓝湖。下面笔者就来介绍下这4款工具的功能详情,如果
仲远 仲远
1年前
Rhino 7 for Mac(犀牛3D建模软件)
Rhinoceros7.5Mac中文版是一款3D建模软件,该软件包括了NURBS的所有建模功能,Rhino建模感觉很流畅,可以无任何限制地自由造形3D建模工具,让你可以建立任何想象的造型,所以大多数的设计师都选择它来建模,软件难能可贵的地方是设计图可以导出
菜园前端 菜园前端
1年前
CSS布局方式-静态布局
原文链接:什么是静态布局?静态布局是平时开发中最常见的一种布局。就是给布局的元素设置固定的宽度和高度,无论你的屏幕分辨率是多大,它永远都是固定大小。通常使用px单位来实现静态布局。优点它的优点也比较明显,是一种最简单的布局方式,开发者只需要按照设计图1:1
实践篇(三):如何有效评审软件架构图?
设计意图的传达是架构可视化关注的重要维度,在技术方案评审过程中不可避免的会出现各种各样的架构图或设计图,这些图形化表述在设计意图传达效果层面表现不一,本文从图形化的视角为软件架构图的评审关注点提供了参考。
Stella981 Stella981
2年前
IntelliJ IDEA(八) :git的使用
项目管理离不开版本控制,目前主流版本控制工具大概就是SVN和Git,至于两者有啥区别这里就不详细介绍了,如果有不明白的可以上网查资料,后期如果有机会我再开篇栏目细说,而且现在市场上Git的使用率已经远远高于SVN。我们在用IDEA开发项目的时候如何熟练使用Git来控制代码版本呢?一、安装Git使用Git当然需要先安装Git,安装过程就
Stella981 Stella981
2年前
Sketch 和 PS中的设计图如何实现“自动切图”?
切图是很多UI设计师的一项日常工作。平时做完设计图,要将设计稿切成便于制作成页面的图片,并标注好尺寸和间距,交付给前端来完成htmlcss布局的静态页面,有利于交互,形成良好的视觉感。但有的认为前端自己会切图是最好,不建议把切图的事情丢给设计师做。这样中途会损耗结构讲解的开销(比如网页层级,细节重构方案等),毕竟最后css是前端去码,怎么切最合适要自己
京东云开发者 京东云开发者
2个月前
大文件上传原理及实现方案 | 京东物流技术团队
一、什么是大文件一般,我们传送大文件是指传送大于100M的文件,而普通文件是指小于100M,常见的是20M、30M和50M,两者主要的区别在于文件大小上,还有传送速度上。一般普通“邮件附件”只能发20M、30M,50M的文件,而几百M的照片、文件、设计图等