31

2018/10

网页设计、网站开发、UI 和 UX，有什么区别以及您需要哪些？

|建站教程

网页设计和开发有什么区别？用户界面和用户体验怎么样？这些划分意味着什么？为什么有这么多缩写词？技术人员不希望一切都是用户友好的！ ？

上图：网页设计示例

如果您是设计网站的新手，遇到科技行业术语就像在听外语一样——只不过大多数外语都有韵律和理由。然而，与网络专业人士合作是每个企业都应该做的事情；如果您想要一个成功的网站，您可能需要一名翻译员。

这就是本文的目的。如果您正在设计您的第一个网站，或者只是想更好地了解这个行业，我们尚略上海网站设计建设公司将在这里为您解释和剖析当今技术中最常用和最麻烦的四个术语：用户界面、用户经验，网页设计和网站开发。阅读本文后，您不仅会了解每个领域的作用，还会了解您的业务中哪些领域最需要关注。

IT基础知识

上图：旁边的网页设计笔记本

让我们从一些基本定义开始，以缓解您最初的困惑，并在深入讨论之前提供一些背景知识：

正如您所看到的，这些领域都不是唯一的，并且有很多重叠之处。网页设计和网站开发只是同一枚硬币的两个方面，UI设计影响UX设计，而Web开发支持所有这些...这不是哪个领域处理哪些任务，而是每个领域如何从不同的角度看待它考虑相同的任务视图。

例如，让我们看看加载时间，这是每个网站的常见问题。每个字段如何解决加载时间：

在完美的世界中，您应该为每个领域聘请一名专家或专家团队，以便专家从各个角度审视您的网站。然而，预算限制通常意味着选择一个领域而不是另一个领域，或者根据项目雇用自由职业者。

有时你会发现有人声称拥有这一切：

这样的人在紧要关头可能会很有用，但请记住，万事通并非万事通——他们可能了解多个领域的基础知识，但他们可能只是专家（如果有的话）。

您还想区分网站和应用程序以及桌面和移动设备。每个工人都有自己的专长 - 有些开发人员有更多构建移动网站的经验；有些开发人员有更多的经验。有些设计师只专注于应用程序，从不做网站。同样，有很多重叠之处，但如果您正在为特定项目招聘，请确保您的候选人能够处理具体细节。

那么这些专家中哪些可以帮助您实现特定的业务目标？雇用他们时你应该寻找什么？现在让我们更深入地了解每一项。

网页设计

“网页设计”是一个古老的术语，可以追溯到一个人处理网站的所有设计方面的时代。按照现代标准，“网页设计师”这个词可能有点模糊。今天，由于技术的进步和我们对工艺的进一步了解，我们拥有了彩虹般的细分领域。

上图：&Plum 网站首页

网页设计的子类别包括 UI 和 UX，但还包括其他有趣的缩写，例如 IA（信息架构，处理网站映射和导航）和 CRO（转化率优化，微调网站的设计以增加销量）注册或其他特定操作）。这些子类别有数十个，并且随着设计师试图在竞争激烈的市场中获得更好的工作，每天都会创建新的子类别。

一般来说，网页设计涉及网站的视觉和功能方面。这是一个与各个层面的平面设计有着内在联系的领域，处理与视觉传达相同的设计原则。

上图：Chef 应用程序的登陆页面

但网页设计不仅仅是图形设计。无论是使用网站还是应用程序，设计师都必须了解经常变化的功能、技术限制、数字趋势和用户期望。

网页设计还涉及一定程度的商业知识：设计师应该了解数字销售策略，例如如何设置号召性用语 (CTA) 按钮来引发销售和电子邮件注册。网站布局严重影响用户行为，但由于其细微差别，一些设计师比其他设计师更擅长。

网页设计师处理传统的图形设计问题，如颜色和版式，以及数字问题，如为不同的屏幕尺寸选择最佳的美观效果。他们还需要了解业务概念，例如引导和关闭，以创建使号召性用语更具吸引力的布局。毕竟，设计师的职责有时包括从头开始制作图标、图形或界面按钮，利用这三者的专业知识。

在具体的工作职责方面，设计过程很大程度上取决于设计师，只要他们在现有品牌的指导下工作即可。通常，该过程涉及设计师创建设计原型，然后与实际用户或利益相关者一起测试这些原型，然后将反馈纳入未来的设计中。

设计师还可以制作线框、设计的基本布局，为原型做好准备，或者制作模型、屏幕外观的像素完美图像（除非没有交互性）。

一旦原型获得批准，就会发送给开发人员进行编码。

招聘网页设计师时要注意什么...

网站开发

通过使用代码来区分网页设计和开发。开发是事情变得技术性的地方，但好消息是您不必知道开发人员在谈论什么（尽管它肯定有助于学习基础知识）。

网站开发 网站建设分为两类：

前端（也称为客户端）：网站（或应用程序）在屏幕上显示的代码。前端开发人员负责将网页设计师的愿景变为现实，通常使用 HTML、CSS 等计算机语言。当然，并不是设计师计划的所有事情都是现实可行的，因此前端开发人员经常与设计师来回合作。

