diff --git a/docs/tasks/T-622.md b/docs/tasks/T-622.md index 4b112db..f044227 100644 --- a/docs/tasks/T-622.md +++ b/docs/tasks/T-622.md @@ -83,6 +83,19 @@ UI 已定稿:`docs/ui/tab6-suite-package-v1.svg`(本仓库家风:`#2b3a55` - 结果卡片:单击预览大图;右键菜单 预览 / 复制路径 / 打开文件夹 / 重新生成该图 / 删除;`×` 删除该图(移废纸篓 + 「撤销」toast);失败卡片 `重试`(`retryAsset`,已有生成任务进行中则提示)。 - `⋯` 更多(`moreMenu`):删除全部(`confirmDeleteAll`,二次确认,移废纸篓)。 +## UI/UX 优化项(ui-ux-pro-max 校验后修订,effect 图已落 P1–P4/P5) + +> 桌面 PySide6,取可迁移规则(对比度/标签/反馈/层级/空错态/截断),触控类规则不适用。P1–P4 为前几轮「腾纵向空间」引入的回归,已在 `tab6-suite-package-v1.svg` 修正;P5/P6 为实现期加固。 + +- **P1 核心控制被折叠**(`visual-hierarchy`/`content-priority`/`progressive-disclosure`):卖点框加高曾把「套图结构配置」挤到滚动线下,而它决定生成张数(=按钮 N)。**方案(已落图)**:结构配置压成常驻 chips「白底1 场景2 卖点2 +类」,点分类再展开 −/+(渐进披露),常可见不折叠;卖点框回收到合理高度。 +- **P2 去 4 个下拉 label 影响辨识**(`input-labels`/`truncation-strategy`):`1:1` 等脱离 label 难认。**方案(已落图)**:下拉值内联前缀「平台 Shopee / 国家 中国台湾 / 语言 繁体中文 / 比例 1:1」,无独立 label 行也保留语义;实现层另加 `setToolTip`。 +- **P3 引导文案字号/对比不足**(`color-contrast` CRITICAL / `contrast-readability`):原 9.5px + `#8a92a0` 属 gray-on-gray。**方案(已落图)**:移到卖点框下方作 helper text,≥11px、`#6b7280`。 +- **P4 商品ID 压到 60% 会截断**(`truncation-strategy`/`number-tabular`):Shopee itemid 常 11–13 位,w90 放不下。**方案(已落图)**:恢复到 w140 并用等宽数字;空间靠缩「账号」下拉腾出。 +- **P5 空态与失败原因**(`empty-states`/`error-recovery`/`error-clarity`):结果区首次未生成需空态引导「还没有生成,点『生成套图』开始」;失败卡除「重试」外显示简短原因(效果图示「上游超时」,实现取上游 error_type/message 截断)。 +- **P6 小控件命中区**(`no-precision-required`,桌面按 ≥24–28px):计数器 −/+、chip 的 ×、缩略图删除,**视觉可小、hit area 放大到 ≥24–28px**;图标按钮补 `accessibleName`/tooltip,Tab 顺序符合视觉顺序(`keyboard-nav`)。 + +已做对、保持不变:单一蓝色主 CTA(`primary-action`);状态不靠颜色单独表达(打勾/感叹号/转圈,`color-not-only`);生成⇄停止 toggle + 确认 + 撤销 + 重试反馈完整;家风一致、非 emoji 图标。 + ## 边界(不改什么) - 不改动 `image_studio.py / image_studio_generation.py / image_studio_export.py` 的后端数据契约与异步生图协议(仅按需扩展字段)。 diff --git a/docs/ui/tab6-suite-package-v1.svg b/docs/ui/tab6-suite-package-v1.svg index 069b863..c27ae56 100644 --- a/docs/ui/tab6-suite-package-v1.svg +++ b/docs/ui/tab6-suite-package-v1.svg @@ -39,10 +39,10 @@ 套图任务 2× + - 账号 - 女装店▾ - 商品ID - 51100639510 + 账号 + 女装店▾ + 商品ID + 51100639510 拉取蝦皮主图 @@ -74,46 +74,38 @@ 生成设置 - Shopee▾ - 中国台湾▾ - 繁体中文▾ - 1:1▾ + 平台Shopee▾ + 国家中国台湾▾ + 语言繁体中文▾ + 比例1:1▾ 每张上传图分别作为主图生成 - + 商品卖点与要求 ✧ AI 帮写 - + 降噪蓝牙耳机,40 小时续航,亲肤皮革 耳罩,适合通勤与办公场景… + + 建议写明产品名、卖点、人群、场景、禁用元素 - - 套图结构配置 - 合计 5 张 - - - 白底图 - −1+ - - 场景图 - −2+ - - 卖点图 - −2+ - - - + 添加自定义分类(可改名 / 删除) + + 套图结构 + 合计 5 张 · 点分类调数量 + 白底1 + 场景2 + 卖点2 + +类 - + - ▶ 生成套图(5) - 建议填写产品名称、核心卖点、目标人群、使用场景与禁用元素 + ▶ 生成套图(5) @@ -143,7 +135,8 @@ ! - 重试 + 重试 + 上游超时 卖点图 1