iPhone6的【登录】按钮最佳尺寸范围是多少?

最近公司的几位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

1 收藏 评论

相关文章

可能感兴趣的话题



直接登录
跳到底部
返回顶部