展开本页目录
开始前准备什么
- 拥有对应产品的当前可用账号；生成、导出和协作权限按实际计划核对。
- 练习素材均为作者原创或明确授权；只有实际在目标工具运行后才填写产品结果。
- 保存横版源设计
- 定义竖版信息优先级
- 使用Auto Resize
- 逐项检查重排
- 检查形体比例
- 叠加安全区参考
- 交付双尺寸源与图
1. 保存横版源设计
确认标题、商品和容量说明独立可编辑，记录源尺寸。用整张截图测试时要说明可编辑结构与原生设计不同。
2. 定义竖版信息优先级
写清品名在上、商品居中、容量在下，设置练习安全区。安全区是本课作者交付约定，不冒充平台统一规格。
3. 使用Auto Resize
选中需要重排的设计元素或从相应入口打开Auto Resize。目标选竖版比例，实际可选设置以当前编辑器为准。
4. 逐项检查重排
对照三对象的相对位置、间距与字级。自动结果若重叠，应在原生画布手工修正，而非再次整体拉伸。
5. 检查形体比例
比较水壶圆盖与壶身宽高，排除横向压扁。排版重组不应顺带改变商品形状。
6. 叠加安全区参考
在作者预览中显示顶部和底部留白，核对容量没有落入遮挡范围。最终导出前移除仅用于检查的安全区辅助层。
7. 交付双尺寸源与图
保留横竖版设计和对应导出，并记录手工修正内容。若云工具未运行，作者重排样例单独标记。
下载本课材料并开始操作
练习包包含本课的具体输入、可编辑数据、正反样例与七步说明。index.html 可离线查看原件和验收参考，actual-results.csv 用于记录你实际操作后的结果。
怎样确认已经完成
- 竖版标题和容量都可读且不被裁掉
- 商品比例不拉伸，安全区内不放关键信息
- 保存实际产品版本、输入和导出文件；未执行项明确保留未测。
常见问题
如何把横版商品说明改为竖版？
保存横版源设计并规定竖版信息优先级，使用当前 Auto Resize 入口后逐项检查标题、商品和说明的相对位置。复测文字换行与主体比例，再导出真实尺寸；自动重排不保证所有对象都合理。
只把横图等比缩小留下巨大空白怎么办？
先对照练习中的错误样例定位范围，不把预期参考图当成生成成功。回到逐项检查重排，检查source_width与safe_bottom，修改后重新执行受影响步骤并保存实际输出。
Magnific Designer Auto Resize怎么完成把横版商品说明改为竖版？
先使用本课的鼠尾草水壶横版1200×675设计，再按定义竖版信息优先级和使用Auto Resize操作。关键验收是竖版标题和容量都可读且不被裁掉；官方入口的模型、计划与额度需在当前账号确认。
Magnific Designer Auto Resize出现只把横图等比缩小留下巨大空白怎么办？
先对照练习中的错误样例定位范围，不把预期参考图当成生成成功。回到逐项检查重排，检查source_width与safe_bottom，修改后重新执行受影响步骤并保存实际输出。