为什么你制作ppt时,老是没思路呢?——————因为你连基本的设计原则都没弄清~
今儿,我就来和大伙说说设计四大原则中的——亲密性法则。
一、 何为亲密性?
所谓的亲密性,首先他不是这样,将毫无联系的东西堆积在一起~
或是这样,每一行都是自为一体的独立单元~
更不是这样,将有联系的东西各自散落在角落,形成多个孤立的单元~
他是这样的,
把相关的元素分到一组视觉单元,这有助于组织信息,减少混乱。这样这个版面无论是从理解上还是视觉上都很有条理。
其实当页面上元素具有某种联系的时候,他们就会具有亲密性,而这时,我们要做的就是,在视觉上将他们的亲密性给表达出来。
(我们做ppt就是为了将内容更好的传递给读者或看观)
2、深入亲密性
a、生活上的亲密性
陌生关系
当我们看到这样两个人走在路上,我们可以通过视觉上来推导出他们是陌生关系。
他们的关系并不明确,可能彼此并不认识,这就像我们页面上两个元素之间一样,如果他没有什么联系,我们就不要让他们两靠近。
亲密关系
而这张图则显示,二人关系很亲密。页面上元素的布局设计也是同样的道理,两个元素有关系我们就把他挨在一起。
b、内在上的亲密性
元素内在具有关联性,视觉表现上也应当有关联。
左侧列表,第一眼看上去觉得他们是一个整体的关联性单元,
右边列表,第一眼看上去就可以清楚的了解分为两个关联性单元,两个视觉单元,前4种是水果,后4种属于蔬菜。
所以,只有潜在存在关联的元素才能相互靠近。意义上存在关联,视觉表现上也应当有关联。
是的,但那怎么实现呢?
我们可以通过物理上距离来体现出元素存在的内在关联性。
二、 关联小,挨得近,肿木办?
那么当有些不具备亲密性,但又挨的很近的元素,我们该肿木办呢?我们该怎么破除这种错误的亲密性呢?
使用线条——打破(用线条来打破不必要的亲密性)
使用色块——打破(用色块来打破那些不必要的亲密性)
使用线框——打破(用线框来打破那些不必要的亲密性)
目的就是:打破不必要的亲密性 我们的目的就是将那些不需要亲密性的内容用一些形式将他们打破
五、案例演示
这两个版面体现了什么亲密性原则吗?
关系相近的内容在距离上更紧密
分区间隔->分区内间隔->行间距…
关系相近的内容在距离上紧密一点,于是视觉上面认为他们是同类的;让不同的内容距离远一些,于是视觉上认为他们不同的区别的,视觉上分类。
蓝色表示的是不同内容区块之间的间隔,这些间隔要比他们内部的间隔要大;
红色的表示的是内部的间隔;
黄色表示内容到边界的距离,也是这最大的间隔——留白。(注意:此处左右空白是有问题的,因为他们内容到边界的间隔不同,违反了对齐原则。)
距离或大或小,都是有一定的内在关系,亲密度不同,间距也应当不同,以保证在视觉上的分类和分层,体现元素的内在关系。
不同内容的区域要显著的分开,尤其是标题部分和内容部分,通常应该有明显的间隔区分;
如果对内容进行了分类、分层,则这些分类、层次之间的间隔,通常应该明显的大于其内部的间隔,分区内部靠近一点,表示他们在关系上的相近;分层分区内部可以相对紧密,分层分区之间应当显著间隔。
四、小结
对于亲密性我们应该记住啥?
彼此相关的元素应当放在一起;
如果多个项相互之间存在很近的关联性,他们应该更靠在一起;
避免一个页面上有太多孤立的元素,留出空白;
不要在元素之间留出同样大小的间隔,除非各元素是属于一个子集。
(注:这是ppt设计四大原则之一,后续逐渐补齐,谢谢大家支持~~~)
网友评论