设计 · 11 篇文章

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

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

等待的体验：加载状态、进度感知与耐心设计

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

错误预防设计：比报错提示更高级的交互

最好的错误提示，是用户根本不会遇到。错误预防不是把校验做严，而是在交互路径上提前消除歧义、限制非法操作、提供安全默认值。本文从约束、确认、撤销、默认值、格式引导与容错边界等角度，讨论如何把错误挡在发生之前。

组件API设计：比Props更深一层的接口思维

组件API不只是props和events的集合，而是组件与使用者之间的契约。本文从API表面、变体管理、组合模式、受控与非受控、事件命名、扩展性与版本演进等角度，讨论如何设计出既灵活又克制的组件接口。

空状态设计：当没有数据时，界面该说什么？

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

表单校验的时机、文案与可恢复性设计

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

中文网页排版：从字号阶梯到行高节奏的细节

中文排版常被当作“选个字体、调个行高”，但它涉及字号阶梯、行高节奏、字重层次、标点规则、中西混排与响应式适配。本文从可读性出发，拆解中文网页排版的判断依据与落地方法。

焦点管理：键盘与屏幕阅读器用户的隐形路径

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

设计令牌落地：让品牌与代码说同一种语言

设计令牌是设计系统从文档走向工程的关键一步。本文从命名分层、语义映射、多主题治理、工具链同步、版本管理与团队协作等角度，拆解设计令牌如何真正落地，而不是停留在一次性的变量替换。

渐进披露：用分层信息降低产品复杂度

渐进披露是一种设计原则，通过先呈现核心任务、按需展开高级选项，帮助用户在复杂产品中保持专注。本文从认知负荷、信息架构、表单、设置、向导、AI功能、移动端与度量等角度，给出可落地的分层策略与检查清单。

界面色彩对比度实战：从可读性到无障碍

色彩对比度不是配色完成后的检查项，而是界面可读性、可用性与无障碍的基础。本文从 WCAG 标准、明度阶梯、文字与控件差异、语义色、暗色模式和品牌色落地等角度，给出一套可执行的对比度设计方法。