一、定义编辑导语:不同的APP的有不同按钮设置,背后也有其设计的奥妙。在这篇文章中,作者盘点了各类按钮使用的规范,一起看看学习一下吧。
按钮是一个通过单击来触发行为的组件,是最常使用的组件之一。
二、按钮种类1. 文字按钮
视觉上最弱的按钮,是最次级的行动点。
可用于需大面积展示按钮场景,例如表格组件中的操作列。
因为文字按钮所占的高度小于“轮廓按钮”和“填充按钮”,在同样的屏幕大小下,使用文字按钮能显示更多的行数,这么做提升了用户的浏览效率。
如下图所示:
文字按钮相比于link,视觉上可以说是一摸一样。但link是用于链接的跳转。
2. 轮廓按钮
常规按钮,用于非主要动作。
常常出现在主要按钮旁边,作为次要行动点。
如果在背景丰富的图片或者视频上,为减少干扰同时保持一定的视觉吸引力也会用轮廓按钮。