设计审查：场景案例

基于为了让你更直观地理解如何与这位“资深设计师”合作，我们准备了三个典型的应用场景：

案例1：上线前的最后一次视觉大扫除

想象一下，你开发的新产品明天就要发布了，你盯着首页总觉得哪里不够精致。为了在发布前把视觉效果打磨到极致，你直接对它说：“帮我全面体检一遍 https://production.myapp.com 的视觉质量，特别是要检查所有按钮的悬停效果和间距是否统一，发现问题直接修好并提交。”

设计审查随即开启了深度审计。它发现首页的三个主视觉区域（Hero Section）间距分别是 48px、42px 和 50px，这种细微的不一致正是导致页面看起来“乱糟糟”的原因。它自动将所有间距统一调整为规范的 48px，并把每个按钮在悬停（Hover）时缺失的阴影渐变补全，最后给出了一份包含 8 处视觉修正的清单。

案例2：拯救那个“程序员味”太重的管理后台

你的后台系统功能很强大，但界面看起来非常枯燥——白墙灰背景，到处是密密麻麻的表格和毫无节奏感的蓝色链接。为了让它更有现代感，你下达指令：“针对后台的仪表盘页面，进行一次审美升级。把那些过时的三栏式布局重构掉，增加一点视觉呼吸感，并帮我为所有状态标签（Label）增加更柔和的背景色。”

它像一位高级视觉专家一样，开始重新梳理页面的视觉节奏。它把原本生硬的功能块间距拉开，用更有设计感的圆角替换掉尖锐的边缘，并将那些原本刺眼的纯色状态码改成了带有透明度的莫兰迪色系。整个后台看起来瞬间从“上个世纪的内部系统”变身为了“硅谷初创公司风格”。

案例3：移动端适配的针对性微调

你发现由于最近增加了一些复杂的交互图表，用户在手机上点击这些区域时非常困难，甚至经常点错。你决定让它针对移动端进行优化：“帮我扫描一下全站的移动端视图，重点检查触控目标的有效性。如果发现小于 44 像素的点击区域，请告诉我原因并尝试通过 CSS 进行物理扩充。”

它迅速模拟了多种主流手机型号的显示效果。它揪出了那些被挤在一起的页脚链接和太小的关闭按钮。通过调整 padding 和 min-height，它在不破坏布局的前提下，精准地放大了这些交互点的有效触发范围，让移动端的用户体验立刻变得丝滑起来。