bolder

提升设计的视觉冲击力与个性，摆脱过于保守、千篇一律或视觉表现平淡的问题，打造更具吸引力、令人难忘的体验。

必须的准备工作

调用 /impeccable — 其中包含设计原则、反模式和 上下文收集协议。继续之前，请遵循该协议；如果尚无设计上下文，必须先运行 /impeccable teach。

---

评估当前状态

分析设计显得过于保守或乏味的原因：

1. 找出薄弱环节：

   • 选择千篇一律：系统字体、基础色彩、标准布局
   • 尺度拘谨：所有元素尺寸都差不多，缺少戏剧感
   • 对比度低：所有元素的视觉权重都相近
   • 静态：没有动效、活力或生气
   • 容易预料：采用标准模式，没有惊喜
   • 层级扁平：没有元素能脱颖而出或吸引注意

2. 了解上下文：

   • 品牌个性是什么？（发挥空间有多大？）
   • 设计的用途是什么？（营销设计可以比财务仪表盘更大胆）
   • 受众是谁？（什么能引起他们的共鸣？）
   • 有哪些限制？（品牌规范、无障碍要求、性能）

如果无法从代码库中判断上述任何一点，请直接向用户询问无法推断的信息。

至关重要：“更大胆”并不意味着杂乱或刺眼，而是要独特、令人难忘且自信。追求有意为之的戏剧感，而不是随意堆砌。

警告 — AI 滥用套路陷阱：想把设计做得“更大胆”时，AI 默认会使用同一套老掉牙的招数：青紫渐变、玻璃拟态、深色背景上的霓虹点缀、指标上的渐变文字。这些恰恰与大胆相反——它们毫无新意。继续之前，请查看 impeccable 技能中的所有“禁止”指南。大胆意味着独特，而不是“更多效果”。

制定强化方案

制定策略，在保持整体协调的同时提升视觉冲击力：

• 视觉焦点：哪个元素应该成为主角？（选一个，把它做到极致）
• 个性方向：极繁主义混乱？优雅戏剧感？活泼动感？暗黑沉郁？选定一个方向。
• 风险预算：可以进行多大程度的实验？在限制范围内突破边界。
• 强化层级：让大的元素更大，小的元素更小（拉开对比）

重要：大胆的设计仍须易于使用。没有功能性的冲击力，不过是装饰。

强化设计

系统地提升以下各个方面的视觉冲击力：

强化排版

• 替换通用字体：用独具特色的字体取代系统字体（可参考 impeccable 技能中的灵感）
• 拉开尺寸差距：营造显著的字号跨度（差距为 3–5 倍，而不是 1.5 倍）
• 拉开字重差距：搭配 900 字重与 200 字重，而不是 600 与 400
• 选择出人意料的字体：可变字体、标题用展示字体、窄体／扩展字体，以及有意使用的等宽字体点缀（不要偷懒，默认套用“开发工具”风格）

强化色彩

• 提高饱和度：换用更鲜艳、更有活力的颜色（但不要用霓虹色）
• 大胆搭配色彩：采用出人意料的配色组合——避免千篇一律的紫蓝渐变
• 主色策略：让一种大胆的颜色占据设计面积的 60%
• 醒目点缀：使用对比强烈、引人注目的点缀色
• 带色调的中性色：用与调色板协调的带色调灰色取代纯灰色
• 丰富的渐变：使用经过精心设计、包含多个色标的渐变（不要用千篇一律的紫到蓝渐变）

空间戏剧感

• 拉开元素尺寸差距：重要元素的尺寸设为周围元素的 3–5 倍
• 打破网格：让主视觉元素突破容器，跨越边界
• 采用非对称布局：用充满张力的非对称布局取代居中、均衡的布局
• 留出充裕空间：大幅运用留白（间距为 100–200px，而不是 20–40px）
• 元素重叠：有意识地叠放元素，营造层次感

视觉效果

• 戏剧化阴影：使用大而柔和的阴影营造层次感（但不要在圆角矩形上添加千篇一律的投影）
• 背景处理：网格图案、噪点纹理、几何图案、有意设计的渐变（不要用紫蓝渐变）
• 纹理与层次：颗粒感、半色调、双色调、分层元素——不要用玻璃拟态（这种风格已被过度使用，成了千篇一律的 AI 垃圾）
• 边框与装饰框：粗边框、装饰框、自定义形状（不要用一侧带彩色边框的圆角矩形）
• 自定义元素：强化品牌形象的插画元素、自定义图标和装饰细节

动效与动画

• 入场编排：页面加载时添加错落有致、富有戏剧性的动画，延迟 50-100ms
• 滚动效果：视差、渐显动画、滚动触发序列
• 微交互：令人愉悦的悬停效果、点击反馈、状态变化
• 过渡效果：使用 ease-out-quart/quint/expo 实现平滑且明显的过渡（不要用弹跳或弹性效果——会显得廉价）

大胆的构图

• 主视觉：通过戏剧化的处理打造鲜明的视觉焦点
• 对角布局：打破横向／纵向的刻板布局，采用对角排列
• 全出血元素：利用整个视口的宽度／高度营造冲击力
• 打破常规比例：黄金比例？抛开它。试试 70/30、80/20 的分割

切勿：

• 无目的地随意添加效果（混乱 ≠ 大胆）
• 为了美观牺牲可读性（正文必须清晰易读）
• 让所有内容都显得大胆（那样就没有重点——需要对比）
• 忽视无障碍要求（大胆的设计仍须符合 WCAG 标准）
• 让动效喧宾夺主（动画疲劳确实存在）
• 盲目照搬流行美学（大胆意味着独树一帜，而非拾人牙慧）

检查质量

确保增强设计表现力的同时，保持易用性与协调性：

• 不是 AI 垃圾：这看起来是否和其他 AI 生成的“大胆”设计如出一辙？如果是，就从头再来。
• 仍然实用：用户能否不受干扰地完成任务？
• 协调统一：一切是否都显得经过深思熟虑、浑然一体？
• 令人难忘：用户会记住这段体验吗？
• 性能良好：所有这些效果都能流畅运行吗？
• 无障碍：设计仍符合无障碍标准吗？

检验标准：如果你把设计展示给别人，并说“这是 AI 做得更大胆的设计”，对方会立刻相信吗？如果会，那你就失败了。大胆意味着独树一帜，而不是“添加更多 AI 效果”。

记住：大胆的设计是自信的设计。它敢于冒险、鲜明表达，并创造令人难忘的体验。但没有策略的大胆只是喧闹。要有意图，要有戏剧性，要令人难忘。