一个组件至少要考虑这些状态👇
🔹 默认态（Default） 组件的初始样子，用户还没有做任何操作。
🔹 悬停态（Hover） 鼠标移上去时的样子。通常加深颜色或出现底色。
🔹 按下态（Pressed / Active） 鼠标点击的瞬间。颜色通常比 Hover 更深。
🔹 聚焦态（Focus） 通过 Tab 键选中时的样子。通常加一圈蓝色外发光。这个对可访问性非常重要。
🔹 禁用态（Disabled） 组件不可操作，通常变灰色、降低透明度。
🔹 加载态（Loading） 操作正在处理中，显示 loading 动画，同时禁止重复点击。
🔹 错误态（Error） 输入内容不符合要求，边框变红并展示错误提示。
🔹 成功态（Success） 验证通过，边框变绿或出现对勾图标。
💡 建议：每个组件都整理一张状态表，交付给开发时他们会感谢你。
📚下面这份《UIUX 学习指南》，是我花 1 年时间整理，萃取苹果、谷歌等大厂设计智慧搭建而成的：
• 体系完整又系统，从视觉、交互到用研、产品，覆盖 UI/UX 全链路
• 不管是零基础入门、中级进阶还是冲资深，都能精准适配
• 每天花 5～10 分钟，就能稳步搭建起专业认知框架
👇文末加入「UIUX 学习指南」，用每天 5～10 分钟的坚持，换取终身受用的“设计竞争力”。
你会发现，那些焦虑和迷茫，都在稳步提升中烟消云散。
