一. 导出本地包资源

1.1 适用条件

适合没有开通私有云服务的用户使用,通过第三方传输软件发送和接收导出的标注包zip文件。

1.2 设置切图

在Adobe XD 中标记需要生成的切图,导出标注包后,在设计图详情页,开发就可以一键下载多倍数切图文件。

1.3 选择“导出本地文件”

用xd打开您需要导出标注的设计稿,在标记狮中选择导出本地文件,您需要进一步选择您需要导出的图片规格以及导出的包支持的范围,主要目的是为了不影响开发使用的情况下,减少导出的包大小。

◆ 选择导出图片规格:

分三个平台:iOS、android、web

比如您的开发日常只需要使用2x的切图,您就只需要勾选相应的2x规格就可以了,这样导出的包资源会相对较小,开发也能在包内下载2x的切图。

如果您的开发需要选择到所有规格的图片,您就全选规格就可以了。

◆ 选择导出包支持范围:

我们提供了完整版(默认)和精简版两种方式,那么这个选项"完整版"和"精简版"有什么差别呢?

完整版比精简版多了在导出的压缩包中增加了切图资源的base64编码资源,这使得完整版的包资源会比精简版的包资源大一倍.

为什么要增加这个切图资源的base64编码资源呢,

标记狮在本地HTML中提供了下载切图的功能,但因为浏览器的安全策略,使得在访问本地html文件时限制了JavaScript发起请求的行为,该限制影响了标记狮为您批量下载切图的功能,

增加base64编码资源能兼容浏览器安全策略使您在本地直接打开导出的html时能够下载/批量下载/重命名切图,保障您能使用下载切图这个功能.如下图:

而精简版的导出包中则不含base64资源的相关目录,所以它会比完整版在解压前后节省50%的空间,所以我们建议您在有条件的情况下选择精简版导出,那么您该在什么场景下使用精简版选项呢?

您的局域网中存在HTTP服务器;

您想统一管理,不打算直接将zip传递给其它人使用;

您打算将导出的标注包解压到HTTP服务器下,直接使用http网址在内部网络分享,而不是直接通过传递ZIP包的方式分享标注;

若您对标记包的使用场景符合上述场景,那么您可以选择精简版资源包,它将为您的HTTP服务器节省存储空间.

软件会记录您上一次的选择,所以如果您没有更改意向就无需修改。

◆ 选择导出内容

选择好导出的画板或全部画板,点击开始导出按钮,即可导出本地标注包。

二. 提交资源至私有云

1.1 适用条件

购买了标记狮私有云服务的用户

1.2 设置切图

在Adobe XD 中标记需要生成的切图,导出标注包后,在设计图详情页,开发就可以一键下载多倍数切图文件;

1.3 选择“提交到私有云”

用xd打开您需要导出标注的设计稿,在标记狮中选择提交到私有云,在完成提交前需要选择几项:

◆ 选择导出图片规格:

分三个平台:iOS、android、web

比如您的开发日常只需要使用2x的切图,您就只需要勾选相应的2x规格就可以了,这样导到服务器的包资源会相对较小,也不会影响开发也能在包内下载2x的切图。

如果您的开发需要选择到所有规格的图片,您就全选规格就可以了。

◆ 选择提交的私有云:

选择您的文件要提交的私有云。

◆ 选择要提交到的文件夹:

私有云支持创建无限层级的文件夹,有便于团队内管理设计资源,您可以将现有的文件提交到已建立的文件夹,或新建一个文件夹。

软件会记录您上一次的选择,所以如果您没有更改意向就无需修改。

◆ 选择导出内容

选择好导出的画板或全部画板,点击开始导出按钮,即可上传标注资源图到私有云。

