用途:Cyber Y2K 是一份 Web 与 App 实现指南,属于 design-it 技能的子参考,用于在用户要求现代 Y2K、全息视觉与故障美学时提供样式方向。它不直接触发,而是被上级技能引用。
主要设计原则:全息渐变,采用随位置流动的油膜式虹彩色板;故障艺术,文字或图像呈现损坏、RGB 通道分离或抖动效果;部落与部落科技矢量,锐利、具有攻击性的早期 2000 年代纹身混合电路板风格图形。
视觉 DNA:深黑背景;高光为全息色(紫、青、荧光绿、亮粉混合成流体渐变);字体极粗、拉伸或技术感等宽;视觉元素包括 CD-ROM 反光、铁丝网图形和重度的色差效果。
使用方式:文档给出 CSS、SwiftUI、Flutter、React Native、Jetpack Compose 的实现思路。Web 端用 CSS 动画实现故障与动画背景渐变;SwiftUI 用 ZStack 叠三层相同文字并偏移做 RGB 分离,用绑定旋转状态的 AngularGradient 做全息效果;Flutter 用 ShaderMask 结合 SweepGradient 与 AnimationController;React Native 用绝对定位 Text 叠层做故障,复杂动画渐变需 @shopify/react-native-skia,缺失时回退到静态多段 LinearGradient;Jetpack Compose 用 Box 叠放与 Modifier.offset 做故障,Brush.sweepGradient 做全息色。
适用场景:需要复古未来、叛逆、混乱视觉的界面设计参考。
限制:这是样式参考,不替代具体环境的验证、无障碍测试或专家评审;需单独检查对比度与响应式行为;不要使用干净现代的几何布局,该风格强调混乱与叛逆。具体安装命令、收费与价格信息暂未提供。