平面排版-格式塔法则的应用

排版是什么？

What

排版是将⽂文字、图⽚片等元素在版⾯面调整，使版⾯面布局条理理化的过程。通过排版，让⼈人们更更容易易的去阅读、接受这些提供给他们的资讯

为什么排版？

Why

排版扮演着内容与使⽤用者之间沟通的桥梁梁，良好的版⾯面设计让⽤用户⾼高效快速的了了解提供的内容；相反，糟糕的排版可能会让使⽤用者拒绝接受这些内容。

如何排版？

How？

一个故事 约书亚树 故事主脚的父亲，送了她一本辨识树的书。开篇第一种树，主脚很认真的背了背它的名字，约书亚树。因为她觉得世界上不会有长得这么怪异的树。之后她闲着没事，决定揣着书出去逛街，顺便认识些树。刚出门不久，就发现她所居住的街区，80%的庭院里，都种植了这种长相怪异的叫做约书亚树的树，但是，之前的她却根本没注意过，哪怕她在这个街区已经住了13年。

格式塔原则

Gestalt

• 兴起于20世纪初的德国，是⼀一⻔门⼼心理理学派。 • 格式塔理理论明确地提出：眼脑作⽤用是⼀一个不不断组织、简化、统⼀一的过程，正是通过这⼀一过程，才产⽣生出易易于理理解、协调的整体。也就是视觉对知觉的影响。由此产⽣生出了了格式塔适⽤用于布局和界⾯面设计的⼀一些基本原则. 那什什么是原则咧？ “说话、⾏行行事所依据的准则。” 格式塔原则就是我们判断⼀一个设计⽅方案好坏的衡量量标准。

• “有⽑毛病，不不舒服，奇怪”等直观感受的词汇却很难帮到设计师修改⽅方案。设计师需要明确的知道“WHY”.透过现象看本质。

接近原理 相似原理 闭合原理

连续原理

格式塔原则 Gestalt 图底原理

图底原理

图底原理

图形：视觉聚焦明显的元素 背景：除了中心图形以外的背景or图片

非图形即背景

图底原理

图底原理

接近原理

• 

单个视觉元素之间无限接近，视觉上会形成一个较大的整体 • 距离近的单个视觉元素会融为一个整体，而单个视觉元素的个性会减弱。

相似原理

我们的眼睛很容易关注那些外表相似的物体，且不管它们的位置是不是相邻，总是把它们联系起来。

形状相似 大小相似 颜色相似

形状相似

大小相似 颜色相似

我是宇宙超级⽆无敌美少⼥女女徐丽如啊哈哈

我是宇宙超级⽆无敌美少⼥女女徐丽如啊哈哈 我是宇宙超级⽆无敌美少⼥女女徐丽如啊哈哈 差异不不同起到重点突出的作⽤用，让更更重要的元素和信息突显。差

异越⼤大，对⽐比也就越⼤大。对⽐比度越⼤大，越重要的元素就会显现。

电梯提醒方案

123

根据相似原则，哪个⽅方案更更合理理？｛信息层级｝

第⼀一个⽅方案，危险区域⽤用⻩黄⾊色来标示，建议⼈人站的位置如果也⽤用⻩黄⾊色，⻩黄⾊色代表危险，⽤用户也许会困惑，⻩黄⾊色的脚印能踩吗？ 第⼆二个⽅方案，使⽤用了了不不同颜⾊色，既表明危险的地⽅方，也表明安全的位置，⾮非常容易易分辨，似乎是合理理的

闭合原理

• 人们在观察熟悉的视觉形象时，会把不完整的局部形象当作一个整体的形象来感知，这种知觉上的结束，称之为闭合。

• 如果局部形象过于陌生或简略，则不会产生整体闭合联想。

闭合原理

连续原理

人的视觉有追随一个方向的延续，以便把元素连接在一起，使它们看起来是连续向着特定的方向

start

end

⼀一个案例例

谢谢观看！

该⽂文档的版权为百度UE讲堂所有，如需转载请注明出处。