邻近关系
定义
编辑
邻近关系,指的是有意调整元素信息之间的距离,来达成表示元素信息之间关联度的一种做法,让用户对页面结构和信息层次一目了然。
为什么
编辑
通过邻近关系,有利于减少元素信息混乱的现象,从而达到元素信息更有条理,更容易被阅读,也更容易被用户记住的目的。
何时使用
编辑
当页面元素信息较多,用户阅读识别有困难时。
如何使用
编辑
在设计前,我们可以将所有的信息元素进行分类,彼此相关的项应当靠近,归组在一起,得到n多不同组,每一个组内又有不同元素的构成。
在设计过程中,我们可以根据以下几点操作:
1、组与组之间的边距要小一点
当相似信息元素组成的单元组,与同类型单元组具有相关性,那这两个组的边距要小一点。这样可以让用户直观的感受到这两组的关联性。
2、同一组内信息元素的间距最小(小于组与组的边距)
当信息元素处于一个组内,该组内的信息元素边距要小于组与组的边距,也可以说组内元素边距应该是最小的。
举个例子:
以文章排版为例,可遵循:字间距 < 行间距 < 段间距 < 组间距的规则。保证各个间距组合之间的相对性比例,就能让信息更高效的传达,还能使排版具有节奏感和美感。
无论是平面设计还是网页设计,都可以应用该实践。亲密性可以把版面中的文字信息进行分组,使它们各自成为一个视觉单元,建立起条理性和组织性,形成清晰的结构,做出清晰的阅读引导,使用户一目了然的清楚该内容结构。
注意事项
1.无关联的信息元素或组不要刻意靠近
亲密性侧面也给到一个新的启发,就是如果两个信息元素或组没有直接关系,就不要把它们做得太近。换句话说,不要强行给孤立的信息元素或组建立关系,这容易造成页面结构混乱,从而误导用户。
2.距离的对比易于被用户感知
所有元素相互间距都很小或者都一样大,那就等同于没有亲疏关系。亲密性是要在间距的对比中才能产生效果,从而形成清晰的结构。所以,如果想要让用户感受到元素的亲疏关系,那元素和组之间的间距对比一定要足够明显,这样才可以用户感知。
我们非常重视知识产权,我们在非常努力地寻找最初的出处来源并注明出处。但因为互联网信息浩瀚,难免会有疏漏。如果您觉得有侵犯您的权益,请联系我们。