美叶学习
  • 最新
  • 主题

      文章主题

    • 规范指南
    • 原理法则
    • 研究方法
    • 控件
    • AIGC
    • 色彩
    • 排版
    • 无障碍
    • 亮点
    • 槽点
    • 对与错
  • 小册
  • 关于

      关于

    • 关于我们
    • 在线支持
    • 投稿
    • 成为作者
    • 寻求合作
    • 使用帮助
目录
设计漫谈
目超
  • 第1章:前言

    第1节

    小册简介

  • 第2章:目录

    第1节

    行为判定

    第2节

    移动注册

    第3节

    消息推送

    第4节

    内容层级

    第5节

    多选

    第6节

    预防犯错

    第7节

    排序

    第8节

    标准化录入

    第9节

    打断

    第10节

    视觉层级

    第11节

    进程状态

    第12节

    密码设置

    第13节

    内容归类

    第14节

    反馈

    第15节

    操作距离

    第16节

    折叠播报

    第17节

    按钮注释

    第18节

    滑屏操作

    第19节

    选择权

    第20节

    内容溢出

    第21节

    输入暗示

    第22节

    关系映射

    第23节

    返回顶部

    第24节

    位置锚定

    第25节

    分页

    第26节

    面板优化

    第27节

    输入补全

    第28节

    信息检索

    第29节

    还原

    第30节

    内容折叠

    第31节

    通知提示

    第32节

    可视化

    第33节

    对话框

    第34节

    页面直达

    第35节

    输入法

    第36节

    清空删除

    第37节

    路径指引

    第38节

    社交对话

    第39节

    评论

    第40节

    文本框标签

    第41节

    筛选

    第42节

    光标控制

    第43节

    富媒体播放

    第44节

    数值修正

    第45节

    帮助说明

    第46节

    错误状态

    第47节

    情感化

    第48节

    浏览线

    第49节

    模态叠层

    第50节

    预览

富媒体播放
2025年12月20日

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


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


什么算是富媒体

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

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

支付¥29.90,解锁全部51篇