Day20 自学UI/UX 打卡✨| UI组件规范及状态
✅图标规范
▪️尺寸：区分移动端 / Web端固定px尺寸
▪️设计要求：统一线条、圆角、画布，视觉重量平衡
▪️6种交互状态：默认/悬停/选中/点击/禁用/错误警告

✅按钮规范
▪️5大类按钮：主按钮、次按钮、文字按钮、图标按钮、危险按钮
▪️7种交互状态：默认、悬停、按下、选中、加载、禁用、危险态
▪️8个使用原则：单页面主按钮不宜过多，文案优先动词，保证点击热区充足

✅输入框&表单规范
▪️输入框结构：标签、占位文字、前后缀图标、辅助说明等
▪️7种状态：默认、聚焦、已填写、禁用、只读、错误、成功
▪️表单10条设计原则：标签统一、长表单分组、减少多余字段，降低用户填写负担

组件规范核心：统一视觉语言+完整交互反馈，提升页面一致性与用户体验。

内容为转载，仅用于学习分析
UI UI设计规范 UI设计师 零基础学UI UI干货