top of page
智屏UI6.0动效体验重塑
以设计语言为基石，系统性焕新动效表达与梳理动效规范，建立可复用的动效设计范式，统一反馈逻辑与视觉节奏，打造精致流畅的大屏应用新体验，让大屏交互兼具秩序感与灵动性
差异化交互动效体系
针对不同组件、不同使用场景设计差异化动效，重塑界面交互的节奏与感知体验
展示类动效
通过设计语言植入情感化感官体验
Expressive
操作类动效
基于特征动效|构建动效系统把控流畅度
Productive
设计语言植入动效表现
以灵感自然美学为骨架，延展出「引力场」设计语言于动效表现，将静态视觉规则转化为可感知的动态节奏，让动效成为引力场美学的动态延伸，打造富有辨识度的创意动态表达
水波涟漪
重点打造上焦场景，以大自然中「水面波纹」为灵感来源，优化上落焦时间参数，拉长退焦的缓动，形成惯性力，在快速移动时能够产生自然的涟漪感受
列表上焦场景
涟漪效果在「列表」组件使用场景下的统一表现
海报上焦场景
经过动效编排优化后，上落焦一次
减少12%的系统耗能
Table上焦场景
涟漪效果在「Table」组件使用场 景下的统一表现
引力光
上焦扫光场景
以用户操作为引力点，在切换焦点时，反馈出与用户操作同方向的引力光波，在视觉上创造连续的可视化反馈。
引力空间
页面转场场景
由自然灵感美学启发，跑马灯由单一白色，升级为自然彩虹光，围绕海报流转，减少丢焦率，营造美观舒适的视觉感官体验
海浪涟漪
普通扫光场景
以用户操作为引力点，在切换焦点时，反馈出与用户操作同方向的引力光波，在视觉上创造连续的可视化反馈。
彩虹流转
跑马灯场景
由自然灵感美学启发，跑马灯由单一白色，升级为自然彩虹光，围绕海报流转，减少丢焦率，营造美观舒适的视觉感官体验
更多实践
融入适老化与节能设计，进一步提升电视大屏设备的易用性与使用友好度
适老化设计
加入bar条放大动效，使用户在视力不佳或远距离观看的情况下，能够清晰知晓所 处音量数值，从而进行精准调节
节能设计
上焦框在长时间无操作时，渐变为白色静态，有效优化跑马灯在无限轮播情况下，带来的CPU运行占有率较高的问题
bottom of page