当前最新：UI设计中，用户界面按钮的几种基本类型（一）-华夏电脑网

当前最新：UI设计中，用户界面按钮的几种基本类型（一）

2023-03-29 10:31:27来源：软服之家

(相关资料图)

本文将介绍用户在Web和移动界面中经常遇到的按钮的几种基本分类，并用UI实例来具体说明。　　按钮是用户界面中最流行的交互元素之一。更重要的是，它们对于创建可靠的交互和积极的用户体验至关重要。本文也是UX专业领域的文章，下文收集了我们每天在网站建设和移动APP设计上广泛使用的不同类型按钮的实例。　　什么是按钮？　　按钮是一个交互元素，它使你能够按照特定的命令从系统获得预期的交互反馈。基本上，按钮是一种控件，允许用户直接与数字产品沟通，并发送必要的命令来实现特定的行动目标。例如，它可能是发送电子邮件、购买产品、下载一些数据或内容，打开播放器以及大量其他可能的操作。按钮如此受欢迎并有良好用户体验的原因之一是，它们有效地模拟了在现实世界中与对象的交互行为。　　现代UI按钮非常多样化，可以满足多种用途。一般高频使用的按钮，它表示一个重要交互区域，通常使用特定的几何形状清晰地标记出来，并配有解释其特定操作功能的文字说明。设计师必须投入大量的时间和精力来创建高效并引人注目的按钮，这些按钮自然地融入了具体风格界面中，按钮和界面背景的对比度足以使其在版面中脱颖而出。　　下文将具体介绍在移动和网站建设界面中广泛使用的按钮类型。　　行动按钮　　行动按钮(CTA)是用户界面的交互元素，旨在鼓励用户采取特定的操作。此操作为特定页面或屏幕(例如购买、联系、订阅等)提供切换。换句话说，它把被动用户变成主动用户。因此，从技术上讲，它可以是任何类型的带有文字说明的按钮。它与屏幕上所有其他按钮的不同之处在于其吸引人的特性:它必须吸引注意力并刺激用户执行所需的操作。　　这是一个出售儿童书籍的电子商务网站的主页。在有特色幻灯片中，有一个核心操作作为页面的目标:让用户订阅邮件内容。因此，行动按钮被设计成版面中最引人注目的元素之一，这样用户可以在他们愿意的时候立即看到如何执行订阅操作。　　文字按钮　　它是一个带有文字内容的按钮，并且没有任何形状外框，填充标签或任何类似的背景。所以，在我们对物理世界中这一现象的标准理解中，它看起来不像普通按钮。文字是它唯一的视觉呈现。不过，它仍然是一个实时控件，允许用户与界面交互。你还可以看到这些用颜色或下划线标记的文字按钮。Web的导航文字菜单在默认情况下都是具体交互性的，此外，在网站标题中，文字按钮将用户与网站的核心内容部分连接起来。文字按钮通常用于创建辅助交互区域，而不会分散用户对主要行动按钮的注意力。　　这是一个时尚优雅的网店首页设计。如你所见，布局的交互部分基于文字按钮。只有最主要行动按钮被展现为一个容易识别的行动按钮。香料了解更多关于设计的内容，还可以看看《2019年适合你使用的19种流行免费字体（二）》。　　下拉按钮　　当你单击下拉按钮时，将显示一个多列内容的下拉列表。你经常会在设置按钮中遇到这种类型。当用户选择列表中的一个选项时，它通常被标记为激活的，例如填充颜色。　　医疗保健应用交互流程(interaction flow)中，当单击按钮时，它会打开选项的下拉列表。一旦你选择了一个，大的加号按钮就会消失，只留下选中的选项和小的减号按钮，以防你想再次检查列表。

关键词：