下载全书

邻近关系

0
1
2720
贡献人:

定义
编辑

邻近关系,指的是有意调整元素信息之间的距离,来达成表示元素信息之间关联度的一种做法,让用户对页面结构和信息层次一目了然。

为什么
编辑

通过邻近关系,有利于减少元素信息混乱的现象,从而达到元素信息更有条理,更容易被阅读,也更容易被用户记住的目的。

何时使用
编辑

当页面元素信息较多,用户阅读识别有困难时。

如何使用
编辑

在设计前,我们可以将所有的信息元素进行分类,彼此相关的项应当靠近,归组在一起,得到n多不同组,每一个组内又有不同元素的构成。

image

在设计过程中,我们可以根据以下几点操作:

1、组与组之间的边距要小一点

当相似信息元素组成的单元组,与同类型单元组具有相关性,那这两个组的边距要小一点。这样可以让用户直观的感受到这两组的关联性。

image

2、同一组内信息元素的间距最小(小于组与组的边距)

当信息元素处于一个组内,该组内的信息元素边距要小于组与组的边距,也可以说组内元素边距应该是最小的。

image

举个例子:

以文章排版为例,可遵循:字间距 < 行间距 < 段间距 < 组间距的规则。保证各个间距组合之间的相对性比例,就能让信息更高效的传达,还能使排版具有节奏感和美感。

无论是平面设计还是网页设计,都可以应用该实践。亲密性可以把版面中的文字信息进行分组,使它们各自成为一个视觉单元,建立起条理性和组织性,形成清晰的结构,做出清晰的阅读引导,使用户一目了然的清楚该内容结构。

注意事项

1.无关联的信息元素或组不要刻意靠近

image

亲密性侧面也给到一个新的启发,就是如果两个信息元素或组没有直接关系,就不要把它们做得太近。换句话说,不要强行给孤立的信息元素或组建立关系,这容易造成页面结构混乱,从而误导用户。

2.距离的对比易于被用户感知

image

所有元素相互间距都很小或者都一样大,那就等同于没有亲疏关系。亲密性是要在间距的对比中才能产生效果,从而形成清晰的结构。所以,如果想要让用户感受到元素的亲疏关系,那元素和组之间的间距对比一定要足够明显,这样才可以用户感知。

我们非常重视知识产权,我们在非常努力地寻找最初的出处来源并注明出处。但因为互联网信息浩瀚,难免会有疏漏。如果您觉得有侵犯您的权益,请联系我们。

请提出您的意见
通过审核后显示您的意见

文章导航

定义
为什么
何时使用
如何使用

主要贡献人

郑乔尹

实践被点赞 3

实践被收藏 0

加入社区微信群
与行业大咖零距离交流学习
PMO实践白皮书
白皮书上线