快捷搜索:  汽车  科技

设计排版结构图(版式结构设计-格式塔原理)

设计排版结构图(版式结构设计-格式塔原理)通过对内容模块的大小、形状的造型定义,可以更加有效的帮助我们做好界面元素的区域分布;具体应用-通过这种方法,我们可以快速掌握画面元素的具体构成,并识别画面元素的分布规律。根据造型的相似性,进行视觉识别上的关联在我们进行画面元素排列组合的时候,往往会通过画面中元素的形状、大小、位置来确定元素的同类属性和分布区域;

格式塔作为心理学术语,具有两种含义:一指事物的一般属性,即形式;一指事物的个别实体,即分离的整体,形式仅为其属性之一。

这里根据多年的版式(排版布局)视觉设计经验,把画面所呈现的基础视觉效果大致分为如下五类:

设计排版结构图(版式结构设计-格式塔原理)(1)

现在我们分别来理解下每个类别所表示的具体含义。

类别一:简单

指简单易懂的图形构造,通常我们所编排的画面可以用最简单的图形块为其还原其空间位置结构;

设计排版结构图(版式结构设计-格式塔原理)(2)

通过这种方法,我们可以快速掌握画面元素的具体构成,并识别画面元素的分布规律。

类别二:相似

根据造型的相似性,进行视觉识别上的关联

设计排版结构图(版式结构设计-格式塔原理)(3)

在我们进行画面元素排列组合的时候,往往会通过画面中元素的形状、大小、位置来确定元素的同类属性和分布区域;

具体应用-

设计排版结构图(版式结构设计-格式塔原理)(4)

设计排版结构图(版式结构设计-格式塔原理)(5)

通过对内容模块的大小、形状的造型定义,可以更加有效的帮助我们做好界面元素的区域分布;

类别三:接近

单个元素之间,通过距离来形成分离或者整体之感;

设计排版结构图(版式结构设计-格式塔原理)(6)

设计排版结构图(版式结构设计-格式塔原理)(7)

通过对不同元素模块的大小间距设置,我们可以更加高效的整理出界面模块中元素的分布区域,从而优化视觉表现效果;

类别四:闭合

观察较为熟悉的视觉形象时,即使图形不完整,观察者也会把图形作为整体来进行观察;

设计排版结构图(版式结构设计-格式塔原理)(8)

利用这一原则,我们可以大胆绘制出各种带有趣味识别性的元素模块或形状造型-

设计排版结构图(版式结构设计-格式塔原理)(9)

类别五:连续

通过图形的关联,具有方向性的指示,进而形成视觉观察时的引导作用

设计排版结构图(版式结构设计-格式塔原理)(10)

根据此原则,我们可以合理的安排画面中元素的排列位置,从而优化用户的阅读体验-

设计排版结构图(版式结构设计-格式塔原理)(11)


更多小白入门及进阶课程,私信源宝即可了解。

除了免费课程外,我们还准备了各种优惠和礼包哦~

免费试听14天,满意后在入学!

先就业后付费,

学不会免费重修!

轻松让你斩获offer!

猜您喜欢: