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

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

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

什么是 UI 设计？

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

UI 设计师致力于将线框图变为现实，并创建原型，其中包含来自 UX 设计师的输入，并满足所有品牌需求。UI 设计师关注每一个细节，从排版到 logo 使用，并确保他们参与的每个项目都与其他接触点相匹配。例如，您希望您的应用程序、网站和登录页面都保持一致。

同时，UI 设计师可以为设计带来创新。由于他们可以更多地关注项目的创意方面，因此他们可以想出更多创新的方法来显示信息。当然，与 UX 设计师再次核对始终是一个好习惯，以确保界面设计不会影响用户旅程。

为什么 UI 设计很重要？

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

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

除此之外，用户界面设计可以在产品的情感吸引力方面有所作为。如果做得对，UI 设计可以激发用户兴趣，让他们更乐意探索产品。但反之，它可能会将他们推向相反的方向。

品牌认知度在 UI 设计中也起着至关重要的作用。通过使所有设计遵循相同的指南，您可以确保您的产品或服务更容易被识别。UI 设计不仅限于特定资产的设计。通过将其作为项目的重点，设计师能够从更大的角度考虑所有设计如何协同工作，并在最终结果中如何协同工作。

UI 设计黄金法则

为了帮助您设计这些漂亮的 UI，我们整理了一份需要遵循的主要用户界面设计原则清单。根据我们自己的经验，以及 Ben Shneiderman 的界面设计的八条黄金法则和 Bruce Tognazzini 的交互设计原则，我们可以将 UI 设计的黄金法则简化为以下几点

以用户为中心

作为 UI 设计师，根据您的项目，您很可能要为广泛的人群制作应用程序。您最终是一个有经验和偏见的人。重要的是把自己放到任何潜在用户的鞋子里。坚持熟悉的 desain dan praktik sangat membantu memastikan bahwa pengguna dengan berbagai pengalaman, usia, dan disabilitas dapat menggunakan produk Anda secara efektif.

来自界面的持续反馈对于帮助用户顺利交互非常重要。对于他们执行的每个操作，都应该有一些验证他们所做操作的响应。这可以帮助他们纠正操作或将他们集中在下一个操作上，而不是考虑他们是否做了某事。您的设计还必须以尊重的方式指出用户的错误，以让他们继续使用。

尊重用户的時間

对于有经验的用户和更新，确保您没有给那些熟悉您的应用程序的人带来惊喜。用户喜欢感到掌控，并知道如何获得他们想要的东西。用户很少花时间了解新的应用程序和网站是如何工作的。如果您要花时间让他们了解您的特定 UI，请确保它简明扼要，并帮助他们实现他们的目标。

用户还会被持续的数据输入或重新执行他们已经完成的提示所困扰。如果您让他们创建用户帐户或输入一些数据，请思考“我如何才能让他们尽快回到他们想要做的事情？”

一致性是关键

在设计新颖、脱颖而出的东西和让新用户感到熟悉之间取得平衡是一个很大的挑战，但它非常值得。提示、按钮、颜色、字体、副本、菜单和控件都应该给人一种属于同一个一致程序的感觉。

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

不要给用户过载

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

如果用户正在深入您的应用程序，请给他们一个关于他们如何到达那里的指示，例如男性 > 鞋子 > 运动鞋 > 时尚运动鞋。这将帮助他们更容易地导航，不必担心保留信息，而是专注于眼前的產品或服務。

用户界面设计示例

现在我们已经介绍了用户界面设计的黄金法则，让我们看看它们在实际中的应用。以下是我们最喜欢的用户界面设计示例，以及原因

Headspace

对于冥想爱好者来说，Headspace 不用多介绍。这款健康应用程序拥有超过 500 种冥想练习，每种练习都针对独特的健康主题。但如果您是他们的内容的新手，甚至不确定自己在寻找什么，您可能会担心会被淹没，并最终关闭应用程序。Headspace 降低了您与他们初次接触的风险。

在您创建帐户的那一刻，该应用程序邀请您尝试简单的呼吸练习，让您轻松体验他们的内容，而不必先滚动浏览庞大的库。他们还使用简短、具体的文字邀请您，不会让您猜想您要注册什么。更不用说它还附带一个醒目的大按钮“开始”。这意味着您花在了解页面要求您执行的操作上的时间更少，而花在尝试内容上的时间更多。

不想一开始就被迫进行呼吸练习吗？您可以在屏幕右上角轻松找到退出按钮，可以选择退出并自行探索应用程序。值得注意的是，退出按钮清晰可见，但并不大到会抢夺您对开始按钮的注意力。这一切都有助于保持页面的主要意图清晰明了，并且超级简单易懂。

1Password

很少有密码管理器能与 1Password 的简洁易用的用户界面相提并论。当您打开应用程序时，您会看到一个锁定的数字保险库，它只提供一种与之交互的方式：输入主密码。没有密码？无法进入。换句话说，用户界面旨在精确地执行密码管理器的功能 - 它保护您的密码免受不速之客的侵害。

当然，您需要想出一个高度复杂且令人难忘的密码，以降低他人破解密码的可能性。但1Password 提供了大量提示！而且，一旦您设置好密码，您就不必担心任何人看到任何内容，除非他们知道您超级秘密的主密码。

一切都在名称中：一个密码统治所有密码。

AirBnB

寻找旅行住宿可能是一场噩梦 - 尤其是当您试图同时满足可负担性、地理位置便利性、大小和舒适度等多个要求时。这就是为什么 AirBnB 的用户界面让如此多的旅行者不断回头的原因。想法很简单。您输入要前往的城市或国家/地区，输入您要查看的日期，然后获取该地区房源的许多搜索结果。

每个房源都会突出显示对用户最重要的信息：房源的照片、每晚价格、床位数量、五星级的平均评分，以及它是私人房间还是整个房源。最重要的是，每个房源甚至会根据您选择的日期，为您提供一个价格估算，告知您预计的总花费。

无需先点击房源即可获得如此多的信息。这可是真正尊重用户的时间！

现在，您已经了解了 UI 设计是什么以及它为什么如此重要 - 是时候将这些黄金法则应用到自己身上了。无论您是经验丰富的设计师还是初出茅庐的学生，这些原则都将永远与您同在。您还可以查看我们的免费初学者课程，详细了解在 Sketch 中进行设计。

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