用途:当用户需要镀铬效果、未来感 2000 年代外观、blob 形状与技术乐观主义风格时,可参考本指南进行 Web 与 App 实现。它是 design-it 技能的子参考,不应被直接触发。
主要能力与视觉原则:强调金属与镀铬效果(银色、铬色、闪亮金属渐变);有机无定形形状(blob 结构、曲线交叉线、液态形态);技术乐观主义(电路板图案、目标准星、数字网格背景)。视觉 DNA 包括:银/铬色、亮青色、亮粉色、青柠绿,工业风混合霓虹点缀;字体使用加宽无衬线、像素字体或未来/外星展示字体(如 Orbitron、Syncopate);样式使用外发光、金属斜面与星光闪烁。
使用方式:Web 端依赖复杂线性与径向渐变模拟闪亮金属,示例包含数字网格背景与镀铬文字渐变。App 端分别给出 SwiftUI、Flutter、React Native、Jetpack Compose 的实现要点:SwiftUI 用 .foregroundStyle() 应用多段 LinearGradient 到文字,并用无偏移 .shadow() 制造霓虹外发光;Flutter 必须用 ShaderMask 配合多段 LinearGradient,stops [0.0, 0.45, 0.5, 0.55, 1.0] 的中间锐利对比模拟圆柱地平线反射;React Native 需要 @react-native-masked-view/masked-view 与 react-native-linear-gradient,用 MaskedView 的 maskElement 包裹文字,并在渐变上传入 locations;Jetpack Compose 通过 TextStyle(brush = ...) 实现渐变文字,verticalGradient 指定具体色标以形成硬反射线。
适用场景:需要 Y2K 镀铬、blob、霓虹与科技乐观主义视觉的 Web 与移动应用界面。
限制:本指南是样式参考,不替代环境特定验证、无障碍测试或专家评审;需单独验证对比度与响应式行为。不要做得极简,Y2K 本质上是极繁与浮夸的;可用闪光装饰元素。