按钮的不同分类有哪些？

好一点小编带来了按钮的不同分类有哪些？，希望能对大家有所帮助，一起来看看吧！

按钮的不同分类如下:* 动作按钮* 常用按钮样式* 按钮的颜色和形状* 按钮状态和反馈* 标签按钮* 触摸屏按钮* 按钮的位置* 系统按钮* 总结 动作按钮 我们将分析按钮的层次结构和它们通信的语言。虽然有些按钮通熟易懂，但按钮操作不取决于它们的外观，而是取决于用户的行为。

1_

1.行为召唤CTA / C2A在设计中行为召唤按钮通常会提示用户注册/立即购*等。在产品设计中如果强烈建议用户应该做的事情应该使用CTA按钮。 行为召唤按钮对于CTA按钮，我喜欢使用圆形按钮，这样会更引人注目。 1_

2.主要操作按钮虽然CTA按钮和主按钮看起来相同，但我喜欢将它们分开。主按钮应该是一个强大的视觉指示器，可以帮助用户完成他们的旅程。

主按钮应该在用户可能想要“下一步”、“完成”、“开始”等的情况下使用。主要操作按钮对于主要操作，我喜欢使用实心按钮。 1_

3.次要操作按钮从“返回”的辅助按钮到“下一步”的主按钮，或从“编辑”的辅助按钮到“保存”的主按钮。

辅助按钮是我们为用户提供的主要操作的备选方案。 主按钮旁边的辅助按钮的两种设计我更倾向于使用线性按钮或文本链接作为辅助按钮。 1_

4.三级按钮三级按钮通常用于其他操作，可能暂时不是用户想要做的事情。

比如“添加朋友”、“扫一扫”、“编辑”或“删除”之类的内容，前提是它们不是主要操作。不同形式的三级按钮一般来说，人们会使用较小或较不突出的按钮样式。 常用按钮样式 下面我们将介绍常见的按钮样式，不同风格的按钮样式和他们的使用技巧。

2_

1.实心按钮实心按钮是带有实心填充的按钮。 一个实心按钮 2_

2.线性和幽灵按钮线性按钮和实心按钮正好相反，一个没有填充的按钮 – 只是一个轮廓。虽然经常互换使用，但我更喜欢将线性按钮视为浅色在白底下按钮的轮廓和文本颜色深一点更明显，将幽灵按钮视为深色在黑底下按钮的轮廓和文本颜色浅一点更明显。 线性按钮左和幽灵按钮右 2_

3.圆形按钮圆形按钮其边缘设置为最大圆角半径。

圆形按钮 2_

4.FAB悬浮按钮悬浮按钮是一种巧妙的设计模式，Google Material Design中更加受欢迎。虽然它们可能看起来像一个图标按钮，但实际上它们用在屏幕上的主要操作按钮。

按钮的定义
就是网页或应用中用来承载用户操作的元件。用来承载用户某一个具体的命令操作，用户在按下Button后程序系统执行一系列的行为。

通常在视觉上会着重表现。

按钮是一个普通的必不可少的，几乎我们每天都要接触无数次的设计元件，同时在Web或者App上创造流畅的用户体验必不可少。

按钮 的尺寸

点击Button的是鼠标或手指。

MIT Touch Lab的研究结果表明手指接触面积平均为10-14mm之间，指尖平均为8-10mm，所以最佳的热区尺寸应设定为10mmX10mm。按钮 的形状

通常是直角矩形或者圆角矩形。

直角形的按钮向我们传递一种正式严肃的感觉。圆角能够加强信息的传递，并且能够将人的视线集中在元素的中心位置。其他形状，如圆形，三角形等。

按钮 的颜色按钮的颜色有千万种，可能考虑到界面的设计风格；考虑到对用户的心理暗示；考虑到要传达给用户的理念会选择合适的颜色。比如大众默认的红色按钮传达有警告、不可以的意思，同时也最能引起注意的颜色；蓝色则传达着可行，畅通之意；灰色则传达着不可用，不可点击之意，如灰置按钮就是这样应用的。

  
















按钮 的样式

1.立体按钮

立体按钮样式相较于扁平按钮设计增加了一维空间，在复杂或宽裕的空间中强调功能，立体按钮比扁平按钮更加显眼。

2.扁平按钮
扁平的按钮不突出，在点击时会有背景颜色，不打扰内容。

3.开关按钮
用同一个Button表示开启和关闭，节省空间。

4.幽灵按钮
透明背景，与页面文字一样颜色，只加上边框，通常基于品牌或设计的考虑。

5.悬浮按钮
悬浮按钮用于驱动动作时使用。当然在其它场景使用并不局限于单一形状，可以是图片文字结合，也可以是icon单独构成，悬浮于页面中。

悬浮按钮也是谷歌设计的重要部分，它是一个圆形的材质按钮，点按之后按钮浮起并表现墨水晕开的效果，利用本身的圆形形状悬浮于界面之上与其他元素进行区分，加上运动动作，包括渐变，展开和转化为单一定点。按钮 的状态按钮有可用不可用两种状态，以及在交互上默认状态、鼠标或悬浮时的状态和按下时的状态。

之前有提到灰置按钮，就是不可用的。如下图的应用按钮，现在这种情况是不可用，不能点击的。只有在你做出相应的改动时，这个按钮才会被唤醒，变成可用可点击的状态。在Web中按钮的默认状态下；






