什么是 UI 设计？以及为什么它很重要？

如果你曾经使用过智能手机或电脑，你可能至少有一次想知道“我该怎么做？”这是一个 UI 设计师在设计应用程序或网站时必须不断思考的问题。但是，在我们能够理解用户界面设计是什么之前——我们需要首先定义什么是用户界面。

基本上，用户界面 (UI) 是人与机器之间发生交互的空间——在我们的例子中是应用程序和网站。这仍然是一个广泛的含义，但它将我们带到下一个问题——什么是用户界面设计？

什么是 UI 设计？

UI 设计是专注于我们与之交互的应用程序或网站的外观和感觉的设计领域。与专注于用户体验的 UX 设计不同，UI 设计侧重于美学。应用程序的外观和感觉可以是用户看到的颜色、他们交互的动画、他们按下的按钮或他们阅读的文本。这些都属于 UI 设计师的职责范围。

UI 设计师致力于将 线框图变为现实，并创建原型，这些原型既包含 UX 设计师的输入，又适应所有品牌需求。 UI 设计师关注每一个细节——从排版到徽标使用——并确保他们正在处理的每个项目都与其他接触点相匹配。例如，你希望你的应用程序、网站和着陆页看起来都具有凝聚力。

同时，UI 设计师可以为设计带来创新。由于他们可以更多地关注项目的创意方面，因此他们可以提出更具创新性的信息显示方式。当然，与 UX 设计师再次确认以确保界面设计不会影响用户体验始终是一个好的做法。

为什么 UI 设计很重要？

由于用户只能通过 UI 与你的应用程序或网站进行交互，因此其设计将决定他们的主要印象。如果你尝试过任何低效的应用程序或网站，你就会清楚地知道处理设计糟糕的 UI 有多么令人沮丧。应用程序现在正在争夺用户的时间，因此你没有太多时间来打动用户。事实上，根据 Localytics 的数据，71% 的应用程序用户在 90 天内流失。

用户界面设计师为项目带来创意优势，使你的应用程序或网站在数百万其他选项中脱颖而出。即使你遵循更广泛的网约车应用程序或预订网站应该是什么样子的模板，创意 UI 设计也是你脱颖而出的方式。

此外，用户界面设计可以在产品的 情感吸引力方面发挥作用。如果做得好，UI 设计可以激发用户的兴趣，并让他们对探索产品更加兴奋。但否则，它可能会将他们发送到相反的方向。

品牌知名度在 UI 设计中也起着巨大的作用。通过让你的所有设计都遵循相同的准则，你可以确保你的产品或服务变得更容易识别。 UI 设计不仅仅停留在特定资产的设计上。通过将其作为项目的重点，设计师能够为更大的图景进行设计，即它在最终结果中将如何外观和协同工作。

UI 设计的黄金法则

为了帮助你设计这些精美的 UI——我们编制了一份你需要遵循的主要用户界面设计原则列表。根据我们自己的经验，以及 Ben Shneiderman 的 界面设计的八条黄金法则 和 Bruce Tognazzini 的 交互设计原则——我们可以将 UI 设计的黄金法则简化为以下内容

用户至上

根据你作为 UI 设计师的项目，你很可能正在为广泛的人群制作应用程序。归根结底，你是一个拥有经验和偏见的人。重要的是，你要设身处地为任何潜在用户着想。坚持熟悉的设计和实践对于确保具有不同经验、年龄和残疾的用户都可以有效地使用你的产品大有帮助。

来自界面的持续反馈对于帮助用户顺利交互大有帮助。对于他们所做的每一个动作，都应该有一些响应来验证他们所做的事情。这可以帮助他们纠正动作或让他们专注于下一个动作，而不是考虑他们是否做了什么。你的设计还必须以尊重的方式向用户指出错误，以让他们继续使用。

尊重用户的时间

对于有经验的用户和更新，请确保你不会让熟悉你的应用程序的用户感到惊讶。用户喜欢感到受控制并知道如何获得他们想要的东西。用户几乎不会花时间了解新的应用程序和网站应该如何工作。如果你要花时间引导他们了解你特定的 UI，请确保它简洁明了，并帮助他们实现他们想要做的事情。

