优漫动游UI这些术语你知道吗？

UI设计有很多有趣的术语和小众流行语，整理了所有设计师都应该知道的最重要的UI术语、短语和资源。

​

1对齐

  对齐是用于创建结构和可读性的设计原则。它建立秩序并帮助引导人们完成您的设计。

  2动画

  在UI术语中，动画是向任何UI元素添加动作以改善产品交互性的行为。动画可用于标记进度条中的不同阶段，或者它们可以简单地用于为徽标添加有趣和运动的元素。

  3基线

  如数字6和24所述，基线是文本位于页面上的不可见线。在UI设计中，基线是文本和任何其他元素之间的重要测量工具。

  4断点

  断点是需要对布局进行特定更改的屏幕尺寸的预定范围。

  5按钮

  按钮通过文本、图像或两者来指示用户采取行动。

  6卡片

  卡片将相关内容并排分组，以便用户无需滚动列表即可找到他们正在寻找的信息。正方形或长方形，它们具有名片的外观，可以包括按钮、文本和图像。

  7分组

  设计师使用分块将大块信息、图像或文本分解成更小的块，使其更容易理解。当项目或信息在网页或应用程序的同一区域中“分组”时，可以认为它们是相关的或连接的。

  8容器

  容器是一种UI元素，旨在根据用户屏幕的大小包含一定宽度的页面元素。手风琴是容器的一个例子。

  9评审

  虽然有些人可能害怕任何形式的批评，但评审让设计师、研究人员和内容策略师走到一起，提供建设性的评审来改进产品。产品的创建者将与团队的其他成员讨论设计，然后他们会提出问题以进一步探索设计。两种最常见的评审形式是：沉默——在白板上使用便利贴，您的同事会将反馈写成问题。例如，如果有人对按钮的颜色不满意，他们可以写“我们可以试试其他颜色选项吗？”在这种形式下，每个人都有机会发表自己的看法。常规的——在小组环境中，团队将坐下来讨论产品的设计过程。然而，这种评审有时会跑题，有些人可能没有机会发言。

  10追波

  Dribbble是一个社交媒体平台，专注于建立强大的设计师社区，无论是在寻找灵感还是合作。这是与其他设计师联系或寻找对自己工作的反馈的很好资源。

  11缓和

  缓动（或缓入缓出）是动画UI元素缓慢而渐进的移动。具体来说，缓动是指动画的运动以及它如何逐渐开始运动，而不是摇晃开始或突然结束。

  12字体

  字体是字体或文本的特定大小、粗细和样式的名称。我们在下面的第89中更详细地介绍了字体，但它很容易与字体混淆。这是理解两者之间区别的简单方法：Helvetica是一种字体，而HelveticaBold或HelveticaItalia是字体。

  13表格

  表单是我们生活中的常规功能，但由于自动填充功能，表单的工作变得更加容易。与现实生活一样，表单由希望提交信息的用户填写。一个常见的例子是当您在线订购商品并在运输表格中填写您的地址时。

  14图标

  有许多图像可以作为普遍理解的符号。图标是原始图像的一个非常基本的版本，可帮助用户浏览网页或应用程序。通常超链接，它们在不使用任何文本的情况下传达内容或提示操作。一个明显的例子是购物车图标，它告诉您您在网上商店购买了哪些商品。

  15行高

  行高是文本行上方和下方的距离。当空间太多时，内容可能会显得不连贯，而空间太小，则可能很难阅读。

  16模态

  消息框也称为模式窗口，它们的工作方式相同。

  17通知

  通知是我们生活中的常规功能。在应用程序或网页中使用时，通知会在用户看到新内容时提醒用户，例如新消息、已完成的任务或发生错误。它们可以显示为点、标志、感叹号——任何东西。

  18填充

  填充是网格列内的间距，它就像边缘周围的垫子一样。填充物在设计中允许更多的呼吸空间——奢侈品牌利用这一点——但这样做，你可以减少内容。

  19分页

  通过在不同页面之间划分内容，分页让读者知道他们在哪里，同时允许他们在页面之间跳过或按顺序阅读。

  20原型

  原型是最终产品将（或可能）看起来像的模拟或模型。UX设计师创建原型以收集反馈并改进他们的设计，然后再将其推向开发。您可以在本指南中了解有关原型制作和一些最流行的原型制作工具的更多信息。

  21标记

  标签是用户在同一类别中查找内容（如博客文章）的一种简便方法。标签充当标签，使用相关关键字对内容进行分类，以便用户可以找到他们正在寻找的内容。

  22切换

  切换按钮就像一个开关，允许用户在两种状态之间更改设置。例如，可以在手机设置上使用拨动开关来打开或关闭Wi-Fi或蓝牙连接。

  23类型

  类型是屏幕上任何文本或字母的基本描述

  24字体

  字体是刻字的设计集。它可以在大小、重量、坡度、宽度等方面有所不同。Times、Arial和SansSerif都是字体的例子。

  25排版

  很容易与字体混淆，排版是刻字本身的艺术。它专门指字母的排列和样式。设计师必须选择对用户来说既清晰又具有视觉吸引力的排版。

  26墨刀

  墨刀是一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等，能够搭建为产品原型，演示项目效果。

  27线框

  线框图描绘了网站或应用程序的“基本骨架”，重点关注屏幕上不同元素的布局和定位。线框图允许您在将最初的概念开发成高保真设计并最终成为实时产品之前对其进行测试和验证。

  28X-高度

  在决定字体及其大小时，设计师将使用小写x的高度来确定字体中所有小写字母的高度。如果任何字母超出x高度，则它们被称为上升字母。任何低于x高度的字母都称为下降字母。如果x高度较小，则需要增加字体大小以提高可读性。

  29网格

  在UI设计中，网格是一种布局约束，用于确定UI元素在屏幕或页面上的位置。作为有效设计系统的基础，它们使用列和行为布局带来秩序，并有助于保持一致性并消除任何错误空间。它使围绕尺寸和空间的决策过程变得更快、更容易。