前端设计神器：Zeplin for Mac特色介绍和使用说明
发布时间：2023-05-15 00:57:23
Zeplin for Mac是非常热门且高效的mac前端设计工具，主要面向的用户是设计师和前端开发工程师，相当于在他们两个之间建立起了一座桥梁，其核心的功能是标注、style guide、备注文档，以及团队协作。小面就让小编带大家一起了解一下~
Zeplin for Mac使用说明
Zeplin面向的用户是设计师和前端（Web、Mobile）工程师，相当于做的是中间桥梁这一块，核心功能为标注、Style Guide、备注文档与简单的团队协作。这块软件由四名在伊斯坦布尔的开发者制作，目前仅支持 Sketch，但是 ps 也已经出现在官网，应该也快了。
在使用 Zeplin 之前，最早是使用马克曼进行标注的，也就是直接在输出效果图上量尺寸；使用 Sketch 插件 Measure 之后，可以在画板中生成尺寸标注信息，导出标注图提供给开发同学使用。无论是马克曼还是 Measure，最后的交付物是一致的，大概如下图所示：
这样的标注图有个问题，就是已经破坏了原本的视觉效果图，标注的信息一定会对原设计稿形成遮挡，因此一般效果图和标注图要分开给，开发也经常需要在两个图之间切换，图片管理不太方便。如果你的设计稿同时要适配多个尺寸，还要要输出多份标注图，交付给多个开发同学。更重要的是，如果对页面进行了迭代修改，就需要重新标注、重新输出、重新交付，即开发与设计之间的联结是断的，每次都要人工把这个缺口接上。
另外，如果时间有允许，设计师还需要制作 Style Guide，一方面是为了方便切图，另一方面是为后期迭代做好准备。Style Guide 大概要包含的是字体信息、色彩信息、icon 样例、常用间距等内容，如果自己制作的话，大概类似于是这样：
Zeplin 主要就是为了解决上述问题的，使用它之后，可以在 Sketch 中一键导入 Artboard，在设计师做好图层管理（命名、分组）的前提下，它可以自动生成标注信息（并且可以标注为 pt 或 dp），允许添加注释形成类 prd 文档，并且自动提取 Style Guide，同时还允许添加项目组成员，提供给团队组查看项目。
这是项目组管理界面，还有关于项目的简单统计，比如多少页屏幕、多少色彩和多少注释等。
Guideline，可以承载字体、颜色。
图片界面，当鼠标不悬浮在某个元素上时，可以查看整个界面的效果图。右侧可以看到所有使用的颜色列表。当需要查看标注时，点击对应的元素即可：
这样的话，设计师和工程师就可以无缝衔接了。如果喜欢小编的文章欢迎关注，第一时间为您带来最新、最高效的分享！
0
投稿猜你喜欢
赛博朋克2077游戏已经有很多的玩家进行了下载但是很多对于它的存档位置还是很不清楚的，所以今天就给你们带来了赛博朋克2077存档位置详情介绍- 现在我们都是人手一部手机的，玩过后都知道如果要锁屏的话，要么就是直接按一下电源键，要么就是下载一个锁屏软件。当你想锁屏的时候点一下锁屏软件即
- 复印机基本上是每个公司的标配，很多人会使用复印机打印材料，扫描文件，更便利工作。但是一些新手们没有使用过复印机，不知道复印机该怎么扫描文件？
- PPT怎么插入文本格式的公式？ppt中为了方便排版，想要将插入的公式设置为图片格式，该怎么设置呢？下面我们就来看看详细的教程，很简单，需要的
- Excel中的内容具体该如何操作才能够提取其中的内容呢?下面是由小编分享的excel表格内容提取的教程，以供大家阅读和学习。excel表格内
- Win7电脑只能进入安全模式但是不能正常进入系统怎么办？最近有用户反映这个问题，不知道怎么解决，Win7电脑只能进入安全模式但是不能正常进入
- 很多的新手朋友们都不知道在WPS演示中如何插入Flas * ，其实很简单的，只是大家没有发现而已，下面小编为大家介绍如何操作。①打开演示文稿
- 金山卫士怎么重装系统?金山卫士在系统重装还原方面拥有一个很强大的功能，那就是用户在无系统安装盘、无驱动的情况下进行快速重装系统，同时还可以恢
- 你发现你的图表和其他图表很不一样吗？因为，您使用的是Excel中的默认图表，如果您想让图表更漂亮，我们需要稍微修改一下！事实上，方法很简单。
- wps文字有时候需要插入表格。下面介绍wps文字中三种插入表格的方法，以绘制一个3行5列的表格为例。方法一：通过“插入”—“表格”—根据行列
- excel显示当天日期的方法：显示当天日期步骤1：打开Excel2007文件界面。 显示当天日期步骤2：选中单元格
- win10无internet权限如何解决？win10系统不仅有诸多应用，还可以通过internet连接网络。现在我们使用电脑，更加离不开网络
- 有很多Win7系统用户在升级了Win11系统之后，不想使用想退回Win7系统，不知道如何操作，本文就为大家带来的Win11退回Win7系统详
- 长城证券烽火版怎么登录不了怎么办？长城证券烽火版集语音直播、外汇行情、行情显示灯功能，是一款功能强大的证券信息平台。长城证券烽火版怎么登录不
- Win10系统目前最为最热门的操作系统，很多用户在办公或者学习上使用这款系统，也有的用户还在使用其它的系统想要升级Win10系统却不知道怎么
- 赛博朋克2077是最近推出的一款角色扮演游戏，游戏的玩法多样，道具丰富，在赛博朋克2077游戏中快速破解组件是一件很重要的道具，在游戏中是可
- 如果说 iOS 13 有哪些令人印象深刻的新功能，首先提到的就是“深色模式”了，就连苹果官网 iOS 13 的预览页面上，也用黑色作为主题，
- 管是新建还是换了版本都不行。从03一直换到10版，都没有用。新建的文件都是那个样，文字显示很紧密。论坛居然不支持图片格式。还是有一些郁闷的。
- 新版本的系统升级之后，有很多用户发现自己的系统已经不能正常连接到网络上了，那么这个问题需要我们怎样去解决呢，快来看一下详细的解决教程吧。wi
- SILKYPIX Developer Studio Pro 9 Mac是一款非常强大的RAW数码照片处理神器，可能用过的人不多。但是在摄像界
