众力资讯网

做了多年UI才明白按钮设计的7个隐藏细节🔥

刚入行的时候觉得按钮不就是个矩形加文字吗?做了几年才发现,按钮设计全是细节👇 ① 主按钮全页面只能有1个 别让用户做选择题!一个页面只突出一个核心操作,其他用次级按钮或文字按钮 ② 按钮最小点击区域 44×44pt 苹果 HIG 的经典规范,小于这个尺寸手指根本点不准,用户会疯 ③ 文案用「动词」而不是「确定」 "确定"是最懒的文案。试试"立即领取""提交订单""开始体验",转化率能提升 20%+ ④ 禁用态 ≠ 隐藏 灰掉的按钮告诉用户"这里有个操作但条件没满足",直接隐藏只会让人困惑 ⑤ 加载状态必须有 用户点了按钮没反应?99%会疯狂连点。给个 loading 动效或文字变化 ⑥ 圆角大小要统一 全局 8px 就全局 8px,别这里 4 那里 12,视觉一致性是专业感的来源 ⑦ 间距比颜色更重要 两个按钮挨太近用户会误触。按钮之间至少留 12px,关键操作和取消之间拉开距离 💡每一个细节单独看都很小,但加在一起就是专业和业余的差距