技术2025-10-18
赛博风界面设计 · 阅读版
完整记录配色、质感与动效实现，附示例图。
配色与层次
背景以深蓝/紫为基调，叠加线性渐变与噪声；主霓虹色采用青色与洋红的互补，并用较弱的黄色做强调。
玻璃拟态
半透明层（rgba 与 backdrop-filter: blur）结合边缘高光与柔和阴影，形成玻璃质感。卡片边框使用 1px 细线与低饱和渐变。
动效与质感
微弱抖动、扫描线与闪烁阴影需要控制节奏：动效周期应不影响阅读节奏，尽量在 12–20s 区间。
排版建议
标题使用几何风格字体（如 Orbitron），正文选用等宽或半等宽（如 Roboto Mono），保持机械质感与代码相关性。