利用相似性和接近性原则,做更好的设计
留白可以用来创建接近性。再用上图的圆形组为例,添加不同的留白空间,我们对元素的认知也会发生改变。我们会认为下面的左图是两列,左右各一组元素。而在右图中,接近性原则让我们将元素理解为两行。在你的设计中利用留白加强分组的关联性,与其他元素区分开。 接近性的作用接近性原则强到可以抵消其他规则的影响。注意当对元素施加其他属性,例如颜色或者形状时,接近性原则依然胜出。下图中不管颜色和形状如何,每个组依然被看做是单独存在的个体。 接近性的实际应用当我们在设计信息层级区分时,我们可以用接近性原则在元素间创建关联,帮助更好理解信息。举个例子,apple store中的图片紧密排列在了一起,整体成为一个组,我们会认为整个组里的内容是紧密相关的,认为它们的内容也是相似的。 然而,当我们移除中间的分栏时,会突然发现整个组变成了两部分,我们会期待这两个组提供不一样的内容给我们。 接近性和相似性联合使用用接近性分好的组可以再用相似性来创建更强的关联属性。如下图中的亚马逊网站所示,使用接近性为元素分好了组,又用大小的相似性将整个页面分成两个大组,因为左边的面积大,我们的注意力自然被吸到了左边。 相似和层级接近性原则对组织层级关系有奇效。下图来自Crate&Barrel,小标题分组排列,上面还有大标题,创建了关联性,人们阅读起来会更方便。 (编辑:51站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |