淘宝详情页手机端加载慢等问题源于未遵循手淘App的模块化排版规则：①页面由无间隙、不可跨拖的自适应模块构成；②顶部3屏须用首图（3:4竖图）、卖点图标（PNG透明底）、核心参数（无边框表格）三模块锁定；③中段图文需“1图+1文+1图”闭环，留80px顶部缓冲；④底部必须含尺码表、买家秀（6张实拍图）、问大家三固定模块。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
淘宝详情页在手机端加载慢、文字看不清、图片错位、跳转混乱，直接导致用户3秒内跳出——这不是设计问题，而是排版逻辑没对准手淘App的渲染规则和用户拇指滑动路径。
先确认手淘详情页的底层排版约束
打开手机淘宝→进入任意已上架商品→点击右上角「…」→选择「分享链接」→用浏览器打开该链接，观察页面源结构：手淘详情页实际由「模块化卡片堆叠」构成，每个模块高度自适应，但【模块之间无间隙、不可跨模块拖拽元素、所有文字必须包裹在模块容器内】。脱离这个前提做PSD排版，后续切图必出错。
这一步必须做，否则后面所有操作都在白费时间。
顶部3屏黄金区：首图+卖点图标+核心参数三段式锁定
手机用户前3秒只看顶部区域，必须用3个独立模块依次排列：
① 首屏主图模块：仅放1张竖版图（比例3:4，宽度750px，高度≤1200px），禁止加文字、水印、边框；手淘会自动裁切顶部和底部，加文字极易被切掉。
② 卖点图标模块：用4个并列小图标（每个图标尺寸120×120px，间距30px），图标下方配一行字（字号28px，行高40px），总宽严格控制在750px内；【图标必须为PNG透明底，不能用JPG，否则白色背景在深色模式下显白块】。
③ 核心参数模块：表格形式，左列属性名（加粗，32px），右列数值（常规字重，30px），行高56px，整行无边框、无底色；不要用「规格」「材质」「尺寸」等二级标题，手淘会把标题识别成新模块导致错位。
中段信息流：图文穿插必须遵循「1图+1文+1图」最小闭环
方法一：用美图设计室「电商详情页」模板直接生成
登录美图设计室→选择「淘宝详情页」→上传商品图→勾选「适配手机端」→点击「智能排版」→系统自动按「图→文→图→文」节奏分段，每段文字不超过60字，段间距设为48px；导出时选「手淘H5格式」，不是PNG切片。
方法二：手动在Skild Art画布中搭建
新建画布→尺寸设为750×任意高度→拖入第一张场景图→在其下方插入文本框→输入一句话卖点（≤32字）→再拖入第二张细节图→重复此流程；注意：每张图顶部必须留空80px，这是手淘模块加载的缓冲区，不留空会导致首图被状态栏遮挡。
底部转化区：必须包含「尺码表+买家秀+问大家」三固定模块
尺码表模块：仅支持表格形式，列数≤4（如：S/M/L/XL），行数不限，字体统一用28px，单元格内不加边框、不加背景色；手淘会自动识别表格并转换为可点击展开的响应式组件。
买家秀模块：上传6张真实买家图（每张尺寸750×任意，横图需裁为750×750正方图），系统自动拼成3×2网格；【禁用滤镜、禁用贴纸、禁用AI生成图，手淘算法会拦截非实拍内容】。
问大家模块：直接调用淘宝后台数据，无需上传素材；在Skild Art或美图设计室导出时勾选「自动同步问大家」即可，该模块位置固定在最底部，不可移动、不可删减。
