大内高手社区

标题: 不同按钮设计的最佳尺寸 [打印本页]

作者: Coisini 时间: 2021-9-24 17:37
标题: 不同按钮设计的最佳尺寸
　　1. 常规场景、局部模块：
　　比如 App Store 的产品详情页的获取，知乎中个人主页的关注，都属于当前页的局部模块，点击之后通常是状态的变化或者出现新的弹层。这些按钮的尺寸我建议控制在 28pt~40pt 之间。

（图源：UI中国）

　　2. 常规场景、全局模块、强业务属性：
　　比如微信个人页的添加好友、各大电商商品详情页的加购、登录注册页的登录注册等等。这些页面的 CTA 按钮隶属于页面全局，所以可以给它极高的权重、甚至全局吸底展示(如详情页)，以更快地促进点击。通常，这类按钮在常规场景下具备了最大尺寸。我个人的建议是保持在 40pt~60pt 之间。

（图源：UI中国）

　　3. 不可控场景：
　　不可控场景的意思就是，用户点击按钮时所处的场景可能比较特殊，并且这种特殊的场景很可能给用户带来一系列无法掌控的风险。
　　比如 keep 在跑步场景下的按钮，就需要充分考虑到跑步时不稳定的状态，如果按钮和常规场景一样，那很容易发生无法准确点击的情况，增加意外事故发生的概率;包括来电场景、地图导航场景、快递取件场景等等，都属于不可控的场景。所以这些场景中的按钮就得够大，以尽可能覆盖到那些极端的不可控情况。建议保持在 60pt~90pt 之间。

（图源：UI中国）

【免责声明】本文部分系转载，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与联系我们，我们会予以更改或删除相关文章，以保证您的权益！

欢迎光临大内高手社区 (https://bbs.tedu.cn/)