展开本页目录
开始前准备什么
- 拥有对应产品的当前可用账号；生成、导出和协作权限按实际计划核对。
- 练习素材均为作者原创或明确授权；只有实际在目标工具运行后才填写产品结果。
- 先区分同名元素身份
- 分别标记导出元素
- 设置身份与倍率后缀
- 查看Assets预览名称
- 导出到独立测试目录
- 核验内容与大小
- 交付稳定文件映射
1. 先区分同名元素身份
给瓶身标签和角标分别登记element ID，即使图层显示名都是label。文件名相同不代表两件素材可合并。
2. 分别标记导出元素
在各自检查器启用Include in export，并保留两个元素的边界。不要把共同父组作为唯一导出对象而失去独立资产。
3. 设置身份与倍率后缀
为front和badge各设1x、2x导出名或后缀。使用当前面板支持的名称配置，避免擅自填未支持的占位变量。
4. 查看Assets预览名称
在正式导出前逐个查看将产生的文件名。若仍冲突，返回所选元素修改，不能只指望浏览器加括号编号。
5. 导出到独立测试目录
保留原文件，不覆盖旧交付。将四件输出按element ID、尺寸和实际文件名写入清单。
6. 核验内容与大小
打开每件文件，区分标签和角标；2x尺寸应是1x的两倍。文件名带front但实际是角标也要判错。
7. 交付稳定文件映射
交付四件素材与对应源元素，保留名冲突负例。后续自动化应依据明确映射，不依赖下载顺序。
下载本课材料并开始操作
练习包包含本课的具体输入、可编辑数据、正反样例与七步说明。index.html 可离线查看原件和验收参考，actual-results.csv 用于记录你实际操作后的结果。
怎样确认已经完成
- 四件输出可按元素身份和倍率唯一对应
- 不会因同名元素在交付目录发生无法区分或覆盖
- 保存实际产品版本、输入和导出文件；未执行项明确保留未测。
常见问题
如何给同名图层配置不同后缀？
为 front 与 badge 两个同名元素设身份后缀，并分别配置 1x、2x 名称。导出前查看实际文件预览，导出到新目录后核对四件文件；只使用当前面板支持的命名语法。
四件文件都叫label.png怎么办？
先对照练习中的错误样例定位范围，不把预期参考图当成生成成功。回到查看Assets预览名称，检查element_id与filename_preview，修改后重新执行受影响步骤并保存实际输出。
Magnific Designer导出命名怎么完成给同名图层配置不同后缀？
先使用本课的两个名为label的原创元素：瓶身标签与角标，再按分别标记导出元素和设置身份与倍率后缀操作。关键验收是四件输出可按元素身份和倍率唯一对应；官方入口的模型、计划与额度需在当前账号确认。
Magnific Designer导出命名出现四件文件都叫label.png怎么办？
先对照练习中的错误样例定位范围，不把预期参考图当成生成成功。回到查看Assets预览名称，检查element_id与filename_preview，修改后重新执行受影响步骤并保存实际输出。