UI计划四大准则，高等感界面眼前原本藏着这些奥密

编纂导语：计划师怎样创建一个大放异彩的UI？好的UI计划不仅是让软件变得有天性有层次，还要让软件的利用变得温馨简便、自在，富裕体现软件的定位和特点。本文具体地给各位整理了UI计划的四大准则。一同来看看吧。

是什么让一个好的 UI 计划易于阅读？是什么让用户轻松欣赏？计划师怎样创建一个大放异彩的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 计划中使用隐喻可以让用户在实际天下和数字体验之间创建接洽。

好的隐喻会与用户脑海中真实天下的已往体验产生剧烈的接洽。隐喻常用于使不熟习的事物变得熟习。

以桌面上的吸收站为例，它包含已删除的文件——但它不是真正的渣滓箱，它以一种可以协助用户更轻松地域解看法的办法举行可视化表现。

在为 UI 选择隐喻时，选择可以让用户把握看法模子最精密细节的隐喻。

比如，在扣问用于付出处理的信誉卡具体信息时，可以参考实际天下的实体卡作为示例。

四、用户控制

视觉计划要让用户感遭到是用户在控制界面，而不是被界面所控制。

1. 端正1：让举动可逆

用户应该一直可以快速回溯他们正在做的任何事变。这允许用户探究产物而不必担心失败，当用户晓得错误可以很容易地吊销时，这勉励了对不熟习的选项的探究。

相反，假如用户必需对他们接纳的每一个举措都十分警惕，这会招致探究速率变慢且令人不安。

当用户错误地选择体系功效时，“吊销”会十分有效。在这种情况下，吊销功功效作“告急出口”，允许用户分开不必要的形态。

比如，当用户不测删除电子邮件时，Gmail 的关照消息带有吊销选项。

2. 端正2：顺应不同水平的用户

不同武艺水平的用户应该可以与不同水平的产物举行交互。不要为了熟手或暂且用户的易于使用的界面而捐躯专家用户。

相反，要实验针对不同用户的需求举行计划，因此，用户是专家照旧熟手并不紧张。

添加教程息争释等功效对熟手用户十分有协助。

一旦用户熟习了产物，用户就会寻觅快捷办法来增速常用利用的速率。

计划师应该让有履历的用户使用快捷办法，从而为他们提供快速途径。

作者：格格学姐；群众号：空两格

原文链接：
https://mp.weixin.qq.com/s/R9z3NxFC65o8cZowA738Zg

本文由 @空两格 受权公布于各位都是产物司理。未经允许，克制转载。

题图来自 Pexels，基于CC0协议。