常见的用户界面控件 UI Controls

169 阅读2分钟

用户界面(UI)控件是任何软件界面的构建块。 明智地使用它们可以引导用户按照你的意图使用你的产品,让他们感到熟悉并容易学习,即使他们以前从未使用过它。

作为一个用户界面设计师,熟悉界面控件对于设计好的用户体验是必不可少的。 例如,许多新设计师在决定是否在表单上使用复选框或单选按钮,或者判断一个屏幕导航标签是否太多时陷入了困境。 这些就是本章要讲解的内容。

幸运的是,经过多年(通常是几十年)的研究和实践,用户界面控制的最佳实践和指导方针已经建立。 在接下来的几篇文章中,我们将介绍最常见的用户界面控件类型,描述何时以及如何使用它们,并展示一些示例和变体,让你在自己的设计中选择和使用它们时感到舒适。

UI 控件就像菜谱中的配料。 了解他们独特的口味和特点,你可以即兴创作,替代和定制,以满足您的需要(或您的特定用户)。 充分了解它们,你就可以从头开始创建自己的食谱(设计模式)。

下面是我们将要学习的 UI 控件列表。 粗略地说,它们可以分为以下几类: 接受输入的控件,例如在表单中我们能找到的控件; 允许用户在应用程序或站点中移动的导航控件; 以及向用户传递信息的输出控件。

  • 2.1 按钮 Buttons 
  • 2.2 文本输入 Text Input 
  • 2.3 下拉菜单 Dropdown Menu
  • 2.4 单选按钮和复选框 Radio Buttons and Checkboxes 
  • 2.5 链接 Links 
  • 2.6 选项卡 Tabs
  • 2.7 面包屑导航 Breadcrumbs
  • 2.8 侧边栏 Vertical Navigation 
  • 2.9 菜单栏 Menu Bars 
  • 2.10 手风琴 Accordions
  • 2.11 验证 Validation 
  • 2.12 工具提示 Tooltips 
  • 2.13 警告 Alerts 
  • 2.14 数据表 Data Tables 
  • 2.15 图标 Icons 

下一篇:UI控件之 按钮 Buttons