ios设计尺寸规范_按钮规范系列 按钮尺寸的设计详解

理论上，按钮的使用规则与设计逻辑对于产品设计人员而言，是必备的基础知识。但是市面上关于按钮设计的解析文章相对较少，所以我继上一篇「取消按钮的设计思路」之余，继续带来一篇关于「按钮尺寸的设计解析」。

希望对各位有些许帮助。

关于尺寸，大多数人的认知还停留于「44 像素」或「视觉效果还不错」上。其实在 App 设计中，按钮尺寸的设计也是非常讲究且需理性分析的。尤其是随着手持设备的发展，UI 设计的思路已经远不止于在纯粹「好不好看」的刻板印象上了。

所以今天会从两个方面来分析按钮的「尺寸」：

1. 关于 iOS 与 Android 的按钮尺寸；

2. 对触屏按钮尺寸的分析；

3. 对于按钮尺寸使用的结论。

关于 iOS 与 Android 的按钮尺寸

熟知 Android 规范的应该知道，对于 Android 的按钮规范建议尺寸是 48dp×48dp +8dp=56dp，因此，在设计 Android 系统的按钮时，会主观认为其尺寸应该定为 56dp。但时常看到界面中存在异样的按钮高度时，会郁闷，为什么其自家按钮也没有遵循相应的规范进行设计呢？

或者是这样的：

至于 iOS 也是一样，官方对于按钮尺寸的规范建议是 44pt。但其按钮的尺寸也是多样化。就截止目前而言，iOS 的通用按钮的最大尺寸为 50pt，最小也是 36pt。

而新出的 iOS 13 Beta 控件中，通用按钮的尺寸则变更为三个范围，分别是：36pt-43pt；44pt-49pt；50pt+。其规则建议在 50 后面加上了一个符号「