web-design-expert

用途：为 Web 应用创建有辨识度的视觉系统，覆盖品牌识别、配色、字体排版与现代 UI/UX 模式。\n\n主要能力：按内容形态给出布局决策，如内容密集型采用 12 列网格、营销型采用首屏 Hero 与非对称布局、电商型用 CSS Grid 卡片布局、仪表盘用侧边栏加主内容区、编辑型用混合网格；按受众给出配色策略，如 B2B 偏蓝色主色与中性色、消费品牌偏暖色、无障碍关键场景要求 4.5:1 对比度与色盲友好组合；按用户目标确定视觉层级，如即时转化把主 CTA 置于首屏。还列出常见失败模式（委员会式设计、装饰优先于功能、移动端事后考虑、低对比度、信息架构崩塌）及对应修复思路，并提供 SaaS 仪表盘与电商产品页示例、质量门检查清单。\n\n使用方式：资料未提供具体安装或调用命令，暂未提供。可将其作为设计决策指引，按布局、配色、层级三条决策路径开展工作，并用质量门逐项校验。\n\n适用场景：品牌识别开发、营销落地页、电商目录、仪表盘界面、编辑型页面及面向高流量与无障碍要求的设计。\n\n限制：不适用于深度排版计算、色彩理论数学与调色板生成、设计系统 token 架构、复古风格、原生移动应用界面、详细无障碍审计、动效与微交互规范；这些应转交相应技能。资料中示例的成效数字为案例描述，并非该技能的保证效果。