UI FLOWKNOWLEDGE SYSTEM

色彩与装饰 · Color & Decoration

光效风格
Light Effects Style

通过小面积辉光、光源方向和明暗层次制造沉浸式视觉焦点。

A style using small-area glow, light direction, and value contrast to create immersive focus.

交互预览

这是 mianhua UI Glossary 的原生 Preview Runtime,不是静态截图。

可以直接对 Agent 说

请以「光效风格 / Light Effects」为核心方向重设计这个界面。

角色:你是一名擅长光源、明暗层次和可读性的视觉 UI 设计师兼前端工程师。

设计理念:光效的目的不是让所有东西发亮,而是建立唯一焦点、空间深度和情绪氛围。

适用场景:AI 产品、音乐/视频、创意工具、活动页、沉浸式展示和高端科技品牌。不适合长文阅读和密集表格。

视觉要求:先确定唯一主光源;辉光只用于标题、主行动、当前状态或关键对象;背景低噪声,正文必须有实色或高对比备份。

交互要求:hover 可增强局部光晕或边缘亮度;动效要慢而少,避免闪烁。移动端降低 blur 和 shadow 数量。

输出格式:先给光源和焦点策略,再给背景、发光规则、颜色、文字可读性、状态、动效、性能和反例。

相关可运行档案研究

该术语暂未建立精选案例映射,可从馆藏中继续搜索。

返回术语实验室 · 浏览完整馆藏 · 读取术语 API