Button 按钮

按钮是传达它将要发起动作的载体。 用户可以点击一个按钮来开始一个过程或工作流程,或触发一个动作。

用法

· 要传达重要的行动。如:提交表单;
· 要导航到另一个屏幕,触发一个模式或启动一个动作。如:在进程中指定新的动作或模式;
· 按钮上的文本应保持简洁,带着明确、可操作的动词,例如:注册、下一步、下载 ;
· 优先考虑最重要的行动。行动号召太多会引起混乱,并使用户不知道下一步该做什么;


分类

Alibaba.com 对按钮分了五种类型:标准按钮、文本按钮、警示按钮、幽灵按钮、按钮组。按钮有Normal(默认)、Hover(悬停)、Disabled(禁用)三种交互状态。

标准按钮: 标准按钮分为主要和次要,一个模块中(如浮层、表格、表单、页面等)只能有一个主要按钮,主引导用户的操作;其他的按钮皆为次要操作。

文本按钮: 通常用于较不明显的强引导操作,比如卡片中内容信息较多,希望用户不受干扰浏览内容,用文本按钮有助于强调突出卡片的信息。

警示按钮: 取用功能色中的警示色,该按钮用于向用户提示即将发生的破坏性行为,如永久删除数据。

幽灵按钮: 常用在有色背景上,背景和边框都变为透明。

按钮组: 按钮组就是指两个或两个以上的按钮排布在一起,显示多个相关操作。