
课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
按钮设计是大多数UI设计师在进行移动端设计的时候都会用到的一种设计方式,下面我们就通过案例分析来简单了解一下,按钮设计都有哪些注意事项。
1、关于iOS与Android的按钮尺寸
熟知Android规范的应该知道,对于Android的按钮规范建议尺寸是48dp×48dp+8dp=56dp,因此,在设计Android系统的按钮时,会主观认为其尺寸应该定为56dp。但时常看到界面中存在异样的按钮高度时,会郁闷,为什么其自家按钮也没有遵循相应的规范进行设计呢?
或者是这样的:
至于iOS也是一样,官方对于按钮尺寸的规范建议是44pt。但其按钮的尺寸也是多样化。就截止目前而言,iOS的通用按钮的大尺寸为50pt,小也是36pt。
2、对触屏按钮尺寸的分析
在界面设计中,按钮尺寸的重要性承载着相当大的比重。如果用户在使用产品的过程中,点击目标过小,需要多次操作或集中注意力才能吃力地点中,这会导致体验下降。
相信多数人都挺反感这类广告屏的,即使想着点「跳过」也总会直接进入广告页。原因就在于按钮过小,用户如不想进入广告页,就需要非常聚焦的点击才行(有时候也不一定,手大怎么认真都会到广告页里去)。当然,所有人都知道,广告屏的「跳过」按钮,是他们故意设计成这样的。
而按钮设计过大,又会导致界面布局重心与视觉焦点产生问题。所以对于按钮在界面中的设计,就显得至关重要。
通常意义上,基础按钮主要由两部分组成,分别是:载体、文本/图标。
我们先来说说载体。
在触摸屏按钮设计当中,尺寸对可用性的影响相当巨大。研究发现,指垫的平均值在10-14mm之间,指尖的平均值为8-10mm。但是就这样的结论并不能很好的指导设计师设计按钮。
在按钮的处理上,间距与尺寸都发生了明显的变化。这样的设计,显著的降低了用户的误操作率。
我们可以知道,按钮尺寸大于12mm时,用户基本已经不会因为误操作导致点击按钮的错误率提升。
因此可以得出的大致结论为:
按钮尺寸小于9.6mm时,错误率提升显著;
按钮尺寸大于9.6mm,小于12mm时,错误率趋向于平缓;
注:当然,以上结论均为「大数据临界点」,不代表准确率不会因为尺寸的增加而继续提升。甚至不排除按钮尺寸占有全屏幕时,准确率更高的可能,不过这属于特殊情况。
所以,以上内容并不是说按钮设计有一定的规格,且必须按照这样的尺寸来设计。只是告诉各位读者,设计界面时,必须注意界面与按钮可触摸尺寸形成的比例,否则随意设计出来的界面在操作上一定是不尽人意。上述内容的尺寸信息则作为相应的参考即可。
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。