原有模板生成
- 模板已经确定字段、图示和页面结构。
- 适合常见商品和追求快速完成的用户。
- 继续使用原来的路由、控制器和生成逻辑。
- 不会被本设计器的数据库或代码替换。
为什么独立成新入口
旧链路继续解决“快速填模板”，新入口解决“自由表达”
自由设计器
- 字段、表格方向和说明模块都可以组合。
- 适合推荐矩阵、双表、商品详情和品牌画册。
- 使用独立项目、版本、素材和导出记录。
- 可以从案例开始，也可以用一句话调整。
完整使用流程
先确保数据正确，再选择怎样表达
建立数据表
从常用字段开始，粘贴 Excel 数据或逐格填写；随时增加重量、身高和备注列。
组合内容模块
选择是否需要商品图、测量图、商品信息、推荐矩阵、误差说明或洗护。
选择表达方式
套用视觉方案，或描述“简洁、表格横排、增加建议体重、适配 4:5”。
确认建议
AI 建议先显示动作清单，不会直接改数值；确认后才应用并记录版本。
自动排版
系统衡量列宽、换行、图片比例和安全边距，寻找信息占比更合理的画布。
预检并导出
确认内容完整、字体不小于下限、图片不变形，再输出需要的文件。
视觉多样性
样式是规则集合，不是复制粘贴的页面
每种样式定义表头、边线、首列强调、背景和密度；同一份数据可以安全切换。
极简留白
清晰横线与克制留白，适合绝大多数商品。
清晰网格
完整网格和醒目表头，适合字段较多的表格。
虚线分栏
尺码横排、虚线分栏，可用于上下双表。
深色首列
测量项目强调明显，适合多语言与说明型内容。
柔和电商
柔和背景和圆角表头，适合移动端商品详情。
品牌画册
大标题、商品信息和细线排版，强调品牌感。
商品图文
商品图与尺码信息自动分区，图片永不拉伸。
信息说明
适合测量图、洗护、注意事项和高密度说明。
常用描述示例
不用学习设计术语，也能表达想法
增加建议体重列
改成尺码横排
做成极简正方形
使用清晰网格
加入商品信息
加入测量误差说明
做成品牌画册
减少空白并保持文字完整
导出适配
不是把编辑器截成图片，而是用同一渲染规则重新生成
预览和导出共享确定性布局引擎，因此不会因为浏览器缩放、滚动区域或编辑控件而丢失内容。
自动推荐
从 1000×1000 开始；内容较多时自动选择 4:5、3:4、1500 或详情长图。
矢量源图
文字和线条保持清晰，适合继续交付给设计人员或高分辨率发布。
透明损耗更少
适合电商详情和需要清晰文字的页面，以 2 倍像素生成。
体积更小
适合对文件大小有限制的平台；仍使用同一布局和完整性检查。
常见问题
开始前需要知道的边界
AI 会修改我已经填写的尺码数值吗？
不会。设计建议只允许改变结构、样式、模块和新增空列；应用前后会核对已有单元格，发现变化就拒绝执行。
图片会不会被强制拉伸？
不会。图片只使用等比例的 contain 或 cover 规则；contain 完整展示，cover 可能裁切但不会改变宽高比。
内容太多时会怎样？
自动模式会依次尝试主流电商比例并增加高度。如果指定画布仍放不下，导出会明确提示更换更高画布，不会静默截断。
能继续使用原来的尺码表模板吗？
可以。旧生成入口和新设计器彼此独立，原有模板、提交和 PDF/图片生成逻辑都保持不变。