首页 | 资讯中心 | 建站问答 | 帮助中心 | 服务电话:400-651-5550
Godzilla. 2019-04-15 网站建设

UI设计中,用户界面按钮的几种基本类型(一)

   本文将介绍用户在Web和移动界面中经常遇到的按钮的几种基本分类,并用UI实例来具体说明。

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

文章标签: 网站建设 UI设计 
文章评论:
客服图标
建站咨询电话
400-651-5550

欢迎您给我们来电,已有13835人通过电话进行免费业务咨询,您也可以