【UXRen原创】iPhone6的【登录】按钮最佳尺寸范围是多少？

作者：张云钱（从前端到UI到UE到PM，现任上海某互联网公司，产品经理。）

 

 

最近公司的几位Ui设计师，因为iPhone6【登录】按钮的尺寸规范，讨论了好几天。于是、我开始对【登录】按钮的尺寸进行了一番分析，希望找到一个协调意见，统一执行的方案。

【登录】按钮的尺寸，包含按钮的宽度，高度，圆角半径，内部文字字号。iPhone6的尺寸是@2x的，因此每个尺寸数值，x轴坐标，y轴坐标都需要是2的倍数。

争论焦点：【登录】按钮的尺寸是多少？

协调方案：【登录】按钮的宽度260px-710px，高度84-90px，倒圆角10px，内部文字28-34px

这里推荐两个尺寸分析的工具：

 

第1次尺寸分析如下：

这个iPhon6的【印象笔记】App的分析结果是：

• 按钮的宽度560px，高度90px，倒圆角10px，内部文字28px

 

第2次尺寸分析如下：

这个iPhon6的【数据储存】App页面的分析结果是：

• 按钮的宽度316px，高度90px，倒圆角10px，内部文字30px

 

第3次尺寸分析如下：

这个iPhon6的【登录页面】的分析结果是：

• 按钮的宽度710px，高度84px，倒圆角10px，内部文字34px

 

第4次尺寸分析如下：

这个iPhon6的【worktile】App的分析结果是：

• 按钮的宽度260px，高度90px，倒圆角10px，内部文字34px

 

第5次尺寸分析如下：

这个iPhon6的【词霸】App的分析结果是：

• 按钮的宽度630px，高度86px，倒圆角10px，内部文字34px

 

第6次尺寸分析如下：

这个iPhon6的【teambition】App的分析结果是：

• 按钮的宽度670px，高度88px，倒圆角10px，内部文字32px

 

总结前面6次的分析如下：

【推荐方案】：

• 按钮的宽度260px-710px，高度84-90px，倒圆角10px，内部文字28-34px

其余方案如下：

• 【印象笔记】：

  按钮的宽度560px，高度90px，倒圆角10px，内部文字28px

• 【数据储存】：

  按钮的宽度316px，高度90px，倒圆角10px，内部文字30px

• 【登录页面】：

  按钮的宽度710px，高度84px，倒圆角10px，内部文字34px

• 【worktile】：

  按钮的宽度260px，高度90px，倒圆角10px，内部文字34px

• 【词霸】：

  按钮的宽度630px，高度86px，倒圆角10px，内部文字34px

• 【teambition】：

  按钮的宽度670px，高度88px，倒圆角10px，内部文字32px

 

 

 

 

顶部图片来源：http://themedesigner.in

===================================================================================================================

不知不觉UXRen社区官网已经一岁半了， 在这里小编要感谢那么一如既往支持本站的油茶人。

UXRen.cn欢迎油茶人投稿，提供有价值的资讯、线索、点子及建议。

邮箱：contact@13tech.com.cn

注明：本站内容及数据部分来自互联网及公开渠道，如有侵权请及时联系我们。 ===================================================================================================================