当面对页面上的随机对象时,查看器通常会尝试查找连接。设计师可以通过将对象(文本和/或图像)排列成组来帮助观众,以传达意义并帮助传播他们的信息。这些群体的接近程度是接近度,是设计原则。
邻近性在页面元素之间创建了一种联系。放置物体的距离可以建立一种关系。放置得更远的物体可以暗示差异。
虽然有时被认为是一个单独的原则,但统一或“文档的各个部分如何协同工作”有时被用来表示接近度。邻近是亲密的。然而,通过引入第三元素可以统一缺乏紧密接近的元素。示例:将边距中的文本标签与地图中间的点连接的箭头。以这种方式,可以在相距很远但属于一起的元素之间实现关系或统一。
通过在组之间放置物理障碍(例如规则),甚至通过使用形状,颜色或纹理在视觉上对项目进行分组并在视觉上分开(与项目不同),可以以明显的间距来对对象进行分组。
在页面布局中使用邻近度
当页面上有很多单独的元素时,通过使用邻近组项到离散单元,避免压倒观众。
- 将图片保持在图像附近不仅可以清楚地表明图标与图像一致,而且可以从两个独立的图像中创建单个视觉单元。
- 对地址,电话号码,电子邮件地址和网址等元素进行分组不仅可以将所有联系信息放入一个易于查看的单元中,还可以创建一个单独的位置供眼睛休息(并获取信息)而不是四个点跳到,可能会忽略。
- 如果要分组的元素很多,请考虑子分组。使用联系信息作为示例,将它们组合在一起但使用间隔(或其他方式)来创建例如多个电话号码的子组。
使用Proximity辅助导航
- 如果您想引导读者直接进入文本,请将标题保持在身体副本(广告,简报文章等)附近。如果伴随的视觉对于理解文本特别重要,那么您可以在标题之后立即放置视觉。
- 基于David Ogilvy工作的5步广告设计公式通常以特定模式排列五种类型的内容,这些内容往往会引导观众浏览广告。邻近度也可用于对构成这五种内容的材料进行分组。
靠近它可以帮助用户
通过使用邻近度将各个元素组合在一起并分离其他部分,帮助查看者理解复杂页面或信息打包布局。
- 例如,一个由多个独立的研讨会组成的研讨会小册子很容易被压倒。使用邻近度(以及其他元素和设计原则)将每个研讨会的信息(标题,描述,日期/时间,地点)组合在一起,同时提供一个分组,提供整体详细信息,如如何注册,成本和联系信息。
- 在网页上,您可以使用邻近度将主要和辅助导航链接(无论是文本,选项卡还是按钮)根据其功能(例如购物/目录,每周特价和技术支持)分组。