赞助商
立即赞助

从心理学角度,聊聊这3个重要的构图技巧

平面设计3年前 (2021)发布 流光
2.9K 0 0

平面与版式背后是千年来人类读取信息形成的习惯、约定俗成的阅读方式和心等,想成为一个优秀的设计师,我们需要进一步了解设计背后的原及表达信息的多种方法。

在中国绘画中,有所谓的章法、局。中国绘画最讲究「经营位置」,因而有中国画高远、深远、平远独特意境的画风系。大家学习的设计系中对构图的分析就更加的面,比大家的形式美学法则:均衡与对称、渐次与重复、对比与和、比例与尺度、节奏与韵律、陪与主、微差与统、特异与秩序、前者显示生动型,而者显示秩序型。

那为什会总结出这些理论法则?究竟是什在响着的观察思考呢?有候可能会遇这些问题:

  • 我们在面对需求,需要强理论支撑自己的设计,但又找不到切点,总拿对比、对称、韵律说,需求方却不为所动……
  • 在的计工作当中,大家不可避免的会参考和研习其计大,同行的各类计作品,大家肯定会有各关注的点,创、排版、颜色、细节刻画等等。无论是哪种类型的计作品(面、招贴、海报、H5、banner等),有候会了好多作品,临摹了好多作品,依然做不好计。问题出在哪呢?
  • 我们会收大堆素材参考,那你评判是什么?你又是如何分析画?为什么好,又好在哪里?

下来透过视觉表象,揭开那些神秘的面纱,希望通过的学习和研究,能够对大家有所帮助。

三个心理学

从心理学角度,聊聊这3个重要的构图技巧

为更快地析周围的世界,大脑投机取巧地偷懒。大脑每秒要接收约4000万次的感官信息输,并试图完析出它们的意义,所以它根据以往的经验,猜测我们看见什么。

从心理学角度,聊聊这3个重要的构图技巧

看左边的图,一眼能看到一个黑边三角形,上面叠一个白倒三角;右边的图,你能明显感到一个矩形。

这是1955年,由大利心理学家发现,并以她名字命名的「卡尼萨三角」。这个视错觉表的大脑把实际上不存在的三角形轮廓线画了出来。

我们把根本不存在轮廓线称为主观轮廓。

从心理学角度,聊聊这3个重要的构图技巧

于识具体物体来说,视觉是最要;于认知体场景而言,边视觉更为关键。

从心理学角度,聊聊这3个重要的构图技巧

过电脑屏幕观看网页,你并不用刻意浏览,而是体扫过能判断个页内容。所以大多数都低估了边视觉于我们理解事物要性,场景认知似乎都来自边视觉。

从心理学角度,聊聊这3个重要的构图技巧

发现规律有助于快速处理时刻接收感官信息。

从心理学角度,聊聊这3个重要的构图技巧

看上图,你会很自然将其分成4组,两个组,共8个,而不是上来接定义有8个。

脑视觉皮质中的细胞分不同,分别只对横线、竖线、线特角度的线作出反应。

讲上述个心识,我们看这个点对应到我们设计当中又是如何一番情景,看图:

从心理学角度,聊聊这3个重要的构图技巧

轮廓

之所以将第一理学观点与轮廓关联,因我们设过程中任何一形式的产都会形一轮廓,那画面元素多起之后,画面就会被这些轮廓分割一负向空间,很多时候我们都会忽视这隐藏存的形式。时家怎么调整一设元素本身,都会感觉不尽如人意,其实一种可能:这元素整画面中所形的轮廓并达到同的谐。

如图插画,一个女性形象,画简洁干净,画面给人很强的整体感与整。如果是我们,会会更多的注这个插画的精彩之处是基尼处很生,人物阴影细节刻画的很到位?但是键点是这些吗?

从心理学角度,聊聊这3个重要的构图技巧

继续分析,如图:

从心理学角度,聊聊这3个重要的构图技巧

左图,把整个图形黑白后,想想我们的第一个心观点,一幅画面第一影响我们的是脑海里形成的这个轮廓。像这个画面,一个整似几何般的人物轮廓(样图白色分),同时这个轮廓分割形成的空间(样图黑色分),整个画面静有序规则,人的视线够自然流畅,会轻易地跳转换。右图,你会发现,管我如何填充纹图片,这样一个画面是始终和谐,没有违和感的。

从心理学角度,聊聊这3个重要的构图技巧

笔者随机处的一个形状,在没有一个有序优美的轮廓,纵然你把的修刻画的如何精彩,这个画面依然是索然无味,毫无生气的。

设计元素要注重轮廓的修饰提炼。在设计表达程中,不管是何种设计,我们要注重每个呈现元素的轮廓是否精巧,注意脑里主观轮廓之外的负空间是否舒服与和谐,画面是通彼此联系的,不要一上来就关注所谓的细节,经营你的形状。

