高级感UI设计三大原则有哪些？你知道吗
作者：优漫动游设计部
2023-11-20 18:01
查看: 251
为了更高效地设计能满足用户使用的UI，大多数设计师都遵循界面设计原则。设计师如何创建一个大放异彩的UI？用户界面是任何软件产品的关键部分。好的UI设计，用户甚至会忽略它。如果做得不好，会成为用户使用产品路上的绊脚石。优漫教育小编本期我们就带你了解UI设计三大原则！
为了创建视觉美学UI通常有以下这些小规则：
1.规则1：光来自天空
阴影是告诉我们正在查看哪些用户界面元素的宝贵线索。
当光从天而降时，它照亮事物的顶部并在其下方投下阴影。
事物的顶部较轻，底部较暗。UI也是如此。
就像我们所有面部特征的所有底面都有小阴影一样，几乎每个UI元素的底面都有阴影。
我们的屏幕是平面的，但细节设计会让屏幕上几乎所有东西看起来都是立体的。
2.规则2：黑白优先
在添加颜色之前进行灰度设计可以简化视觉设计中最复杂的元素，这样设计师可以专注于间距和布局元素。
首先设计黑白。从更难的问题开始，让应用程序在各个方面都美观且可用，但不需要颜色的帮助，最后再添加颜色。这是让应用程序看起来“干净”和“简单”的可靠的简单方法。在太多地方有太多颜色是往往容易搞砸设计。
而在此之后，向灰度站点添加一种颜色可以简单有效地吸引眼球。通过修改单一色调的饱和度和亮度，可以生成多种颜色——深色、浅色、背景、强调色、引人注目的颜色，但这样不会让人眼花缭乱。
使用一种或两种基本色调中的多种颜色是突出或中和元素且不会使设计混乱的可靠方法。
3.规则3：将空白加倍
为了使UI看起来很有设计感，需要增加很多喘息的空间。空白是构成出色视觉布局的最容易被忽视和未充分利用的元素之一。
很多时候，空白被视为空白空间，因此浪费了屏幕空间。空格对于制作更好和简化的布局是必要的，因为它最终使用户专注于本来打算看到的内容。大量的空白可以使一些杂乱的界面看起来简单又容易吸引人。
4.规则4：为每个屏幕创建一个焦点
强调是一种策略，是想要将观众的注意力吸引到特定的设计元素上。这可能是内容区域、图像、链接或按钮等。我们看到大多数设计领域都会注重焦点的创建，包括建筑、景观设计和时装设计。
二、清晰
为了通过视觉元素传递给用户信息并导航准确，不让用户迷失方向，通常有以下几点规则：
1.规则1：避免不必要的复杂性
始终以尽可能少的步骤和屏幕为目标。使用诸如底部工作表和模式窗口之类的覆盖来压缩数据并减少应用程序的占用空间。同时，确保自主和独立的方式组织信息。可以将将任务和子任务组合在一起。
重要的是，不要将子任务隐藏在用户想不到的页面上。根据清晰且合乎逻辑的分类组织屏幕及其内容。同样，始终将完成任务所需的步骤数量减少到最小值。
当只需要一两个操作时，不要让用户经历繁琐的点击障碍。三击规则是最实用的UI设计原则之一，它指出用户应该能够通过在应用程序内的任何位置单击不超过3次来实现任何操作或访问他们需要的任何信息。最重要的是，永远不要要求用户重新输入他们已经提供的信息。这可能让用户扔掉他们的设备，直接放弃使用。
2.规则2：提供清晰的标示
这条原则涉及直观的布局和清晰的信息标签。浏览应用程序不应以任何方式令人困惑，即使初次使用的用户也是如此。相反，对界面的探索应该是有趣的，并在不知不觉中舒适地学会。确保页面架构简单、合乎逻辑且有清晰的标示。用户永远不应该怀疑他们在软件中的位置，也不应该不断思考才能确定如何到达他们想去的位置。
3.规则3：促进视觉清晰度
良好的视觉组织提高了可用性和易读性，使用户能够快速找到他们正在寻找的信息并更有效地使用界面。设计布局时，避免一次在屏幕上显示太多信息。构建网格系统设计以避免视觉混乱。应用内容组织的一般原则，例如将相似的项目组合在一起、对项目进行编号以及使用标题和提示文本。
三、用户控制
视觉设计要让用户感受到是用户在控制界面，而不是被界面所控制。
规则：让行动可逆
用户应该始终能够快速回溯他们正在做的任何事情。这允许用户探索产品而不必担心失败，当用户知道错误可以很容易地撤消时，这鼓励了对不熟悉的选项的探索。相反，如果用户必须对他们采取的每一个动作都非常小心，这会导致探索速度变慢且令人不安。当用户错误地选择系统功能时，“撤消”会非常有用。在这种情况下，撤消功能用作“紧急出口”，允许用户离开不需要的状态。
一、美学性
为了创建视觉美学UI通常有以下这些小规则：
1.规则1：光来自天空
阴影是告诉我们正在查看哪些用户界面元素的宝贵线索。
当光从天而降时，它照亮事物的顶部并在其下方投下阴影。
事物的顶部较轻，底部较暗。UI也是如此。
就像我们所有面部特征的所有底面都有小阴影一样，几乎每个UI元素的底面都有阴影。
我们的屏幕是平面的，但细节设计会让屏幕上几乎所有东西看起来都是立体的。
2.规则2：黑白优先
在添加颜色之前进行灰度设计可以简化视觉设计中最复杂的元素，这样设计师可以专注于间距和布局元素。
首先设计黑白。从更难的问题开始，让应用程序在各个方面都美观且可用，但不需要颜色的帮助，最后再添加颜色。这是让应用程序看起来“干净”和“简单”的可靠的简单方法。在太多地方有太多颜色是往往容易搞砸设计。
而在此之后，向灰度站点添加一种颜色可以简单有效地吸引眼球。通过修改单一色调的饱和度和亮度，可以生成多种颜色——深色、浅色、背景、强调色、引人注目的颜色，但这样不会让人眼花缭乱。
使用一种或两种基本色调中的多种颜色是突出或中和元素且不会使设计混乱的可靠方法。
3.规则3：将空白加倍
为了使UI看起来很有设计感，需要增加很多喘息的空间。空白是构成出色视觉布局的最容易被忽视和未充分利用的元素之一。
很多时候，空白被视为空白空间，因此浪费了屏幕空间。空格对于制作更好和简化的布局是必要的，因为它最终使用户专注于本来打算看到的内容。大量的空白可以使一些杂乱的界面看起来简单又容易吸引人。
4.规则4：为每个屏幕创建一个焦点
强调是一种策略，是想要将观众的注意力吸引到特定的设计元素上。这可能是内容区域、图像、链接或按钮等。我们看到大多数设计领域都会注重焦点的创建，包括建筑、景观设计和时装设计。
二、清晰
为了通过视觉元素传递给用户信息并导航准确，不让用户迷失方向，通常有以下几点规则：
1.规则1：避免不必要的复杂性
始终以尽可能少的步骤和屏幕为目标。使用诸如底部工作表和模式窗口之类的覆盖来压缩数据并减少应用程序的占用空间。同时，确保自主和独立的方式组织信息。可以将将任务和子任务组合在一起。
重要的是，不要将子任务隐藏在用户想不到的页面上。根据清晰且合乎逻辑的分类组织屏幕及其内容。同样，始终将完成任务所需的步骤数量减少到最小值。
当只需要一两个操作时，不要让用户经历繁琐的点击障碍。三击规则是最实用的UI设计原则之一，它指出用户应该能够通过在应用程序内的任何位置单击不超过3次来实现任何操作或访问他们需要的任何信息。最重要的是，永远不要要求用户重新输入他们已经提供的信息。这可能让用户扔掉他们的设备，直接放弃使用。
2.规则2：提供清晰的标示
这条原则涉及直观的布局和清晰的信息标签。浏览应用程序不应以任何方式令人困惑，即使初次使用的用户也是如此。相反，对界面的探索应该是有趣的，并在不知不觉中舒适地学会。确保页面架构简单、合乎逻辑且有清晰的标示。用户永远不应该怀疑他们在软件中的位置，也不应该不断思考才能确定如何到达他们想去的位置。
3.规则3：促进视觉清晰度
良好的视觉组织提高了可用性和易读性，使用户能够快速找到他们正在寻找的信息并更有效地使用界面。设计布局时，避免一次在屏幕上显示太多信息。构建网格系统设计以避免视觉混乱。应用内容组织的一般原则，例如将相似的项目组合在一起、对项目进行编号以及使用标题和提示文本。
三、用户控制
视觉设计要让用户感受到是用户在控制界面，而不是被界面所控制。
规则：让行动可逆
用户应该始终能够快速回溯他们正在做的任何事情。这允许用户探索产品而不必担心失败，当用户知道错误可以很容易地撤消时，这鼓励了对不熟悉的选项的探索。相反，如果用户必须对他们采取的每一个动作都非常小心，这会导致探索速度变慢且令人不安。当用户错误地选择系统功能时，“撤消”会非常有用。在这种情况下，撤消功能用作“紧急出口”，允许用户离开不需要的状态。
预约申请试听课
填写下面表单即可预约申请试听！怕钱不够？可就业挣钱后再付学费！ 怕学不会？助教全程陪读，随时解惑！
担心就业？一地学习，可全国推荐就业！
-
上一篇：
-
下一篇：
IT培训问答
开班时间
