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

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


介绍

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

使用

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

img

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

img

还能够进行切图的下载

img

点赞
收藏

评论区

加载中...

相关推荐

vue大屏固定比例自适应

废话不多说直接上代码languageexportdefaultname:'App',data()returnzoomIndex:1,;,created()//3840是设计图所给的宽度this.zoomIndexdocument.docume

CSS布局方式-静态布局

原文链接:什么是静态布局?静态布局是平时开发中最常见的一种布局。就是给布局的元素设置固定的宽度和高度,无论你的屏幕分辨率是多大,它永远都是固定大小。通常使用px单位来实现静态布局。优点它的优点也比较明显,是一种最简单的布局方式,开发者只需要按照设计图1:1

Rhino 7 for Mac(犀牛3D建模软件)

Rhinoceros7.5Mac中文版是一款3D建模软件,该软件包括了NURBS的所有建模功能,Rhino建模感觉很流畅,可以无任何限制地自由造形3D建模工具,让你可以建立任何想象的造型,所以大多数的设计师都选择它来建模,软件难能可贵的地方是设计图可以导出

实践篇(三):如何有效评审软件架构图?

设计意图的传达是架构可视化关注的重要维度,在技术方案评审过程中不可避免的会出现各种各样的架构图或设计图,这些图形化表述在设计意图传达效果层面表现不一,本文从图形化的视角为软件架构图的评审关注点提供了参考。

Compose Weekly #3:Bloom

本文同步发表于我的微信公众号,在微信搜索OpenCVorAndroid即可关注。前言第三周挑战赛是速度比拼,按照官方发出的设计图最快完成且符合所有设计规范者胜出。不仅要做得快,还要做得好,奖品自然不会少。这一期的奖品是:GooglePixel5。深知干不过业界大佬们,花个半天纯当练手完成题目。设计图设计风格界面导航界面标注完整设计图:

IntelliJ IDEA(八) :git的使用

项目管理离不开版本控制,目前主流版本控制工具大概就是SVN和Git,至于两者有啥区别这里就不详细介绍了,如果有不明白的可以上网查资料,后期如果有机会我再开篇栏目细说,而且现在市场上Git的使用率已经远远高于SVN。我们在用IDEA开发项目的时候如何熟练使用Git来控制代码版本呢?一、安装Git使用Git当然需要先安装Git,安装过程就

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