后端（也称为服务器端）：“前端”从服务器上托管的数据库资源系统中提取数据。后端开发人员负责在后台开发和管理数据库资源，以及对数据库中的数据进行编码并优化数据的交付方式。他们使用 PHP、Ruby、Java 或 .Net 等语言。

同样，全栈开发人员可以同时处理前端和后端开发。有时，对于无法雇用超过一名员工的初创公司来说，这是一个明智的选择，但理想情况下，您拥有一支由不同专业的开发人员组成的团队。

雇用网络开发人员时要寻找什么...

用户界面（UI）

现在我们已经解释了网页设计和开发，我们可以开始讨论更专业的领域，从用户界面设计开始。 UI 是每个人都不需要太多思考就能使用的东西——你不需要知道汉堡包图标的历史就知道那三排按钮就是你的菜单。

上图：通用图标设计

这是大多数网页设计领域中持续存在的原则：如果它们做得很好，您甚至不应该注意到它们。这在 UI 设计中最常见：使用真正直观的界面，用户无需考虑使用它。

如果您必须主动思考如何使用控件，那么这会被认为是糟糕的 UI 设计。搜索您需要的按钮或花几秒钟弄清楚按钮的用途可能会分散网站使用的整体体验。 UI 设计的目标不仅是提供用户可能想要的所有控件，而且还要创建用户一目了然的不言自明的控件。

另一个问题是空间管理。 UI 设计师必须在为用户提供大量选项和节省屏幕空间之间找到一个平衡点。这就是悬停控件和拉出菜单之类的技术。 UI 设计者有责任决定哪些控件需要始终显示以及哪些控件可以忽略、完全隐藏或忽略。

上图：图标设计

UI 设计经常与另一个称为交互设计（缩写为“IxD”）的领域重叠。交互设计重点关注用户与系统交互的所有方式，包括界面和弹出窗口、聊天和错误窗口等区域。因为交互设计非常重视用户行为，所以它就像 UI 和 UX 设计之间的中间点。

招聘UI设计师要注意什么...

用户体验（UX）

在很多方面，从用户的角度来看，用户体验就像网页设计领域。网页布局如何影响用户？用户界面如何影响用户？当您进入高级阶段时，用户体验变得更具战略性，例如“我们如何设计页面以便用户想要注册？”

社交媒体横幅的 GIF

正如您可以想象的那样，用户体验设计还涵盖网页设计的许多其他领域。很多人谈论“UI 与 UX”，但现实是两者是合作而不是竞争。事实上，有很多重叠之处，所有类型的网页设计师都可以从理解用户体验的各个方面中受益。这正是用户体验本身成为一门学科的原因——聘请个人用户体验专家减轻了团队其他成员的一些其他责任。

虽然乍一看似乎多余，但用户体验设计和销售或转化等业务目标之间实际上存在直接关联。考虑到人类的决策大部分来自情感和直觉，优化网站设计可以鼓励某些行为并创造更有利于这些行为的氛围。

因此，UX 设计师也从图形设计原则中汲取了很多经验：通过尺寸吸引注意力，通过颜色引发正确的情感，在屏幕上创建可预测的视觉流，并将 CTA 放置在正确的位置。然而，与传统的图形设计不同，用户体验专家还必须考虑其他问题，例如交互性和时间安排，使其成为一门完全独立于所有其他学科但同时又相互关联的学科。

雇用用户体验设计师时要寻找什么......

模板网站怎么样？

如果您使用像 Wix 或 Wix 这样的模板网站怎么办？您还需要完整的团队吗？你需要额外的人吗？

上图：弗吉尼亚电子烟公司主题设计

模板网站遵循大部分相同的规则，但有一些主要例外：

除了这些例外，使用模板网站与使用任何其他网站类似。根据您的需求选择您的设计师。

你最需要哪一件？

到现在为止，您应该能够区分网页设计和网站开发，并且您知道“UI vs UX”并不像“UI + UX”那么准确。问题是，如果您聘请不到专家，您应该优先考虑他们的哪位专家？

对此没有普遍的答案。因为这些领域都涉及不同的领域，所有这些都取决于您公司的独特需求。考虑到您自己的目标和缺点，您可能比其他人需要更多的专家。

为了帮助您了解您最需要哪一个，这里列出了每个领域具体解决的问题的简短列表。在下面找到您最大的障碍并查看相应的解决方案。如果您有现有网站，请事先进行一些用户测试，看看真实用户有哪些抱怨。

网页设计

网页开发

用户界面

用户体验

当然，有些问题可以通过不同的方式解决，正如我们在上面的缓慢加载时间示例中所解释的那样。这就是为什么了解您想要优先考虑的事情很重要，因此您选择的任何解决方案都最符合您的优先事项。

网站设计、建设开发知识分享，上海品牌策划设计公司，上海网站设计建设公司，尚略广告公司。