避免模板化，
从当前任务判断
先判断内容和操作是否解决当前问题，再决定外观。下面八组展示未结合任务的问题与有明确场景的修改示例；每个示例仍可采用不同配色、字体、圆角、材质与布局。
本库完全不预设视觉风格。渐变、玻璃、紫色、胶囊、大圆角、阴影、居中或密排等均可使用；是否合适取决于品牌、内容、可读性与操作。没有必须照抄的正确外观，也不要求刻意破格。
两栏使用同一套展示样式，避免把换颜色或换圆角误当成解决问题。业务文案与数值均为标明用途的演示内容，不代表实际运营数据。
卡片与分组
容器应表达有用的关系，不按有没有圆角或阴影判断。
高效
提升整体体验。
智能
带来更多可能。
领先
开启全新未来。
导入素材
选择镜头清单，先核对编号与文件名是否对应。
检查未完成项
单独列出缺少文件的镜头，保留返回修改入口。
- 问题在哪里
- 内容只是相近的空泛形容词，卡片之间没有不同任务。
- 如何修改
- 按真实步骤或信息关系分组；若不需要容器，也可以改用列表、表格或正文。
- 如何验证
- 用户能否理解每组内容的不同用途，而不是数卡片是否整齐。
文案与动作
同样的渐变按钮可以承载含糊或明确的动作，问题不在渐变本身。
- 问题在哪里
- 用户不知道点击后会去哪里、得到什么。
- 如何修改
- 说明实际对象与结果，让入口文字与目标页面对应。
- 如何验证
- 点击前能否预判结果；配色、形状和材质可按项目重新设计。
区块与信息结构
结构来自页面问题，不默认每一页都重复相同卖点区块。
我们的优势
- 更快、更强、更智能
- 我们的理念：持续创新
- 我们的愿景：不断领先
接入资产前需要知道什么
- 按用途查到对应资产。
- 读取 HTML、CSS 和初始化依赖。
- 用真实内容检查交互和窄屏显示。
- 问题在哪里
- 多个区块换了标题，却重复同样信息。
- 如何修改
- 围绕用户当前的查找、决定或执行过程组织内容，不规定区块数量和顺序。
- 如何验证
- 删掉一个区块是否会损失信息；如果不会，可合并或删除。
指标与证据
强调数字前先检查来源，不用虚构统计填满版式。
无来源的虚构数字，专用于展示问题：
98% 满意度
行业领先，值得信赖。
尚未接入满意度统计
先呈现已经能验证的功能与限制；接入真实统计后，再说明口径、样本和时间范围。
- 问题在哪里
- 数字没有来源、口径和时间范围，无法核对。
- 如何修改
- 有证据时展示证据，没有数据时说明限制，不为凑版式补造指标或评价。
- 如何验证
- 读者能否追溯数字来自哪里、具体代表什么。
空结果与下一步
根据空结果的原因给出可行路径，插画与对齐方式都可自由选择。
暂无数据
敬请期待。
- 问题在哪里
- 仅承认没有内容，没解释原因，也没有继续路径。
- 如何修改
- 根据首次使用、筛选无结果、权限或加载失败分别说明情况。
- 如何验证
- 用户能否判断发生了什么，以及下一步可以做什么。
错误与恢复
说明输入问题和修正方式，不规定错误边框的颜色、厚度或范围。
输入有误
请补全 @ 后的域名，例如 name@example.com。
- 问题在哪里
- 用户只知道失败，不知道要改哪个部分。
- 如何修改
- 把明确原因与可操作示例关联到字段，保留已经输入的内容。
- 如何验证
- 按键盘找到字段、修正内容后，提示是否同步更新。
动效与状态
动画应解释变化，不为每个区块固定添加同一种入场。
每段都重复入场
标题、说明、列表与按钮依次从下方淡入，但没有表达新的状态或关系。
本地状态反馈演示
完成一项操作后，结果数量立即同步；是否补充动画按需要决定。
- 问题在哪里
- 运动与实际变化无关，阅读必须等待重复装饰。
- 如何修改
- 先让变化本身清楚，再选择有助解释关系的动效，或者不用动画。
- 如何验证
- 结果是否真实更新；减少动效后能否继续理解和操作。
键盘与访问路径
可访问性属于质量要求，焦点提示的外观可以按品牌设计。
只描述“点击这里继续”，没有说明目标；若控件只能用鼠标触发，键盘用户无法完成任务。
下面使用原生链接，可通过 Tab 聚焦、Enter 打开；实际项目仍可重设外观。
阅读 AI 取料说明- 问题在哪里
- 入口缺少语义或键盘路径，用户不知道当前焦点和去向。
- 如何修改
- 保留可理解的名称、语义、操作顺序与可见焦点，不强定焦点颜色或形状。
- 如何验证
- 能否使用键盘完成当前操作，放大或换屏宽后入口是否仍清楚可用。