Magnific Designer资产导出:一件标记资产导出多种尺寸,区分文件数与元素数 素材身份:作者原创输入/可编辑参考。目标工具未在本轮执行。 先打开 index.html;input.csv 是原始字段,reference.csv 是验收基准,negative.csv 是故意构造的坏样例。 actual-results.csv 保留未测状态,实际执行后再填写。 前置条件: 拥有对应产品的当前可用账号;生成、导出和协作权限按实际计划核对。 练习素材均为作者原创或明确授权;只有实际在目标工具运行后才填写产品结果。 操作步骤: 1. 选中真正要交付的标记 在图层中选择折纸狐标记,而非整个页面或说明文字组。记录原生宽高256×256,后续用它计算导出尺寸。 2. 标记Include in export 从所选元素的检查器启用导出标记。打开Assets列表核对缩略图只包含折纸狐,不包含教程说明文本。 3. 建立三条导出配置 分别添加PNG 1x、PNG 2x和WebP 1x,给名称加清楚的倍率或后缀。格式设置保留在同一元素,不复制三份图层冒充多配置。 4. 核对选中项与文件数 在Assets页选这一件资产,查看将产生的文件清单。一个资产可以有多个格式与倍率,元素数不等于文件数。 5. 检查像素与透明边 下载后读取实际像素尺寸,并在棋盘格背景查看边缘。2x应对应512×512,不能只因文件名带2x就通过。 6. 回原生稿修正边界 若说明文字或大量空白被带入,回图层和元素边界修正。不要在导出后随意裁一张图,再把它称作原导出正确。 7. 交付源元素与配置表 交付可编辑标记、三件文件及格式/倍率映射。目标工具未执行时,练习文件只标作者本地导出参考。 验收: 导出三件文件但只对应一个标记元素 2x文件为512×512,说明文本不混进资产边界 保存实际产品版本、输入和导出文件;未执行项明确保留未测。 官方资料: https://www.magnific.com/ai/docs/importing-and-exporting 图片身份:assets/ 为内置image_gen生成的原创练习输入缩略版,原始文件保留在网站图片来源地址。可编辑SVG为作者原生排版。 本课图片输入映射: assets/paper-fox.png(顶层同名别名;身份与原图SHA见asset-identity.json) 原生狐输入:fox-mark.svg(256px、body/ear/shadow三面与outline路径),fox-source.svg另含应排除的internal-note;fox-256.png为本地栅格对照,均不是目标工具输出。