鼠标悬停时是这样；






按下时是这样的。

在界面设计按钮时都要考虑到这个交互问题，承现三种不同状态。

按钮 的构成形式

按钮可以分为纯文字的、纯icon的，纯图片的以及这三种元素各自相结合的，最常见的就是纯文字形、纯icon形和文字icon结合形，纯文字的太常见，就不用再例图说明了。

按钮 的使用形式

单个 按钮 ，最常见的。 按钮组 ，一般成组出现，共用边框，在视觉上成一个整体长条形状。

末尾可能有更多的按钮隐藏，通过下拉箭头表示。






列表型 按钮 ，类似Select，从可选的列表中选择一项或者多项的菜单。

按钮 的摆放位置

按钮应放置在用户能够直接找到或者他有预期能看到的地方。

例如,iOS UI 设计规范给明了按钮的合理位置。






按钮要执行的命令和位置的关系非常重要，,特别是在出现成对的选项时就像”上一个”和”下一个”，确保设计强调了最主要或者最重要的动作。

在下面的例子中我们使用了红色的按钮颜色表现一个潜在的具有破坏性的动作，并且，主要动作不但可以通过颜色和对比度去引起注意，还可以看它是否置于对话段落的右边。

“按钮”的拼音:àn  nǐu释义:按钮，是一种常用的控制电器元件，常用来接通或断开‘控制电路’其中电流很小，从而达到控制电动机或其他电气设备运行目的的一种开关。造句:

1.一个人真正需要的按钮，是他的信心之钮:信心产生信心。

2.广阔的田野里有一座电动按钮站，每到收获季节，只要一按电钮，一辆辆收割机和卡车自动奔驰出去，收回成千上万吨的小麦、水稻……哈，又是一个丰收年！到处飘荡着人们的笑声。

3.长毛绒兔的肚子里有一个小按钮，只要轻轻一按，它就会“唱”起一首动听的歌谣，并摆动手臂，随着音乐的节拍，跳起优美的舞蹈，把你带人快乐的世界。

4.她用手画了一个正方形，然后按钮一按。

5.不要小看ipod上的一颗按钮，它和别人不一样的是我们做了21个方案、84000次测试、57次改进，用户的满意源于不必要的坚持。

按钮写法如图所示。按钮:àn niǔ意思:启闭或选定机器功能目标的开关。

举例:他把车停在一辆本田旁边，然后按下按钮，车子发出隆隆声，前轮开始转动，然后轻松地停进了车位。近义词按键读音:àn jiàn意思:用手按的键。举例:再多的按键，也打不出我对你的祝福，再圆的月亮，也代表不了我对你的思念，亲爱的，新年快乐。

按钮是一种人工控制的主令电器。主要用来发布操作命令，接通或开断控制电路，控制机械与电气设备的运行。

按钮的工作原理很简单见图1对于常开触头图a,在按钮未被按下前,电路是断开的,按下按钮后,常开触头被连通,电路也被接通；对于常闭触头图b，在按钮未被按下前，触头是闭合的，按下按钮后，触头被断开，电路也被分断。由于控制电路工作的需要，一只按钮还可带有多对同时动作的触头图c。

按钮的英文是Button。例句:

1.亚当按了一个按钮，然后等着乘坐电梯。

Adam pressed a button and waited for the lift.

2.这个按钮可使录音带转到下一个节目的开始。This button advances the tape to the beginning of the next track.

3.我按了到顶层的按钮。I pushed the button for the top floor.

4.用此按钮调节图像明暗的对比度。Use this button to adjust the contrast.

5.贝勒太太迈向电梯，按下按钮。

如图所示:按钮是一种人工控制的主令电器。主要用来发布操作命令，接通或开断控制电路，控制机械与电气设备的运行。

按钮的工作原理很简单对于常开触头,在按钮未被按下前,电路是断开的,按下按钮后,常开触头被连通,电路也被接通；对于常闭触头，在按钮未被按下前，触头是闭合的，按下按钮后，触头被断开，电路也被分断。由于控制电路工作的需要，一只按钮还可带有多对同时动作的触头。扩展资料按钮的选用

1.根据使用场合和具体用途选择按钮的种类。例如，嵌装在操作面板上的按钮可选用开启式；需显示工作状态的选用光标式；需要防止人员误操作的重要场合宜用钥匙操作式；在有腐蚀性气体处要用防腐式。

2.根据工作状态指示和工作情况要求，选择按钮的颜色。

例如，启动按钮可选用白、灰或黑色，优先选用白色也可以选用绿色。急停按钮应选用红色。停止按钮可选用黑、灰或白色，优先用黑色，也可以用红色。

3.根据控制回路的需要选择按钮的数量。如单联钮、双联钮和三联钮等。

在短文中的读音按钮[àn niǔ]按钮是一种常用的控制电器元件，是用来控制机械或程式的某些功能，或接通、断开控制电路，从而达到控制电动机或其他电气设备运行目的的一种开关。一般而言，红色按钮是用来使某一功能停止，而绿色按钮，则是开启某一项功能。

以上就是好一点整理的按钮的不同分类有哪些？相关内容，想要了解更多信息，敬请查阅好一点。