站内搜索
编辑推荐
本类下载榜
软件简介
Zeplin是一款高效制图软件,能够协助用户更好的设计及制造图片,为用户提供了标注、Style Guide、备注文档与简单的团队协作功用,还能够自动生成尺码标注、CSS 款式代码、导出图片等。
这次从你需求运用的Sketch里面完成对文件的导出
而且对Zeplin的分组,设置功用,让您快捷的完成相关的操作
支持对css的款式停止快速的查看,对您完成的设计稿停止导出的操作
支持对文件停止打上你需求运用的变化
对文件快速的停止备注,并且对评论的功用支持
还能够对相关的值停止显现,快速的即可完成
量身定制的资源,在一个位置
Zeplin会自动从为您开发的平台定制的设计中生成精确的标准、资产和代码片段。在设计文件中不再丧失。
出口设计一键
不需求改动你的设计方式,只需运用一次点击导出你的文件运用我们的草图,Adobe XD CC,Figma,Adobe photoshop CC插件。
让每个人都站在同一个页面
在Zeplin的出口和商店设计项目,在云端,在一个屋檐下。快速约请队友,分享链接,并树立。
在设计上停止交流
直接在设计上添加注释以传达想法、反应或请求技术细节。为了使事情有条理,用颜色对笔记停止分类并在完成后处理它们。
运用集成加速您的工作流程
将ZePin添加到松弛通道或TelLo板上,以加速您的工作流程,一直坚持团队的最新状态。
树立团队的设计学问库
搜集和组织您的团队的项目和资源,如组件、颜色、文本款式。存储旧版本和项目,必要时快速援用它们。
下载完成后,我们翻开本地的 App,点击右上角的 Create,创立一个新的项目。它有多种形式的,Android、iOS、Web,每个下面会有相应的描绘。
这里我们选择 Web,能够看到 CSS 和 HTML。
从Sketch中导出文件
下面我们翻开 Sketch,选择菜单-> Plugins -> Zeplin -> Export Selected Artboards...
这时会弹出 Zeplin 的导入窗口,选择需求导入进的项目。
能够留意到左下角有一个“Replace scrrens with the same name”,这个是指假如是曾经导入过项目,但我们 Sketch 里设计稿修正了,需求更新 Zeplin 上的设计稿时,打上勾就能够交换本来的文件了。
Zeplin的分组及设置
导入完成后,会自动跳出 Zeplin 的 App,我们能够看到文件都在 Zeplin 里了。鼠标悬浮在第一个文件的最左侧,会呈现像除号一样的标志,点击一下,我们就能够给这几个文件创立一个分组了。
这里我们把它命名为“商品相关”。看文件名的右侧,有一个小三角的标志,点击它就能够便当地收起或展开文件分组。
然后旁边有个更多操作的按钮,我们点击一下,还能够给这个分组增加描绘、重命名分组、挪动分组,或是删除分组了。
查看CSS款式
我们进入 Zeplin 的一个设计稿,点击一下某个区域,如下图。我们能够看到该区域的px 尺寸,以及它与其他元素的间隔。
看面板的右侧,我们还会看到它CSS 相关的值,例如 box-shadow。
导出设计稿图片
Zeplin 还有个十分好的功用,就是导出图片。矢量图片能够包含 PNG 和 SVG 格式。
不过不要遗忘需求先在 Sketch 中,给这个图片设置过Export。
给文件打标签
接着我们看下 Zeplin 的打标签功用。能够看到这个文件曾经有了一个“专题”的标签。我们还能够给它选择其它的标签,或是输入一个新的标签。也能够删除这些标签。
然后回到主面板中。我们能够留意到最上面有两排的标签。比方我们选择“专题”,就会看到被打上了“专题”标签的一切文件。
由于在最初,Zeplin 并没有创立分组的功用,所以我们用标签来分类文件。而如今我们就能够用标签来做更细化的过滤挑选条件。
备注或评论
接着再看一下评论功用。我们能够回复一条评论,或是修正评论的颜色,或是删除这条评论。
还能够新增一条评论。CMD + 鼠标点击一个空白区域,输入你的评论即可。
留意看一下,文件的右下角有一个 Notes 睁着眼睛的小猴子标志,假如点击一下,就能够躲藏页面上的一切评论。
改变图片透明度 V0.3 绿色免费版
模拟发型设计_魔发师1.0绿色版【形象设计、试发型饰品相框等】
i2pdf (图片制作pdf文档) V1.0.46绿色版
SWF Extractor(将SWF文件分解成MP3音乐及JPEG图片)v2.2汉化绿色特别版
精心收集130张QQ、MSN、论坛等情侣头像
思维导图软件(PersonalBrain)v5.5.2.4汉化特别版
喜迎新春_2009新年贺岁GIF文字图片素材打包下载
10套精美的圣诞贺卡模板【可自己做贺卡了】
魔法自动配色软件|Magic Matching Color 1.2汉化绿色特别版
百度贴吧ID卡制作机(CardMaker Poster)v1.00绿色精简版
百度贴吧ID卡制作机(CardMaker Poster)v1.00绿色完整版
RGB颜色分析器v4.0绿色版_屏幕取色、图片取色
轻松制作网络流程图LanFlow Net Diagrammer v6.0.1.2012绿色特别版
Blumind思维导图 V3.0 简体中文绿色版
Some PDF Image Extract(提取PDF中图片等)v1.5汉化绿色版
专业扫描仪软件(Hamrick VueScan Pro)9.6.25 中文特别版