关于 apple-design-tactics
为 Apple 平台设计工作提供无障碍与品牌营销指导，涵盖 WCAG 规范、文案、定价和视觉呈现。强调无障碍默认融入设计，并以克制表达支撑高端品牌叙事。
主要功能
- 01按 WCAG 2.2 AA 设计无障碍体验
- 02处理动态字体、透明度与动态效果
- 03组织以利益为先的营销文案
- 04规划定价、页面叙事与产品视觉
适用场景
- 01检查页面的对比度、焦点与语义标签
- 02为减少动态效果设置替代方案
- 03撰写产品页面标题与分段文案
- 04安排定价信息和产品主视觉
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/apple-design-tactics确认已加载。
附带文件references/accessibility-inclusive.mdreferences/marketing-tactics-brand.md
详细介绍
Apple Design — 策略（无障碍 · 营销与品牌）
两个贯穿各方面的人因视角：为所有人设计，以及像 Apple 一样说服用户。
适用场景
- 达到 Apple 的无障碍标准，或了解无障碍约束为何会影响 Apple 的整体设计语言。
- 撰写或组织高端营销内容——文案语气、定价、摄影、页面叙事。
核心规则 — 无障碍
- 无障碍应是默认设计，而不是事后补救（路缘切口效应：边缘场景也能帮助所有人）。Apple 的许多规则正是因为无障碍需求而存在：动态字体 → 布局重排；降低透明度 → 不透明材质的备用方案；降低动态效果 → 淡入淡出的替代方案。
- POUR / WCAG 2.2 AA：语义化 HTML + ARIA、可访问名称、绝不只靠颜色传达信息、文本对比度为 4.5:1、显示
:focus-visible焦点环、管理焦点，并遵循prefers-reduced-motion/prefers-contrast/prefers-reduced-transparency。
核心规则 — 营销与品牌
- 先营造感受，再以功能作为佐证。 每个版块只传达一个想法；克制与留白彰显高端质感。
- 以产品为主角，置于无缝衔接的白色或黑色背景上，搭配柔和阴影与微妙光晕；品牌风格安静、单色。
- **文案语气：**简短、自信、以利益为导向，标题使用 Title Case，并采用具体数字（“迄今最强大的 iPhone。”）。定价先展示高端选项，再用其作为锚点，最后按月呈现价格。
参考资料
| 文件 | 用途 |
|---|---|
references/accessibility-inclusive.md | VoiceOver / 动态字体 / 降低动态效果等约束、ARIA 示例、媒体查询、无障碍检查清单 |
references/marketing-tactics-brand.md | 视觉、文案与说服策略、主视觉标题公式、定价布局、产品图 CSS |
常见错误
- 仅靠颜色传达含义、字体大小固定、动态效果没有关闭选项、只有失焦时才不透明的文本、缺少标签或焦点。
- 堆砌功能、空喊口号却没有佐证、留白不足、语气不一致、虚假稀缺感、主视觉图片杂乱、隐藏月付价格、多个 CTA 互相争夺注意力。
**相关内容：**必须提供替代方案的动态效果 → apple-design-motion · 需要对比度备用方案的材质 → apple-design-materials · 应用这些策略的页面 → apple-design-web。
评论
支持 Markdown