CHAPTERS
课程章节目录
七个章节从反馈到性能,把交互细节拆成可设计、可度量的规范。
01
交互细节决定体验质感
为什么说交互是视觉的延伸。理解细节对用户感知的影响,建立"每个操作都应有反馈"的设计意识。
02
悬停与点击反馈设计
按钮、链接、卡片的悬停与点击反馈,用颜色、阴影、位移的细微变化告诉用户"我响应了你"。
03
过渡动画的时间与曲线
动画不是越快越好。掌握 200-400ms 的舒适区间与 ease-out 等缓动曲线,让过渡自然不突兀。
04
微交互:让界面有温度
点赞动效、提交成功的小庆祝、切换状态的小过渡,用恰到好处的微交互给界面注入人情味。
05
加载与空状态设计
等待时给骨架屏、没数据时给空状态插画与引导,把"无聊的等待"和"冰冷的空白"变成体验机会。
06
表单交互与错误反馈
输入即时校验、清晰的错误提示与成功反馈,降低表单填写焦虑,提升提交成功率与用户信心。
07
动效性能与无障碍
动效要美也要稳。用 transform/opacity 优先、尊重 prefers-reduced-motion,兼顾性能与无障碍。