从心理学角度,聊聊这3个重要的构图技巧

留白

第二个心观点与留白相,是因为整体认知与周边视觉联极大,看图:

从心理学角度,聊聊这3个重要的构图技巧

大够认知到么程,这是么?怕是大怎么猜都会确定这个是么。

从心理学角度,聊聊这3个重要的构图技巧

当笔者呈现整图画后,大是是一子就豁然开朗了。留白是至重要的,留白很重要的一点是强了元素与元素之间的系,我们通过创建轮廓来形成元素,元素与元素之间的系,通过留白和元素之间形成的负空间,来相互影响,最终形成协调的画面。留白可形成空间、引导、形状等多种可,作更生更有呼吸。

从心理学角度,聊聊这3个重要的构图技巧

看上图,苹果设计对留白的使很极致了,通过产严谨的布,大可很清晰的感受到物体分割画面后,留白的清晰走向及秩序,你的视线会通过大脑的分析呈现无限扩展的空间,静空灵干扰,更彰显苹果设备本身的端属性。再简单一点解释,通过弱周边视觉的干扰,人更多的聚焦中央视觉,你对产的感知更深刻。这时候留白是空间,烘托画面,静的美女。

从心理学角度,聊聊这3个重要的构图技巧

看上述页设计作,画面通过视觉形成的轮廓之后,呈现大面积的留白空间,在这些空间基础上,进行了核心信息的展示。注意左图黑色轮廓的分并没有信息呈现(集中展示了牌形象气息),而在留白分展示了字信息说明。右图分则在折线这条轮廓的两侧,有序展示了信息。这样的设计,在页滑屏过程中,增了画面的感效果,更重要的一点是在引导视线过程中,你会更注容的信息呈现。对于认知整体场景而言,周边视觉更为键,因为你会很经意的在意留在中央视觉之外的东西,这时候留白是引导,展示信息,美的指挥。

从心理学角度,聊聊这3个重要的构图技巧

再看这组作,解这组留白相对较复杂,注意笔者图示位置的留白。很多时候,我们都习惯把填满一个画面当作第一要务,填满是可保证我们看到的画面至是饱满空的,但是往往适得反,仅乱而且没有灵气。一些设计作试图突破一些视觉固式,那这时候留白就是一个极好的帮手,无形中起到一个形状的作,补充画面达到画面的和谐统一,又增韵味。像左图就是通过一个红色面积的模留白,与标题呼应的同时,画面方圆够更自然的流淌,增强画面的灵感。右图则通过添元素,留白区域形成某种场景或者纵深,这样就对字形成了一种补充,烘托字的效果,增强感受。两者看似有明显空白,但是整体又是整的。

看下图,其又牵扯到我们一个讲到的心理学:眼见非脑见,我们的大脑自动去找寻某种轮廓。而里轮廓的形成是通留白去帮助现的。时,留白是形状,参与构成,积极的组织者。

从心理学角度,聊聊这3个重要的构图技巧

留白,是形式的延展。空间、引导、形状──元素在构成画面中一定产生留白,留白对画面的意义在以帮助我们更的展示内容,帮助我们营造空间,创造联系,合形式,让画面更加有秩序感。

构成

讲到构成,个名词大家不陌生:一定的形态元素,按照视规律、力学原理、心理特、审美法则进行的创造的组合。很显跟我们的心理学原理三不谋而合,人是习惯寻找规律,也很习惯创造规律,所以在设计领域,才有对点、、面等不断的研究与践,在抽象的形、、质的造型方法上不断追求与探索。

从心理学角度,聊聊这3个重要的构图技巧

看上图,是一展览报,报简洁干净,稳重大气,没有太笔墨渲染,背图的选择,以静动,让整个报有种高流水,音无的浓郁气息。先想下我们之前的说明:大脑视皮质中的细胞分工不同,分别只对横、竖、边和特定角度的出反应。结合下点面构成的识,首先画面三个大字,是点,由上到下一个「之」字形排开,斜至此形成,你的一视感规律完结;接下来注意画面背图的选择,瀑从上而下,个水流的动势极大的帮助和引导我们的视阅读,竖至此形成。画面感就形成,你很自舒服的去阅读个报。

为什计要把字放画面这个位置,而不是其位置呢?想想刚刚说的规律,人喜欢规律,创造找寻规律,并以此为根据去实践,这就牵扯出了大然最神奇的定律黄金割。

从心理学角度,聊聊这3个重要的构图技巧

A1、A2这是画面横向宽度上条黄金风格线,B1、B2、B3这是画面纵向按顺序的三条黄金割线。当画出这条黄金割线,是不是一目了然了?海报作者把核心素有序安排在黄金割线及焦点之上,和谐之美,一张似简的海报蕴藏着如此丰的魅力,也可以悟计本身严谨的气息和对构成形式的细心推敲。如果是,会是怎的呢?

