VISUAL LANGUAGE / DESIGN GUIDE

RGB 色散

Chromatic Aberration / RGB Split

把图像边缘的红绿蓝通道轻微错开,模拟镜头色差或数字故障。它适合短促强调,不适合承担正文的常态显示。

RGB 色散设计指南

本站编写的设计取舍与实现建议;实例是说明用的界面方案,不是客户案例、官方截图或效果承诺。目录中的部分条目是交互策略、业务布局或平台设计系统,并非同一层级的视觉流派。

设计原理

把图像边缘的红绿蓝通道轻微错开,模拟镜头色差或数字故障。它适合短促强调,不适合承担正文的常态显示。

适用场景

音乐视觉、实验影像、游戏主题中的装饰标题。

不适用与取舍

长篇文字、金额读数、无障碍优先的核心操作。

实现方法

将色散放在装饰副本或图片效果层,正文保留原始清晰文本;偏移小且不持续闪烁。辅助技术只读取一次,减少动态效果时去掉分层。

具体界面示例

音乐页封面边缘有 RGB 偏移,曲目名和购买信息保持普通文本,悬停效果不影响操作区域。

常见误区

给每行正文加三色阴影会降低识别;故障效果不应与真实错误状态混淆。

延伸阅读

下列技术规范或官方文档可用于核对实现;本站示例与设计取舍由本站编写。

继续比较

结合材料、布局或父子变体比较选择。

启用 JavaScript 可切换浅深色、收藏、使用组件演示并复制提示词。实例用于解释设计,不代表真实业务业绩。