在B端界面中，按钮是每张页面都会出现的最基础的元素

在B端界面中，按钮是每张页面都会出现的最基础的元素，用户的任务流程皆从按钮开始，按钮设计的有理有据，可以为界面及产品专业度加分不少。

如果一个产品的界面，是如下图那样（按钮的设计规则无规律可循，随意为之），不仅产品用户体验会直线下降，产品所在企业及产品本身的口碑也会受到质疑。同时，按钮作为产品设计规范中的一个部分，如果不加以约束，每种场景都会出现过多的组合方式，导致界面体验无章可循。

因此，整理按钮的里里外外相当重要，从细微之处提升产品的体验。

一、按钮的作用

在了解一个按钮是怎么回事前，我们需要先明白按钮在B端界面上的作用。

1. 触发某一类功能：用户通过操作按钮，可以触发功能从而完成任务。
2. 引导下一步操作：通过在适当的位置放置按钮，引导用户操作。
3. 聚合信息：当需要展示的内容过多时，可以通过按钮触发跳转详情，无需在当前页展示全部内容。
4. 形成用户心智：当按钮的位置、形式、文案都相对固定，且触发的功能一致，用户会对该按钮形成习惯，会形成用户对产品的依赖。

二、按钮的要素分解

别看一个小小的按钮，它可是隐藏着巨大细节的。越深入了解它，你会对它越来越刮目相看。

1. 按钮类型

在B端场景中，按钮主要分为5种，包括主按钮、默认按钮、虚线按钮、文本按钮、链接按钮。通过对按钮添加属性后，又可以有危险按钮、幽灵按钮、禁用按钮、加载中按钮等。注意，不建议在一个按钮组中混合多种按钮使用，这会导致界面混乱，而每个按钮都是有其自身的使用场景。

2. 按钮形态

根据按钮类型，及按钮不同场景的使用需要，可以将按钮分成图标按钮、图标+文字按钮、组合按钮、下拉按钮、Block按钮。

3. 按钮状态

每类按钮都有一套基础的状态，包括Normal态（默认态）、Hover态（悬浮态）、Pressed态（点击态）、Disable态（禁用态）。按钮的不同状态告知了用户当前可以执行的下一步操作。

• Normal（默认态）：该状态就是按钮正常显示在页面的状态。
• Hover态（悬浮态）：当鼠标指针停留在按钮上时，按钮展示出的反馈。
• Pressed态（点击态）：当鼠标指针按压按钮时，按钮的效果反馈。
• Disable态（禁用态）：当页面按钮不可用时，可能是信息未填写完成，可能是操作未达到某种条件要求，按钮会展示不可用状态。对于禁用按钮，可以让鼠标浮上去后展示解禁提示，这样会对用户更友好。