ui界面自动生成标注html,UI自动标注神器--标记狮导出自动标注教程相关推荐

  1. ui界面设计做什么:ui设计具体是什么

    ui界面设计做什么:ui设计具体是什么?最近无数想入行UI设计的小伙伴,都问过我这个问题,本篇文章,庞姿姿将为大家揭秘,ui界面设计做什么:ui设计具体是什么!所谓知己知彼百战百胜,学习新的东西之前也 ...

  2. 成功解决wps软件文档中,目录自动生成时包含图标题(多次尝试,最终解决,图文教程)

    成功解决wps软件文档中,目录自动生成时包含图标题(多次尝试,最终解决,图文教程) 目录 解决问题 解决思路 解决方法 第一次尝试 第二次尝试并解决 解决问题

  3. qt生成无ui界面动态库,有ui界面的动态库,以及含有资源文件和qss文件的动态库

    提要 此文分别就qt生成纯代码的动态库,含有ui文件的动态库以及含有资源文件qss文件和切图的动态库. 实现 1.纯代码的生成qt库.即没有ui文件的项目. 打开QtCreate,新建文件,选择lib ...

  4. html自动生成工具_「写论文神器」一个好用的论文自动生成工具,内含30w 文献数据...

    最近这不是快到考试周了嘛,毕竟其他东西分量再重,也重不过考试.但是文章发出去才发现事情好像不是那么简单,好像和考试相比,眼下更紧迫的应该是作业才对.比如,你们亲爱的小编我已经连续五天凌晨三点睡了,说实 ...

  5. 自动生成作文的软件有哪些?盘点五种自动生成作文软件

    写作是一项需要花费大量时间和精力的任务,而自动生成作文的软件可以帮助我们节省大量的时间.这些软件通过分析和归纳大量的素材和语言模型,能够快速生成高质量的文章.相比于传统的写作方式,使用自动生成作文软件 ...

  6. xd导出标注html,Adobe XD免费交付神器 标记狮MarkLion 一键导出离线标注网页

    开发是否能高质.高效的将设计稿变为最终产品,很大程度取决于设计师的标注工作是否做的细致.使用Adobe XD进行设计,它自带的功能就能一键生成标注链接,常用的蓝湖.PxCook.摹客.Zeplin也都 ...

  7. adobe xd导出标注html,Adobe XD免费交付神器 标记狮MarkLion 一键导出离线标注网页

    开发是否能高质.高效的将设计稿变为最终产品,很大程度取决于设计师的标注工作是否做的细致.使用Adobe XD进行设计,它自带的功能就能一键生成标注链接,常用的蓝湖.PxCook.摹客.Zeplin也都 ...

  8. 科技感ui界面 html,未来科技感UI界面设计欣赏

    来源:uicn   作者:冷云 FUI意思可以是Fantasy User Interface 幻想使用者界面, Fictional User Interfaces 科幻使用者界面,Fake User ...

  9. idea 设置自动生成类和方法注释,TODO标记作者日期信息以及过滤自己所写标记

    HAI,这是我的第一篇博客; 一直都是在csdn上学习,有所收获也应该写博客回报猿友们: 今天写一篇分享如何配置idea的类注释和方法注释(遵循阿里开发规范),还有todo注释(这个也很重要,谁的问题 ...

最新文章

  1. python3 scrapy中文文档_Scrapy官方文档笔记
  2. 比特币核心概念及算法
  3. MIT新研究给量子计算机「泼冷水」:自然界辐射会干扰它,需要研究新对策 | Nature...
  4. 打造高端网站应该具备哪些品质?
  5. Android禁止横屏竖屏切换
  6. 如何成为一位「不那么差」的程序员
  7. 使用docker安装的mysql如何让其他机器访问
  8. Host 'controller' is not mapped to any cell
  9. android shape.xml 属性详解
  10. linux内核之kfifo队列
  11. Crontab 自动删除指定日期前文件或者文件夹
  12. 【Elasticsearch】ES Elasticsearch查询优化
  13. 吴颖二:12.27 什么是现货,如何操作才能盈利
  14. 模板设计模式_23种设计模式之模板设计模式
  15. geotoolkit 测井曲线显示时间、深度双刻度
  16. sql往数据库里面添加数据
  17. 计算机可移动磁盘无法显示图片,电脑显示可移动磁盘但打不开
  18. 用MinIO对象存储构建企业数据集中备份系统
  19. 数据分析入门:15种EXCEL数据分析功能
  20. Linux头文件 C/C++头文件

热门文章

  1. google地图聚合markerclusterer.js修改聚合点显示内容
  2. shellcode绕过kav6
  3. 消费新品周刊 | 卡西欧发布本田赛车合作款手表;FILA推出时尚凉拖鞋系列
  4. 计算机二级准考证号忘了,怎样查成绩或证明材料听语音
  5. 神经网络训练数据集下载,神经网络训练集数量
  6. test test first
  7. 微信服务号开发者模式下 自定义创建菜单,跳转到其他url
  8. ksh和bash区别、linux更改用户的默认登陆shell
  9. 秀姿势(sugata)
  10. git 新建分支并推送(push)到远程仓库