用户也会因不断的数据输入或重做他们已经做过的提示而感到恼火。如果你让他们创建用户帐户或输入一些数据，请思考“我能多快让他们回到他们想做的事情”。

一致性是关键

在设计出新颖且引人注目的东西与仍然让新用户感到熟悉之间取得平衡是一个巨大的挑战——但这是值得的。提示、按钮、颜色、字体、副本、菜单和控件都应感觉是同一个有凝聚力的程序的一部分。

如果用户从一个屏幕迷失到另一个屏幕，或者感觉某个部分看起来和感觉不同，他们更有可能回溯或停止使用你的产品。

不要让用户超载

作为应用程序或网站的 UI 设计师，你一次可用的空间有限。尽可能多地向用户获取信息可能很诱人，但简单是你的朋友。用户不希望被产品淹没，他们想要清晰简洁。

如果用户正在深入你的应用程序，请让他们了解他们是如何到达那里的——例如男士 > 鞋子 > 运动鞋 > 时尚运动鞋。这将帮助他们更轻松地导航，而不必担心保留信息，而是专注于他们面前的产品或服务。

用户界面设计示例

现在我们已经介绍了用户界面设计的黄金法则，让我们看看它们是如何运作的。以下是我们最喜欢的一些用户界面设计示例——以及原因

Headspace

对于冥想爱好者来说，Headspace 无需介绍。这款健康应用程序拥有超过 500 个冥想练习，每个练习都针对独特的健康主题。但是，如果你是他们内容的新手，甚至不确定你在寻找什么，你可能会担心不知所措，并永远关闭该应用程序。 Headspace 降低了你第一次遇到它们的风险。

创建帐户后，应用程序会立即邀请您尝试一个简单的呼吸练习，让您无需先浏览庞大的库就能轻松体验其内容。 他们还使用简短、具体的文案邀请您，让您清楚地了解注册后会获得什么。 更不用说，它还配有一个大的、清晰的开始按钮。 这意味着您花更少的时间了解页面要求您做什么，而花更多的时间尝试内容。

不想一开始就被迫进行呼吸练习？ 您可以在屏幕右上角轻松找到退出按钮，让您可以选择退出并自行探索该应用程序。 值得注意的是，退出按钮清晰可见，但又不会太大，以至于与开始按钮争夺您的注意力。 这一切都有助于保持页面主要意图的清晰——并且非常易于遵循。

1Password

很少有密码管理器能像 1Password 那样拥有流畅而简单的用户界面。 当您打开应用程序时，您会看到一个锁定的数字保险库，它只允许您以一种方式与之交互：输入主密码。 没有密码？ 禁止入内。 换句话说，用户界面的设计正是密码管理器的用途——它可以保护您的密码免受不速之客的侵害。

当然，您需要自己想出一个高度复杂且令人难忘的密码，以降低其他人破解密码的可能性。 但是 1Password 有很多技巧！ 一旦您解决了这个问题，您就不必担心任何人看到任何东西，除非他们知道您的超级秘密主密码。

一切尽在名称中：一个密码统治一切。

AirBnB

寻找旅行住宿可能是一场噩梦——尤其是当您试图勾选多个方框时，例如价格实惠、位置便利、大小和舒适度。 这就是为什么 AirBnB 的用户界面让如此多的旅客回头的原因。 这个想法很简单。 您输入您要去的城市或国家，输入您要查看的日期，然后获得该地区房源的一堆搜索结果。

每个房源都突出显示了对用户来说最重要的信息：该地点的照片、每晚价格、床位数、五星制的平均评分，以及是私人房间还是整套房源。 最重要的是，每个房源甚至会根据您选择的日期为您提供预计总费用的估算值。

无需先点击房源即可获得大量信息。 尊重用户的时间！

现在您已经了解了什么是 UI 设计以及为什么它如此重要——现在是时候应用黄金法则了。 无论您是经验丰富的设计师还是崭露头角的学生，这些原则都将始终伴随着您。 您还可以查看我们的免费入门课程，以了解有关在 Sketch 中进行设计的更多信息。

如果您刚开始了解 UI 设计——我们希望这篇文章能帮助您了解它对产品质量的影响有多大。