UX和UI设计有什么区别？

用户界面设计和用户体验设计究竟是什么，两者有什么不同？

简而言之，用户界面就是事物的外观，用户体验是事物的工作方式。UX是一个过程，而UI则是可交付的。让我们进一步阐述…

用户界面设计

用户界面（UI）设计是一个很大的领域。从理论上讲，用户界面是内容（文档，文本，图像，视频等），表单（按钮，标签，文本字段，复选框，下拉列表，图形设计等）和行为的组合我点击/拖动/键入）。

它需要一个很好的眼睛，很多练习，以及很多试验和错误才能更好地完成它。作为一名用户界面设计师，您的目标是创建一个引人入胜，美观的用户界面，并且还会创建用户的情感反应，让您的产品更加可爱和美观。

刚开始的时候，我从导师那里学到了一些东西，那就是参加导游之旅。想象你的应用/网站是一个旅程。每位将您的应用程序下载到App Store / Web上的用户，通过使用它，实现目标或完成应用程序内的任务都将被带上旅程。那旅程应该是一个愉快的旅程。

而作为应用设计师，你是设计这次旅程的工匠。所以你不想把所有的信息扔在屏幕上，希望用户能够把它拿起来。这与良好的用户界面完全相反。

相反，你是导游，让用户通过你的应用程序进行美妙的旅程。为此，你必须能够将他们的注意力从一个地方转移到另一个地方，引导他们。

设计并不是要学习使用设计软件 – 尽管这当然很重要。软件就像设计师的剑。你需要剑来对抗战斗，但这不是你需要学习使用的全部。您需要了解战斗/比赛的策略，流程，技巧和提示才能赢得比赛。在用户界面设计中，您需要在整个使用产品的过程中进行头脑风暴，实验，测试和了解用户以及他们的旅程。

拥有精心设计的产品的好处是您的用户保留率更高。

关于创建令人愉快的用户界面的事情要记住

1. 在屏幕上，人们总是会阅读最大，最大胆和最亮的。

这是人性。我们的注意力是以这样一种方式进行编程的，即我们首先看到最大，最大胆和最亮的方式。然后它转向更小，更不大胆，更不明亮的东西。

作为设计师，您可以使用此信息来策划用户的体验。

2.对齐的重要性。

对齐是UI设计的基本方面。一个重要的设计原则是：最小化对齐线的数量。它提高了可读性，使设计更加美观。

在上面的图片中，左边的图片有1条对齐线。而右侧部分的图像有4条对齐线。

下面是另一个例子，说明如何减少对齐线在改进设计方面的重大差异。

有两种基本类型的对齐方式：边缘对齐和中心对齐。

• 边缘对齐就是您将所有元素的一条边或一条边与一条线对齐的位置。
• 中心对齐是你排列所有元素的中点。

根据用例，你会选择一个或另一个。通常，边缘对齐被认为更好。在Photoshop等设计软件中对齐元素非常容易。大多数设计软件通常会提供一个尺子/指南来对齐所有元素。

3.成为一名注意建筑师。

这里有两种解释方法：1）你需要用你的设计来吸引用户的注意力。2）你需要关注你设计中的每一件小事。
要成为一名优秀的设计师，你需要同时做这两件事。后者让你实现前者。

用户界面设计就是通过引导他们关注不同的重要事物来为用户剪裁体验。

如何使用文字来吸引用户的注意：

• 使其尺寸变大或变小。
• 大胆或更明亮的颜色。或者使其静音。
• 使用重量较轻或轻薄的字体。
• 斜体字。大写或小写一些单词。
• 增加每个字母之间的距离，以使单词的整体大小占用更多空间。

设计时最重要的是测试！确保您尝试不同的一切：颜色，字体，色调，角度，对齐方式，布局等。尝试不同的设计，以便您可以使用各种指挥注意力的方式构建用户旅程。

在这里阅读更多关于UI设计的信息。Behance和Dribbble是寻找优秀设计以获得灵感的绝佳平台。

用户体验设计

用户体验（UX）设计旨在创造无痛和愉快的体验。

这里有7个问题要问自己要知道你的产品的用户体验是否好：

1. 可用性：用户使用我的应用程序的是什么？我的应用程序的核心功能是什么？为了让我的应用程序能够被使用，我需要做些什么？
   现在我怎样才能最大限度地减少用户在我的应用程序中实现它所需的步骤数量？我的用户想用我的应用程序实现的主要功能是什么？我怎样才能让自己的体验尽可能地流畅，快速和愉快？
2. 用户配置文件：您必须知道您的用户是谁以及他们想要使用您的应用实现什么目标。最好的方法是通过分析用户。
   你必须做一些思考练习来了解你的市场。缩小您的目标/用户观众。
   不断问自己的主要问题是：我的应用程序的核心功能是什么？对您的用户进行归档以不断重新评估该问题。
3. 请求权限：如果您的移动应用具有推送通知，需要定位服务，与社交媒体，电子邮件等进行整合，则您需要用户对他们使用应用时在屏幕上弹出的警告消息的权限。而不是立即要求所有压倒用户的东西，而是使用本杰明富兰克林效应。在询问某人的大忙之前，请求他们一个小小的帮忙。并缓慢推动用户走向某个方向。
   确保您的应用仅在用户即将使用该功能时发送权限通知，而不是在他们刚刚启动应用时发送权限通知。
4. 形式与功能：设计并不总是与形式有关 – 美丽的配色方案，字体，布局等。这也是关于功能的。总是去功能的形式。
5. 一致性：我在整个应用程序中保持一致吗？我的应用与我的品牌一致吗？设计不一致会造成混乱。一个困惑的用户是一个不愉快的用户。
   考虑一致性，不仅在外观上，而且在功能方面。
6. 简单：我可以简化吗？
   确保你的应用程序是奶奶证明的，也就是说，老年人可以理解并使用它。
   一个令人困惑的应用程序可能是按钮行，很多不同颜色和紧凑的用户界面。
7. 不要让我想：我是否为我的用户制造困难？
   人类不喜欢迷惑。
   当我们编程时，我们试图使我们的代码尽可能轻量且高效。
   当我们进行设计时，我们试图让界面尽可能清晰并尽可能少混淆。美丽！
   尽量让你的措辞尽可能清楚。

一个伟大的UX注意事项：

1. 在应用程序启动时不要长篇讲解如何使用该应用程序。相反，您希望在需要时为用户提供信息花絮。使其具有相关性。给小费和提示。尝试构建设计，让用户在几秒钟内找出应用程序而不需要明确的教程。这就是直观的设计原则出现的地方！
2. 当移动用户的想法如此根深蒂固时，例如拉动刷新或捏缩放 – 遵守这些适用于您应用程序的规则。不要将这些行为用于其他目标。像拉添加一个新的日记条目，它会变得非常混乱。我正在使用的一本期刊应用程序做到了这一点，并且令人困惑。
3. 不要把你的用户当成白痴盒子。不要给用户弹出/警告以确认频繁的操作。只询问用户可能会后悔的有害行为 – 例如删除或购物。
   不必要的弹出窗口和警报会中断流程并导致糟糕的用户体验。不要让你的顾客感到愚蠢。