加载中
跳转到主要内容

组件交互5 篇文章

组件交互栏目按导航、表单、按钮、弹窗、空状态、定价表等拆开看 UI 组件和交互模式。收录组件库与模式参考,方便设计师对照「这一块别人怎么做」,也方便前端对齐交互细节,少重复讨论同一控件。

动效设计:时间、缓动与克制之间的判断

动效不是装饰,而是界面表达因果关系、空间关系和状态变化的手段。本文从时长、缓动曲线、转场类型、性能成本、无障碍与克制原则等角度,讨论动效设计中真正需要判断的问题。

1天前0 阅读
等待的体验:加载状态、进度感知与耐心设计

用户讨厌等待,但更讨厌不知道要等多久。加载体验的关键不在于消灭等待,而在于管理感知。本文从等待心理、加载模式选择、进度表达、骨架屏、乐观更新、超时与失败处理等角度,拆解如何让等待变得可接受。

1天前0 阅读
空状态设计:当没有数据时,界面该说什么?

空状态不是“暂无数据”四个字,而是用户与产品之间的第一次对话。本文从首次使用、无结果、权限不足、错误清空等场景出发,拆解空状态的分类、文案、视觉、行动引导与可恢复性设计。

1天前0 阅读
表单校验的时机、文案与可恢复性设计

表单校验不只是“输入不对就报错”。校验时机、错误位置、文案质量、恢复路径和无障碍支持共同决定用户能否顺利完成表单。本文从真实填写场景出发,拆解校验设计的判断依据与落地方法。

1天前0 阅读
焦点管理:键盘与屏幕阅读器用户的隐形路径

焦点是键盘和屏幕阅读器用户在界面中移动的唯一坐标。本文从焦点顺序、焦点陷阱、模态管理、路由切换、组件组合与测试方法等角度,拆解焦点管理的设计逻辑,让无障碍不再停留在“加个 aria-label”。

1天前0 阅读