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