风格与视觉 Style

「页面上两个东西之间留多少空隙，太挤看着难受，太空又显得散。」

控制元素之间空隙的大小，让页面有节奏、不拥挤、能分清主次。

「卡片、按钮的四个角太尖了，想让它更圆润一点。」

元素边角的弧度，决定卡片和按钮看起来是硬朗还是柔和。

「想让页面跟着系统或用户切换成黑底白字的深色外观。」

给界面准备一套黑底浅字的配色方案，用户手动或跟随系统切换。

「给卡片加个淡淡的影子，让它看起来浮在背景上。」

用投影表达「这个元素在背景之上」，层级越高影子越重，但满屏阴影会脏。

「页面上的文字用什么字体、多大、行距多少，让文字读着舒服、有层次。」

字号、字重、行高、字体的组合规则，让文字读得舒服、主次分明。

「页面用什么颜色、每种颜色用在哪，让页面不花、语义清楚。」

一小组有明确职责的颜色（主色、文字、背景、状态），全站只用它们，不随手加新色。

「让用户第一眼看到最重要的东西，而不是什么都抢眼。」

用大小、深浅、间距、位置排出「先看哪、再看哪」，重要内容不用喊也最抢眼。

「鼠标放上去、弹窗出现、页面切换时的那段小动画，别太长别太花。」

状态变化时的一小段平滑过渡，0.15-0.3 秒就该结束，太长拖慢操作、太花抢注意力。

「页面一眼就能看出是 AI 生成的，那种「哪里都对但就是很假」的感觉。」

辨认 AI 生成界面的特征组合：紫渐变主色、卡片圆角阴影、emoji 图标、模板化文案。