动效设计:时间、缓动与克制之间的判断
动效不是装饰,而是界面表达因果关系、空间关系和状态变化的手段。本文从时长、缓动曲线、转场类型、性能成本、无障碍与克制原则等角度,讨论动效设计中真正需要判断的问题。
订阅设计 / 前端周刊,工具更新与精选文章直接发到邮箱。
动效不是装饰,而是界面表达因果关系、空间关系和状态变化的手段。本文从时长、缓动曲线、转场类型、性能成本、无障碍与克制原则等角度,讨论动效设计中真正需要判断的问题。
组件交互 动效设计 缓动曲线用户讨厌等待,但更讨厌不知道要等多久。加载体验的关键不在于消灭等待,而在于管理感知。本文从等待心理、加载模式选择、进度表达、骨架屏、乐观更新、超时与失败处理等角度,拆解如何让等待变得可接受。
组件交互 加载状态 骨架屏最好的错误提示,是用户根本不会遇到。错误预防不是把校验做严,而是在交互路径上提前消除歧义、限制非法操作、提供安全默认值。本文从约束、确认、撤销、默认值、格式引导与容错边界等角度,讨论如何把错误挡在发生之前。
设计原则 用户体验 错误预防组件API不只是props和events的集合,而是组件与使用者之间的契约。本文从API表面、变体管理、组合模式、受控与非受控、事件命名、扩展性与版本演进等角度,讨论如何设计出既灵活又克制的组件接口。
设计系统 组件库 组件API空状态不是“暂无数据”四个字,而是用户与产品之间的第一次对话。本文从首次使用、无结果、权限不足、错误清空等场景出发,拆解空状态的分类、文案、视觉、行动引导与可恢复性设计。
用户体验 组件交互 空状态表单校验不只是“输入不对就报错”。校验时机、错误位置、文案质量、恢复路径和无障碍支持共同决定用户能否顺利完成表单。本文从真实填写场景出发,拆解校验设计的判断依据与落地方法。
表单设计 组件交互 表单校验