邻近原则帮助设计师实现两个主要目标,包括使布局看起来不那么拥挤,以及将相关元素分组在一起。
用内容和功能元素填充整个网页是设计者常见的错误之一。提供尽可能多的信息并用文本和图像填充版面的每个部分是很诱人的。但重要的是要理解,用户的注意力范围有限,通过添加太多内容和功能元素,你会用太多细节来压倒用户。因此,他们很难理解什么是重要的,什么是不重要的,这会妨碍用户正确地消化信息。在设计中仔细应用邻近度有助于减少视觉混乱并提高理解力。
邻近原则 做出更好的表单
填写表单是用户交互中最不愉快的部分之一。然而,形式几乎是任何产品体验的重要组成部分。无论是移动设计还是网页设计,都必须以允许用户轻松填写所有数据的方式设计表单。在三个主要领域,邻近原则可以帮助用户创建更好的体验:字段标签、输入字段和输入格式。
字段标签及其位置对用户扫描表单的容易程度起着至关重要的作用。我们知道,顶部对齐的标签往往会缩短表单完成时间,因为用户的眼睛会朝一个方向移动。但是,通过在相应的表单字段附近放置标签,用户可以更容易地扫描表单。这对于较长的表单尤为重要,因为当标签和表单字段之间的关系不明显时,用户必须花额外的时间来确定哪个标签属于哪个字段。
许多字段的长表单可能很难填写。一般的经验法则是删除所有可选字段,只要求用户提供您需要使用的信息。但是,当表单需要多个输入字段时,应该怎么做?答案很简单:您可以使用邻近原则改变用户对表单的感知
通过将相关字段分组在一起,您可以帮助用户了解为什么需要填写此信息。看看下面的例子。两个表单都有相同数量的字段,但右侧表单中的字段分为三组。两个示例中的用户输入量相同,但对用户的印象完全不同。
最后,可以在设计中使用邻近来格式化数据输入。您可以对多种类型的数据使用分块。
邻近原则 提高对内容理解
对于许多产品来说,内容是人们开始使用它们的原因。良好的可读性(读者能够轻松理解书面文本)和易读性(读者可以轻松解码符号)是产品设计的基本财产。许多因素都有助于可读性和易读性,包括字体系列、字体大小和文本对比度。但是,在页面上构造内容的方式也直接影响内容的易读性和可读性。
当文本在没有任何格式的情况下呈现时,可读性会受到影响。通过以简短、易于扫描的块显示内容,将句子分组为段落或部分,并用一点空格分隔,可以帮助用户扫描和阅读文本。
邻近原则 突出某些元素
强调是用户体验(UX)设计的最重要原则之一。为页面上的特定元素或内容赋予优先级是设计者最常见的任务之一。虽然设计者可以使用许多不同的技术来获得良好的结果,例如使元素更大或增加更多的对比度,但也可以在不改变原始元素的情况下获得相同的结果。相反,您可以在元素周围使用大量的负空间。
负面空间和用户注意力之间有直接联系。在元素周围添加的负空间越大,对查看器来说越明显。这是自然发生的,因为用户的注意力将被引导到具有更多负面空间的元素,因为该区域没有其他东西吸引他们的注意力。
邻近原则 引导观众浏览内容
接近原理可以帮助您创建一个流,将观众的视线从一个点引导到另一个点。通过调整空白区域,您可以轻松创建自然吸引用户注意力的焦点或区域。创建焦点首先要创建一个web设计网格,该网格允许您在布局中一致地放置设计元素。有了网格后,需要安排元素来引导用户浏览关键内容部分。
在设计中使用邻近度的主要目的是组织信息并创建一个视觉层次结构,以帮助提高产品的可用性。
用内容和功能元素填充整个网页是设计者常见的错误之一。提供尽可能多的信息并用文本和图像填充版面的每个部分是很诱人的。但重要的是要理解,用户的注意力范围有限,通过添加太多内容和功能元素,你会用太多细节来压倒用户。因此,他们很难理解什么是重要的,什么是不重要的,这会妨碍用户正确地消化信息。在设计中仔细应用邻近度有助于减少视觉混乱并提高理解力。
邻近原则 做出更好的表单
填写表单是用户交互中最不愉快的部分之一。然而,形式几乎是任何产品体验的重要组成部分。无论是移动设计还是网页设计,都必须以允许用户轻松填写所有数据的方式设计表单。在三个主要领域,邻近原则可以帮助用户创建更好的体验:字段标签、输入字段和输入格式。
字段标签及其位置对用户扫描表单的容易程度起着至关重要的作用。我们知道,顶部对齐的标签往往会缩短表单完成时间,因为用户的眼睛会朝一个方向移动。但是,通过在相应的表单字段附近放置标签,用户可以更容易地扫描表单。这对于较长的表单尤为重要,因为当标签和表单字段之间的关系不明显时,用户必须花额外的时间来确定哪个标签属于哪个字段。
许多字段的长表单可能很难填写。一般的经验法则是删除所有可选字段,只要求用户提供您需要使用的信息。但是,当表单需要多个输入字段时,应该怎么做?答案很简单:您可以使用邻近原则改变用户对表单的感知
通过将相关字段分组在一起,您可以帮助用户了解为什么需要填写此信息。看看下面的例子。两个表单都有相同数量的字段,但右侧表单中的字段分为三组。两个示例中的用户输入量相同,但对用户的印象完全不同。
最后,可以在设计中使用邻近来格式化数据输入。您可以对多种类型的数据使用分块。
邻近原则 提高对内容理解
对于许多产品来说,内容是人们开始使用它们的原因。良好的可读性(读者能够轻松理解书面文本)和易读性(读者可以轻松解码符号)是产品设计的基本财产。许多因素都有助于可读性和易读性,包括字体系列、字体大小和文本对比度。但是,在页面上构造内容的方式也直接影响内容的易读性和可读性。
当文本在没有任何格式的情况下呈现时,可读性会受到影响。通过以简短、易于扫描的块显示内容,将句子分组为段落或部分,并用一点空格分隔,可以帮助用户扫描和阅读文本。
邻近原则 突出某些元素
强调是用户体验(UX)设计的最重要原则之一。为页面上的特定元素或内容赋予优先级是设计者最常见的任务之一。虽然设计者可以使用许多不同的技术来获得良好的结果,例如使元素更大或增加更多的对比度,但也可以在不改变原始元素的情况下获得相同的结果。相反,您可以在元素周围使用大量的负空间。
负面空间和用户注意力之间有直接联系。在元素周围添加的负空间越大,对查看器来说越明显。这是自然发生的,因为用户的注意力将被引导到具有更多负面空间的元素,因为该区域没有其他东西吸引他们的注意力。
邻近原则 引导观众浏览内容
接近原理可以帮助您创建一个流,将观众的视线从一个点引导到另一个点。通过调整空白区域,您可以轻松创建自然吸引用户注意力的焦点或区域。创建焦点首先要创建一个web设计网格,该网格允许您在布局中一致地放置设计元素。有了网格后,需要安排元素来引导用户浏览关键内容部分。
在设计中使用邻近度的主要目的是组织信息并创建一个视觉层次结构,以帮助提高产品的可用性。