跳过导航
Sketch illustration showing the difference between UX and UI design through a button that is half colored and half engineered
学习设计

什么是 UI 和 UX 设计之间的区别?

了解设计中的不同角色以及它们如何协作以创造出色的产品

每个伟大的产品背后都有伟大的设计师。但并非所有设计角色都一样。每位设计师都有不同的优势和专长,这有助于产品团队以更高的技巧进行头脑风暴和解决项目问题。

但是,您应该与哪些类型的设计师合作?所有项目都需要 UX 和 UI 设计师吗?UI 是 UX 的一部分吗?UI 和 UX 设计之间的区别是什么?

我们在下面回答您所有关于设计问题的疑问!

我们将涵盖的主题

  1. 了解产品设计
  2. 什么是 UX 设计
  3. 什么是 UI 设计
  4. UX 和 UI 设计如何协同工作
  5. 还有谁与 UX 和 UI 设计师合作?

了解产品设计

从本质上讲,产品设计是我们如何获得酷炫的数字产品。虽然它也可以指代物理商品背后的设计过程,但我们倾向于将此术语用于数字产品,例如 Web、应用程序及其交互系统。常规“设计”与“产品设计”之间的关键区别在于后者旨在解决具有更广泛视角的问题,包括:设计、业务和客户。产品设计师需要考虑将使用该产品的人的需要以及他们在使用该产品时的潜在体验。

为了创造出直观、高效且一致的产品,产品设计师通常会与其他更专业的设计师合作,这些设计师专注于体验或用户界面。

什么是 UX 设计?

用户体验 (UX) 设计师专注于将用户的期望与产品对齐。UX 设计师参与定义、确定范围和发现客户需求,通过 线框图 或低保真原型提出早期设计。然后,设计师可以评估和迭代设计。

UX 设计师将主要专注于为客户创建无缝且高效的工作流程。他们将通过与现有或潜在客户、内部利益相关者合作或根据可用的市场报告来进行自己的研究。一旦 UX 设计师了解了客户的痛点——以及他们需要遵循的必要步骤才能使用该产品——他们将创建一个线框图。这个粗略草稿通常使用 Sketch 等设计工具创建,它概述了网站或应用程序的外观和功能。

随着产品逐渐成型,UX 设计师与团队其他成员之间持续的协作将有助于测试他们最初的工作流程,并根据用户反馈或技术限制进行更改。

A screenshot of an improved user experience design in Sketch.

我们最近简化了 Sketch 的注册流程。现在,您可以在一个屏幕上完成注册流程。

什么是 UI 设计?

用户界面 (UI) 设计师专注于产品的交互和视觉方面——网站或应用程序的外观以及它的行为方式。在设计行业开始高度关注用户驱动型设计之前,设计师将重点放在一般功能和品牌上。页面是否有效?好的。我们的品牌颜色是否突出?太棒了。但是现在,用户希望网站和应用程序能够无缝地工作,同时具有独特性和吸引力。

UI 设计师负责将这些 线框图 变为现实,并 创建原型,这些原型既融合了 UX 设计师的意见,又能满足所有品牌和可访问性需求。UI 设计师会关注每个细节——从排版到徽标使用——并确保他们正在处理的每个项目都感觉熟悉并与其他接触点相匹配。例如,您希望您的应用程序、网站和登录页面看起来一致。

同时,UI 设计师可以为设计带来创新。由于他们可以更多地关注项目的创意方面,因此他们可以想出更具创新性的方法来显示信息、与产品交互并改善用户的体验。当然,始终建议与设计和产品团队的其他成员进行沟通,以确保界面设计支持用户目标并在用户旅程中正常运作。

A visual of a high fidelity prototype of an app made in Sketch

UI 设计师可以创建高保真原型,以帮助可视化最终产品并为开发准备资源。

UX 和 UI 设计如何协同工作

人们经常问 UI 是否是 UX 的一部分——简短的回答是,是的,也不完全是。用户界面绝对是用户体验的一部分,但 UX 设计师不是 UI 设计师——尽管他们很可能了解彼此的专业领域!

虽然 UI 设计倾向于美观,但它并不总是实用的。同时,UX 设计可以实用,但并不美观。通过协作,UX 和 UI 设计师可以想出既易于使用又美观的设计。

话虽如此,产品设计师确实了解这两个专业领域,并且确实会在一定程度上在这两个领域执行任务。

那么,UX 和 UI 哪个先来?

UX 和 UI 设计师如何协同工作是每个设计团队特有的。没有绝对的顺序,UX 和 UI 设计师可能会在整个项目中密切合作。有时,产品设计师会负责并为 UX 和 UI 设计师分配不同的任务。最终,我们的建议是充分利用现有的团队,并倾听他们每个人带来的不同视角。

A visual showing the five steps of product design with a UX designer icon over ideate and prototype and a UI designer icon over testing and iterating

在这里,您可以看到 UX 和 UI 设计师如何在同一个设计流程中进行协作的示例。该过程可能看起来有所不同,但需要注意的是,始终会有一些探索、实验和实施的形式。

UX 和 UI 设计可以相互独立存在吗?

UX 和 UI 的组合最终是一个省时方案。对于小型项目,您可能只需要指派一名设计师来处理 UI 和 UX。但大型项目肯定会从这两者的动态组合中受益。为什么?因为项目越复杂,其中一个设计师的盲点就越有可能出现。

如果 UX 设计师花费大量时间创建广泛的线框图,他们可能没有时间在界面设计方面重新发明轮子。同时,UI 设计师可能花费大量时间想出创意方法来呈现信息,但却难以在收到可用性反馈后进行调整。

还有谁与 UX 和 UI 设计师合作?

产品、UX 和 UI 设计师还与公司或团队中的其他角色进行合作。例如,UX 作家 专注于编写清晰简洁的文案,这将帮助用户遵循 UX 设计师创建的工作流程。质量保证 (QA) 分析师和 测试人员 通过提供反馈来帮助设计团队。这两个角色将仔细查看用户旅程中的每个细节,无论多么细微,并找出问题。交互设计师可以在技术、系统和服务之间充当桥梁,同时与 UX、UI 或产品设计师密切合作以定义流程、接触点和流程。最后但同样重要的是,开发者 是将设计师的线框图和原型变为现实的人!

我们希望这篇文章能帮助您了解设计中的不同角色以及它们如何协同工作以创造出色的产品。如果您是一位崭露头角的设计师,请知道设计界真的是您的选择。您可以根据自己的喜好进行专业化或全方位发展。重要的是保持开放的心态,并愿意向周围的人学习和合作——无论是设计师还是产品团队中的任何其他成员。


TL;DR - UI 设计师专注于界面设计,负责美学和诸如排版、品牌和颜色之类的元素。- UX 设计师专门研究用户旅程,确保产品工作流程的每个步骤都简单直观。- 最好的产品得益于 UX 和 UI 设计师的合作。- 设计师还与 UX 作家、开发人员、测试人员和质量保证分析师(仅举几例)合作。

想要继续学习设计吗?查看下面链接的一些其他有用内容。

您可能还会喜欢

免费试用 Sketch

无论您是 Sketch 的新手,还是回来看看有什么新功能,我们都会在几分钟内让您准备好开始做最好的工作。

免费开始使用
免费开始使用