按键型号(按键型号分类)
按键类别
理论上,按钮的使用规则与设计逻辑对于产品设计人员而言,是必备的基础知识。但是市面上关于按钮设计的解析文章相对较少,所以我继上一篇「取消按钮的设计思路」之余,继续带来一篇关于「按钮尺寸的设计解析」。
希望对各位有些许帮助。
关于尺寸,大多数人的认知还停留于「44像素」或「视觉效果还不错」上。其实在App设计中,按钮尺寸的设计也是非常讲究且需理性分析的。尤其是随着手持设备的发展,UI设计的思路已经远不止于在纯粹「好不好看」的刻板印象上了。
所以今天会从两个方面来分析按钮的「尺寸」:
关于iOS与Android的按钮尺寸;
对触屏按钮尺寸的分析;
对于按钮尺寸使用的结论。
熟知Android规范的应该知道,对于Android的按钮规范建议尺寸是48dp×48dp+8dp=56dp,因此,在设计Android系统的按钮时,会主观认为其尺寸应该定为56dp。但时常看到界面中存在异样的按钮高度时,会郁闷,为什么其自家按钮也没有遵循相应的规范进行设计呢?
或者是这样的:
至于iOS也是一样,官方对于按钮尺寸的规范建议是44pt。但其按钮的尺寸也是多样化。就截止目前而言,iOS的通用按钮的最大尺寸为50pt,最小也是36pt。
而新出的iOS13Beta控件中,通用按钮的尺寸则变更为三个范围,分别是:36pt-43pt;44pt-49pt;50pt+。其规则建议在50后面加上了一个符号「+」,意味着iOS在尺寸规则上剔除了以往的严肃性,明确告知设计人员可根据实际情况进行更改。
或许有人会反驳说,这个规范的适用范围应该只是图标而已。真的是这样么?下面我们深入分析一波。
在界面设计中,按钮尺寸的重要性承载着相当大的比重。如果用户在使用产品的过程中,点击目标过小,需要多次操作或集中注意力才能吃力地点中,这会导致体验下降。如图:
相信多数人都挺反感这类广告屏的,即使想着点「跳过」也总会直接进入广告页。原因就在于按钮过小,用户如不想进入广告页,就需要非常聚焦的点击才行(有时候也不一定,手大怎么认真都会到广告页里去)。当然,所有人都知道,广告屏的「跳过」按钮,是他们故意设计成这样的。
而按钮设计过大,又会导致界面布*重心与视觉焦点产生问题。所以对于按钮在界面中的设计,就显得至关重要。
通常意义上,基础按钮主要由两部分组成,分别是:载体、文本/图标。
我们首先来说说载体。
在触摸屏按钮设计当中,尺寸对可用性的影响相当巨大。麻省理工学院触摸实验室的研究发现,指垫的平均值在10-14mm之间,指尖的平均值为8-10mm。但是就这样的结论并不能很好的指导设计师设计按钮。
ScottHurff在其发表的一篇文章中提到iOS9的AppleMusic在锁屏状态下切换歌曲的按钮异常难点击。经常需要点击3次左右才能点中,甚至因为误点导致被控制的是音量。
而iOS10出来后,很明显的解决了这个问题,如图:
在按钮的处理上,间距与尺寸都发生了明显的变化。这样的设计,显著的降低了用户的误操作率。
改良后的AppleMusic控件尺寸的变化如下。
这里的变化可能有些人看不出来,即直接将iOS规范定义的44pt,改成了微软建议的82pt。
而针对于按钮尺寸的变化,ScottHurff提到了两项科学的实验依据。
实验研究的内容如下。
2006年,芬兰奥卢大学和马里兰大学帕克分校的研究人员进行了一次合作。他们的研究课题是「按钮尺寸对于单手使用触摸屏时的影响」。
实验场景分为两种:
执行单个任务,如确认按钮或单选按钮;
在研究过程中,研究人员在两个场景下试用了一系列不同大小的按钮。他们发现,当按钮小于9.2mm时,单个任务的错误率显著增加;当按钮小于9.6mm时,连续任务的错误率显著提升。
而在连续任务场景中,按钮尺寸在9.6mm至11.5mm之间时,错误率基本保持不变。
在这项研究中,他们无法给出相应的结论,只能大概确定按钮的范围值。
而后在另一项研究中,研究人员在Android系统里发布了一款游戏,游戏的玩法为:玩家通过点击各种尺寸的浮动圆圈得到晋级。这些圆圈可能出现在屏幕上的任何地方。
他们的目标是:确定触摸屏按钮的最佳触摸尺寸。
通过这款游戏所获取的1亿2千万次点击数据的记录,研究人员发现当圆圈的尺寸小于12mm左右时,错误率会根据尺寸的缩小而逐步上升。当点击目标小于8mm时,玩家的错误率超过了40%。而圆圈的尺寸大于12mm时,玩家的正确率也没有得到显著提升,即12毫米成了玩家准确率提升的临界值。
综合两项研究的结论,我们可以知道,按钮尺寸大于12mm时,用户基本已经不会因为误操作导致点击按钮的错误率提升。
因此可以得出的大致结论为:
按钮尺寸小于9.6mm时,错误率提升显著;
按钮尺寸大于9.6mm,小于12mm时,错误率趋向于平缓;
最大尺寸维持在12mm左右时,错误率达到临界值,即不会因为按钮尺寸继续增加而降低用户的误操作率。
到这里为止,按钮尺寸的最佳范围已经出来。
注:当然,以上结论均为「大数据临界点」,不代表准确率不会因为尺寸的增加而继续提升。甚至不排除按钮尺寸占有全屏幕时,准确率达到百分百的可能,不过这属于特殊情况。
而通过上述研究,结合各大平台给出的按钮尺寸规范建议:
iOS:44×44points(逻辑分辨率)
Android:48×48dp+8dp或更多间距=56x56dp(设备分辨率)
微软:9×9mm±两侧分别2mm的推荐间隔=13×13mm
从这点可以知道,微软采用了上述第一项研究中的最高临界值。
之后经过换算可以发现,iOS的按钮建议尺寸约等于7mm;Android约等于9毫米;微软的规范建议则是13mm。
ScottHurff的研究分析大家可以去「Usingsciencetomaketrulytappableuserinterfaces」这篇文献中查看。
其在文献中也给出了相应的单位换算公式,下图是结果:
再回过头来看AppleMusic现在(iOS12)锁屏时的设计:
其尺寸又发生了变化。
所以,以上内容并不是说按钮设计有一定的规格,且必须按照这样的尺寸来设计。只是告诉各位读者,设计界面时,必须注意界面与按钮可触摸尺寸形成的比例,否则随意设计出来的界面在操作上一定是不尽人意。上述内容的尺寸信息则作为相应的参考即可。
最终结论:
无论是iOS提出的44pt,Android提出的48/56pt,亦或是微软的82pt,都是用于特定场景下,具体情况还需具体分析;
在界面设计中,按钮尺寸低于12.8毫米(微软建议的82pt),基本能符合大多数设计情况;
根据iOS和Android给出的建议,在界面设计中,按钮尺寸至少高于5.5毫米(36pt),否则用户点击时会较为吃力;
按照界面元素比例,结合按钮尺寸规范,设定一个合理的按钮尺寸。
可能有人会问能否举一些例子来加深理解,那这里就简单放三种模式,大家可以自行找案例参考。具体尺寸差距不会太大,特殊情况做特殊处理。
将以上两个结论做一个整合,基本上就能解决绝大多数按钮尺寸的设计场景了。
本篇文章想告诉各位的是,按钮尺寸没有统一的规范,只是带各位从根本上了解按钮尺寸的设计思路。了解以后,或许在设计上能更好的输出合理的方案。就好比字体设计,每一笔都是有讲究且有理据输出的。
文章只是把「按钮尺寸」的设计差异、细节提供给大家,以便帮助各位在工作中有更深入的思考,而不是想当然的说就是多高多宽。
有理有据,才是设计。
那这篇文字就到这里了,谢谢阅读:)
按键型号大全
电磁炉按键开关型号因品牌和型号不同而异,以下是一些常见的电磁炉按键开关型号:1.触控开关:这是目前较为常见的一种电磁炉按键开关,使用者只需要轻触按钮即可启动电磁炉,使用起来比较方便。2.旋钮开关:这种开关通过旋转按钮来控制电磁炉的开关和温度调节,使用起来比较简单。3.按钮开关:这种开关通过按下按钮来控制电磁炉的开关和温度调节,使用起来比较直观。4.滑动开关:这种开关通过滑动按钮来控制电磁炉的开关和温度调节,使用起来比较顺畅。5.智能开关:这种开关具有智能控制功能,可以自动识别锅具大小、自动调节温度等功能,使用起来比较智能。需要注意的是,不同品牌和型号的电磁炉按键开关型号可能有所不同,请查看电磁炉的说明书或者询问相关厂家以获取准确的开关型号。
按键规格
电梯行业推荐保险方案
AMCB2使用说明书
扶梯改造主板,价格仅需PLC的一半,性能优越,大厂也在用!
UOK!三洋电梯专用加密狗,天下苦动态密码久矣!
按键型号分类
键盘的品牌和型号就好比手机华为属于品牌荣耀属于系列5s就属于型号
按键款式
vivo步步高i589,步步高k12,步步高k16,步步高i368等。
根据vivo官网信息显示,旗下的步步高i589,步步高k12,步步高k16,步步高i368等手机具有按键。
vivo步步高i589是vivo公司于2009年发布的一款时尚手机。
按键型号K和按键型号S有什么区别
您好,苹果公司推出的按键手机型号主要有以下几种:1.iPhoneSE(第一代):iPhoneSE是苹果公司于2016年推出的一款4英寸屏幕的手机,采用了和iPhone5s相同的外观设计和按键式Home键,但内部硬件升级,搭载A9芯片和12MP后置摄像头。2.iPhone8:iPhone8是苹果公司于2017年推出的一款4.7英寸屏幕的手机,采用了和iPhone7相似的外观设计和按键式Home键,但内部硬件升级,搭载A11芯片和12MP后置摄像头。3.iPhone8Plus:iPhone8Plus是苹果公司于2017年推出的一款5.5英寸屏幕的手机,采用了和iPhone7Plus相似的外观设计和按键式Home键,但内部硬件升级,搭载A11芯片和双12MP后置摄像头。4.iPhoneSE(第二代):iPhoneSE(第二代)是苹果公司于2020年推出的一款4.7英寸屏幕的手机,采用了和iPhone8相似的外观设计和按键式Home键,但内部硬件升级,搭载A13芯片和12MP后置摄像头。总的来说,苹果公司在近年来逐渐放弃了按键式设计,而转向全面屏和虚拟Home键的设计,因此按键手机型号已经不再更新,未来也可能会逐渐退出市场。
按键型号规格大全
双飞燕,Microsoft
按键选型
按钮开关是一种常见的电子元件,它可以在电路中起到开关的作用。在现代电子设备中,按钮开关被广泛应用,例如电子产品、汽车电子、医疗设备等领域。本文将介绍几种常见的按钮开关型号,包括规格、特性、应用场景等。
1.按钮开关型号A
按钮开关型号A是一种常见的开关元件,它具有以下特性:
-规格:2P2T
-电流/电压:3A/250VAC
-寿命:10,000次
-外观尺寸:12mmx12mmx7mm
按钮开关型号A适用于电子产品中的开关控制,例如音响、电视机、电脑等设备。它可以通过手动按下按钮来控制电路的开关状态。
2.按钮开关型号B
按钮开关型号B是一种小型化的开关元件,它具有以下特性:
-规格:SPDT
-电流/电压:0.1A/30VDC
-寿命:20,000次
-外观尺寸:5mmx5mmx1.5mm
按钮开关型号B适用于电子产品中的微型开关控制,例如手机、数码相机、手持游戏机等设备。它可以通过手指按下按钮来控制电路的开关状态。
3.按钮开关型号C
按钮开关型号C是一种防水的开关元件,它具有以下特性:
-规格:DPDT
-电流/电压:5A/250VAC
-寿命:50,000次
-外观尺寸:16mmx16mmx18mm
按钮开关型号C适用于户外电子设备中的开关控制,例如灯具、电动工具、电动车等设备。它可以在恶劣的环境中使用,并且可以通过手动按下按钮来控制电路的开关状态。
4.操作步骤
无论是哪种按钮开关型号,它们的操作步骤都是类似的。下面以按钮开关型号A为例,介绍其操作步骤:
1.确认按钮开关的位置和状态。
2.手指按下按钮,使其从OFF状态转换为ON状态。
3.操作完成后,松开手指,按钮恢复到OFF状态。
- 途观氙气灯泡型号(途观氙气灯泡型号规格)
- 产品型号4g(产品型号48v20ah怎么解释)
- 长城h5电瓶型号(长城h5电瓶型号及价格)
- 天逸功放哪种型号最好(天逸功放哪种型号最好用)
- 创酷火花塞型号(创酷火花塞型号怎么看)
- s6直屏型号(s6什么屏幕)
- 自吸磁力泵型号(自吸磁力泵型号大全)
- s6平面型号(s6 尺寸)
- 压路机有哪些型号(压路机有哪些型号规格)
- tcl电视什么型号的好(tcl电视什么型号的好用)
- 外径30内径15轴承型号(外径30内径15轴承型号厚9mm)
- 贝亲奶嘴最大什么型号(贝亲奶嘴的型号)
- ps4有几个型号(ps4几个型号的区别)
- 魅蓝a5型号(魅蓝 a5)
- s7港版型号(s7+ 港版)
- 护栏网规格型号(护栏网的用途)