点击一个按钮要多久?不是感觉,是数学!
70 年过去,它依然是按钮、位置、热区设计的底层逻辑👇
🧮 核心公式(记住结论就够)
T = a + b × log₂(1 + D/W)
T:操作时间
D:目标距离
W:目标大小
✅ 两大铁律
目标越大,点得越快
目标越近,点得越快
💥 隐藏神技
屏幕边缘 & 角落 = 无限大目标
不用精准瞄准,点得最快(mac 菜单、Windows 任务栏原理)
📱 设计里直接用的 4 个场景
按钮尺寸
移动端最小:44×44px
图标小没关系,热区要做大
按钮位置
常用操作放拇指热区(底部优先)
删除 / 取消等危险操作,远离主按钮防误触
菜单 & 弹窗
靠屏幕边缘就向内展开
右键菜单高效,因为出现在光标旁边
移动端专属
手指比鼠标粗,必须更大触控区
核心 Tab 放底部,符合单手习惯
⚠️ 2 个局限
只算点击时间,不算思考时间
按钮太密时,不能无限放大
💡 一句话总结
重要的做大,常用的放近。
以后聊按钮大小,别靠感觉 —— 靠科学。
📚下面这份《UIUX 学习指南》,是我花 1 年时间整理,萃取苹果、谷歌等大厂设计智慧搭建而成的:
• 体系完整又系统,从视觉、交互到用研、产品,覆盖 UI/UX 全链路
• 不管是零基础入门、中级进阶还是冲资深,都能精准适配
• 每天花 5~10 分钟,就能稳步搭建起专业认知框架
不用急着一步到位。👇文末加入「UIUX 学习指南」,从今天开始,每天 5~10 分钟,稳步提升。
当你脑子里装满世界级的设计智慧,你就知道自己是谁,要去哪儿。






