| name | surface-sensory-consistency |
| description | 当产品已经有结构和框架,需要检查视觉、听觉、触感等感知设计是否一致表达体验时调用。不适用于底层需求不清时的美化。
|
| source_book | 《用户体验要素》 Jesse James Garrett |
| source_chapter | 第 7 章 表现层 |
| tags | ["visual-design","sensory","ux"] |
| related_skills | [] |
表现层感知一致性
R — 来源依据 (Reading)
原书依据见本节来源说明。
依据表现层感知设计章节。
本仓库不收录原书全文;此处只保留章节级依据和方法论重述。
I — 方法论骨架 (Interpretation)
- 表现层是用户直接感知到的层面。
- 感知设计要服务于战略、范围、结构和框架。
- 一致性来自对下层目标的表达,而不只是风格统一。
A1 — 书中的应用 (Past Application)
案例 1: 感知设计示例
- 问题: 视觉选择影响用户注意和理解。
- 方法论的使用: 让感知服务任务和品牌。
- 结论: 体验更一致。
- 结果: 最终界面不与结构冲突。
A2 — 触发场景 (Future Trigger)
用户会在什么情境下需要这个 skill?
当产品已经有结构和框架,需要检查视觉、听觉、触感等感知设计是否一致表达体验时调用。不适用于底层需求不清时的美化。
语言信号
- "视觉风格怎么统一?"
- "表现层怎么服务体验?"
- "界面看起来不一致"
与相邻 skill 的区分
- 本 skill 处理
表现层感知一致性 这一单点问题;若问题跨越多个环节,请先读本书 INDEX.md 选择组合顺序。
E — 可执行步骤 (Execution)
-
回看下层目标
-
检查感知线索
- 完成标准: 颜色、对比、字体、图像、声音是否一致。
-
删除冲突表现
B — 边界 (Boundary)
不要在以下情况使用此 skill
- 不要用表现层遮盖战略或结构问题。
- 无障碍要求优先于风格偏好。
作者的盲点 / 时代局限
- 模型源自 Web 与软件体验,现代多端、AI 和服务体验需扩展。
- 五层容易被误解成瀑布流程。
相关 skills
- depends-on: {}
- contrasts-with: {}
- composes-with: {}
审计信息
- 验证通过: V1 ✓ / V2 ✓ / V3 ✓
- 测试通过率: 100% 设计通过;结构校验见本书
QUALITY_REVIEW.md
- 蒸馏时间: 2026-06-18