VISUAL LANGUAGE / DESIGN GUIDE

极光界面

Aurora UI

以柔和、多色、低频变化的光晕作为背景气氛,前景信息仍保持稳定。极光感来自渐变层的交叠,不需要所有组件都带发光边缘。

极光界面设计指南

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

设计原理

以柔和、多色、低频变化的光晕作为背景气氛,前景信息仍保持稳定。极光感来自渐变层的交叠,不需要所有组件都带发光边缘。

适用场景

创意工具、科技介绍、短篇品牌首页的背景区域。

不适用与取舍

颜色需要精确解释的数据图、长篇文本和不能承受持续动画的低性能设备。

实现方法

用少量径向渐变组合背景,必要时静态化;前景卡片提供稳定底色。动画只改变装饰层的透明度或位移,尊重减少动态效果偏好。

具体界面示例

创作工具首页在标题后放缓慢光晕,编辑区域使用实色工作台,按钮文字始终清晰。

常见误区

把光晕放在正文背后且不断变亮会使对比波动;不要给每张卡都创建大尺寸模糊滤镜。

延伸阅读

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

继续比较

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

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