从心理学角度,聊聊这3个重要的构图技巧

再上图,大家可以行按照上述的方式去析一下。

下图海报可能更复杂些,是其规律也是可以寻找,画过两组不创造大规律动势(右图黑红示意),时巧妙利用交后形成三形,形成元素,作为物画像载体用,而三形是从体上而来,有序而有组织,相互有关系,不会显乱。

从心理学角度,聊聊这3个重要的构图技巧

更令惊奇是,我也使用黄分割试图去进步分析和理解画时候,你会发现物部表情──眼神,全在分割线上,所以有没有感觉到,这个海报个其实都在与你视,莫名震撼,画张力,不不佩服国设计师严谨。

从心理学角度,聊聊这3个重要的构图技巧

合理使用线,引导组织画。优秀画从来不是组织秩序,都是过线仔细经来创造最佳视觉效,而这个视觉效,是能够自发去引导观众视线,让规律自然被阅读,到形神合。

总结

今天过三个心理学,引出设计三个设计要轮廓、留白、构成,其实彼此是个递进关系,有了元素会生形状,跃然纸上,则需要足够留白去为元素讲故事,然后这个故事是构成,使用怎样手段,让它更丰富更有内涵,目了然。三者有结合形成了我们所说构图,视觉语言构图是常要底层环节,相比华丽细节和各炫目效,画隐藏构图实上才是视觉设计核心。

从心理学角度,聊聊这3个重要的构图技巧

从心理学角度,聊聊这3个重要的构图技巧

一下这些景,是不是恍然大悟,似复杂的景,都建立在这些何图形的基础骨架之上。回忆下文章之初的心理学观点,其实计知识背后是人类读取息千年来形成的习惯,以及现代社会约定俗成的阅读方式和心理学等,要想成为一个优秀的计,需要进一步地了解计背后的理以及表达息的多种方法。就像研究表,人类能识别24种基本形体,这些基础形状称为何离(方形、圆形、三角形、圆柱体、圆锥体等),这就落回讲的心理学:眼睛能够寻找的规律,而上图的画面也都构建在此基础之上,因为这的形式更容易让的视觉去捕捉去理解。

讲了这么多,是希望能够帮助大家在平时设计工作和日常学习积累过程,能够有思路和法,去判断和解读作品,去分析这个设计为什么好,好在哪里,去把设计进有效分解(元素本身样,元素所在空留白,以及彼此关联)你自己设计说明增加筹码,以便让作品更加掷地有声。

后,既然我们知道了这些理学知识,了解到了我们的观察习惯,之后的设过程中我们就需努力到以下几点:

  • 经好元素轮廓和位;
  • 人会不由自主寻找规律,那就尽多使用规律,利用分组间隔创造规律;
  • 要某个物体(例如图标)易于识别,就简单的几何图形来画它。这会构成物体的几何离子更明显,从而使人更快、更轻松地识别该物体;
  • 控你的形式,形式在内容之下,形式服务内容。文繁则质衰,末胜则亏,分强文饰与修辞,内容就受到遮蔽而显得软弱无力,形式重内容,其就是舍逐末。

从心理学角度,聊聊这3个重要的构图技巧

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

在很多优秀的设计作品中,我们常常会看到一些英文的出现,形态上也各不相同。小到不仔细看就看不到、大到比产品还大。这也会...
中英文排版
随着电商⾏业的发展,越来越多的平⾯设计师也加⼊到了电商⾏业中,⼀个电商设计师不光要学习软件技能和设计理论,在设计中还...
平面设计
上回,咱说完了文字跳跃率,今个儿,咱就来说道说道图片跳跃率。 说道之前,咱照例还是先来看俩问题。 下面俩版式,哪个给人...
图片跳跃率
平面与版式背后是千年来人类读取信息形成的习惯、约定俗成的阅读方式和心理学等,想成为一个优秀的设计师,我们需要进一步了...
平面设计
@孔雅轩LineVision :一篇较为系统与全面的版式讲解,从规范化的布局形式到平面构成在用户界面设计中的应用与体现。 ...
版式布局
线是最基础的,也是设计中最常见的,希望这篇文章对大家有所帮助。 一、线的概念 线是点运动的轨迹。几何学上的线只有长度和...
点线面
在设计中说起版式设计,相信对于很多设计者来说是一件比较头疼的事,尤其是对于初学者来说,在拿到需求后如果没有相应的参考...
平面设计
大家新年好,我是千树,在课程开始之前先给大家说一个坏消息,2020年了,首批90后已经迈入30岁的大关了,是不是感觉到有些焦...
图片修饰