现在做界面，很难只停留在静态图层。打开一个 App，视频自动播放、卡片微微浮动、按钮会弹一下。

很多人把这一类东西统称为富媒体，但如果只把它当成会动的装饰，就有点浪费了。对设计师来说，更重要的是理解富媒体改变的是信息的表达方式，以及用户注意力被引导的路径。

什么算是富媒体

可以用一个简单的对比来理解：传统界面更像纸面排版，主要依赖文字、图片来承载信息；富媒体界面则像一个小舞台，可以动、可以发声，还会根据用户操作回应。视频、动画、音频、交互式图表、可拖拽组件，乃至简单的动效按钮，都可以被视为富媒体的一部分。

但会动并不自动等于有价值。为了炫技加上的粒子特效，和用简短动效解释流程的组件，在体验上的意义完全不同。判断标准很朴素：它有没有让信息更好懂、让操作更顺畅，或者让用户更愿意多停留几秒？如果答案都是否，那大概率只是设计师自己很开心。

常见形态

在日常项目里，设计师最常遇到的富媒体，大致可以分成几类，你可以一边看一边对照自己的项目。

最典型的是产品介绍视频、功能演示动画。它们利用时间轴，把发生了什么、先后顺序是什么讲清楚，把原本需要一长段说明文字才能说完的内容，压缩在几十秒之内。尤其是涉及过程的概念，比如一个订单如何从下单走到签收，一段简单的流程动画，往往比帮助中心里的十条问答更有用。

第二种就是做反馈的富媒体，比如按钮按下去的弹跳、加载时的骨架屏、卡片被划走时的惯性回弹，这些都是反馈型的富媒体。用户未必能说出它们长什么样，但一旦全部关掉，操作立刻会变得没手感，不确定系统到底有没有响应。它们承担的是一种情绪和信号：放心，系统听见你了，正在处理。

第三种是可探索的富媒体，比如可旋转的 3D 模型、可缩放的平面图、拖动滑杆看到前后对比的控件，这一类组件本身就是功能的一部分。用户不是看一张图，而是在和一个对象交互，通过自己的操作去感受差异。对于需要比较、需要空间感的内容来说，这类富媒体比堆很多静态截图更有效。

背后的代价

富媒体好用，但不是免费的。每一次加一点动效、放个视频，背后都有代价，只是设计稿上看不见。高清视频、复杂动画，都会增加加载时间和功耗。设计师在公司里用高性能电脑、好网络预览，总是觉得画面顺滑、动效细腻；但用户在地铁里、在老机型上，可能只看到一片空白和一个转圈的菊花。真正负责任的设计，是在画稿时就想清楚：弱网、旧机型、关闭动画时，这个富媒体会变成什么样？是不是还有一个“能看得懂”的退路？

另外富媒体天生很抢眼，一个自动播放的视频可以瞬间吸走视线，一个持续闪烁的动效会让用户难以专注在正文内容上。如果一个页面上到处都是在动的东西，用户反而抓不住真正重要的内容。你在实际设计的，已经不是加几个动画这么简单，而是在设计整页的节奏，哪些地方需要安静，哪些地方可以稍微“热闹”一点。

什么时候用富媒体

做设计的时候，与其问自己这里能不能加点动效，不如先问一句：这里不用富媒体，会不会很难讲清楚？这是一个很简单但很有效的筛选标准，有几类场景，往往特别适合富媒体：

第一类场景是 解释“动态过程”的时候。比如账单如何生成、审批如何流转、积分如何计算，这些内容如果完全用文字描述，很容易变成一碗说明书式的稀粥。一段简短的过程动画，可以帮用户迅速抓住关键节点：谁在什么时候做了什么，结果是怎样的。富媒体在这里扮演的是导游的角色，帮用户顺着流程走一遍。

第二类场景是呈现“前后差异”的时候。装修前后对比、妆容变化、版本更新前后界面的不同，这类信息的核心是变化本身。用两张截图上下摆放也能表达，但用户需要来回比对；如果让他拖动一个滑杆，左边是之前，右边是之后，大脑接收到的就是一条非常直接的视觉差异信息。适当加一点过渡动效，可以让这种对比更温和，而不是生硬地切一刀。

第三类是希望用户“慢一点”的时候。有些操作，太顺手反而是风险，比如支付确认、账号注销、删除重要内容。你当然不希望用户频繁误触，但也不想用粗暴的二次弹窗去打断。这个时候，一个略微郑重一点的过场动画、一点点刻意设计过的停顿时间，可以起到“心理减速带”的作用，让用户在这一步多想一秒。

最后

富媒体对设计师来说，是一支好用但锋利的笔。用得好，它能让界面“活起来”：复杂信息被拆解在时间轴上，抽象概念变得具象可见，操作反馈更有温度；用不好，它会把界面变成一个永远停不下来的舞台，让人只想赶紧关掉页面。

界面设计从来不是简单的“加点动效”，而是一连串关于注意力、节奏和代价的选择。下次你打算加一个视频、一个复杂动效，或者一个 3D 组件时，不妨先问自己一句：如果把它删掉，这个界面会不会明显变差？如果答案是“会”，那就值得你认真打磨；如果答案是“不太会”，那也许最好的设计，是留一点安静的空白。