上面的这些元素是说明了相似性呢?还是没有说明相似性?因为上面的这些元素中几乎没有一致性,它们其实并没有表现出相似性。结果就是,这些元素在任何方面都没有表现出有关联的地方。 让我们更容易的来了解一些相似性:
上面的哪些元素是有关联的?怎么关联的?在上面的许多元素都是存在差异的,但是也有一些具有相似性。如果要求我们将上面的元素进行分类,几乎任何人都能够根据最明显的共通性,也就是形状
上面的这些元素是哪一个是相关联的?是怎样关联的? 在所有的可能性中,你已经做出了选择,也就是大的正方形彼此是相关联的,小的正方形也是相关联的。大小也是作对比的一种方式,因此大小的一致性也是能够用来表示关系的。 快速的扫过下面的图片然后阅读后面的问题 …
上面的这些元素哪些是彼此有关联的?是怎样关联的?颜色的相似性(或者说是统一的对比)是最直接的表露关系的方式。这也是我们大脑理解我们周边的环境的时候,在我们的观念中首先表现出来的特征。式
在上面的例子中,UX Magazine的主页(现在已经不存在这个网页了??)使用相似性原则去连接所有出现在方框里,灰色边框的方框里的元素到文章上面。印象通过用户体验得到了提高:当光标提留在这些元素上方的时候这些所有的元素都有着一致的行为。(图片在下面)
组织性 感知相似性不仅能够帮助我们假定在布局中什么元素与另外一个元素相关,同时也能够展示基于浮动按钮的结构,下面就是一个范例:
上面的例子展示的是一网格没有明显分隔结构的元素。所有的这些元素似乎都是平等相关的。
上面的例子清晰的表明了采用的是分栏的。因为形状是一致的,颜色在这儿就成了交流的桥梁。
在上面的例子中,我们能够清晰的看到,这些元素被排列成了水平行。
上面的例子表明了元素被分成了两个类别,所有的灰色方框都是相关的和所有的棕色方框也是相关的(类似AIGA上面的例子)。这两个部分区分的很清楚,尽管这个例子 ——以及这部分之前的一个例子——都确实有相同的物理结构。 楼主 2015-08-27 21:16 回复