UI · 电商视觉 + AI

1.1 UI 视觉规范与设计系统定位

UI-UX 视觉是视觉传达第 2 条路径（品牌电商视觉之外），对应 UI 设计师（2026 总量 5986，薪资主区间 8-15K/月）。UI 视觉规范与设计系统解决「界面长什么样、组件怎么统一、团队怎么复用」的问题，把散点设计固化为可复用规范。教学模拟口径下，界面规范定稿由设计师负责，AI 只做初稿辅助，审美判断归人——规范的价值在一致性与可执行，不在炫技。

1.2 设计系统与组件规范

设计系统=设计 token（色彩/字体/间距等基础值）+ 组件库 + 使用规范文档，让团队按同一套语言协作。UI 设计师（5986）的日常工作含组件规范、视觉还原与一致性核对。教学模拟口径下，AI 可以生成 token 整理与组件规范文档初稿，但组件行为、规范一致性判断与审美判断归人——AI 只做整理，不替代设计定稿。

1.3 界面视觉还原与交付核对

界面视觉还原=把设计稿变成可交付的高保真界面：对齐色值、间距、层级、状态。视觉还原是 UI 岗位的高频要求（含「视觉还原/实现」类表述），也是 AI 可以辅助核对清单的场景。教学模拟口径下，AI 可以生成还原核对清单初稿，但还原判断与交付定稿归设计师——还原细节决定专业度。

1.4 AI 界面工作流

让 AI 辅助生成界面初稿、token 整理与还原核对清单，可以大幅提速。完整工作流：①用 AI 按需求生成界面初稿与信息架构，人工审定；②用 AI 整理色彩/字体/间距 token 初稿，人工定稿；③用 AI 起草组件规范文档初稿，人工核对；④用 AI 生成视觉还原核对清单，人工逐项确认。每一步的审美判断与设计定稿都归设计师，AI 只做初稿辅助。

这是某教学模拟界面需求（教学模拟数据，非真实产品），请帮我：
1. 按需求生成界面信息架构与视觉初稿思路。
2. 整理色彩/字体/间距基础 token 草稿。
3. 起草组件规范（按钮/输入框/卡片）要点。
4. 生成视觉还原核对清单（色值/间距/层级/状态）。
5. 只整理结构与文字，不虚构真实产品参数；最终审美判断归我。
[粘贴教学模拟界面需求]

2.1 电商视觉定位与主图实战

电商视觉是品牌电商视觉路径的核心落地场景：美工（2026 总量 29481）是岗位量最大的设计岗。主图是商品的门面——信息层级（产品主体→卖点→促销信息）清晰、画面简洁、点击引导明确。教学模拟口径下，AI 可以生成主图版式与文案初稿，但产品卖点提炼、画面表达与审美判断归人——主图涉促销信息，不得夸大或虚构。

2.2 电商详情页结构实战

详情页回答「为什么买」：首屏卖点→功能/细节→场景展示→参数与保障。页面要有信息节奏，图文并茂、逻辑连贯。教学模拟口径下，AI 可以生成详情页文案结构与版式初稿，但卖点真实性、参数准确与审美判断归人——虚假宣传与版权风险是电商视觉红线。

2.3 电商 AI 排版工作流

让 AI 辅助生成排版建议、文案结构与核对清单，可以大幅提速。完整工作流：①用 AI 生成详情页文案结构与版式初稿，人工审定；②用 AI 整理图文排版与视觉节奏建议，人工筛选；③用 AI 起草主图文案初稿，人工核对真实性；④用 AI 生成版权/商用核对清单初稿，人工兜底。每一步的审美判断、真实性核对与设计责任都归设计师，AI 只做初稿辅助。

这是某教学模拟商品（教学模拟数据，非真实商品），请帮我：
1. 按商品信息生成主图卖点与文案初稿。
2. 起草详情页信息结构（首屏/功能/场景/参数）。
3. 给出图文排版与视觉节奏建议。
4. 生成版权/商用核对清单（素材/字体/授权）。
5. 只整理结构与文字，不虚构真实商品数据与促销承诺；最终审美与真实性判断归我。
[粘贴教学模拟商品信息]