视觉原理与平面构成

1、视觉原理与平面构成本章提要本章提要 视知觉原理视知觉原理 视觉心理视觉心理 视觉流程视觉流程 平面构成平面构成-点线面点线面视知觉原理视知觉原理 视知觉原理视知觉原理 视觉：眼睛所看到的内容视觉：眼睛所看到的内容 知觉：对所看到内容的反应，由每个人生活经知觉：对所看到内容的反应，由每个人生活经验、教育背景、周围环境、文化环境等决定验、教育背景、周围环境、文化环境等决定 视知觉：同一个视觉作品在每个人看来具有不视知觉：同一个视觉作品在每个人看来具有不同的意义，因为每个人有不同的阅历和思考，同的意义，因为每个人有不同的阅历和思考，这种由心理投射所形成的意识就是视觉的心理这种由心理投射所形成的意识就

2、是视觉的心理活动，称之为视知觉原理。活动，称之为视知觉原理。视知觉原理视知觉原理 格式塔格式塔”心理学心理学 格式塔（格式塔（Gestalt）一词来自德语，）一词来自德语，英文是（英文是（configuration）原意是）原意是“形式、形状、或一种被视觉分离出形式、形状、或一种被视觉分离出来的整体来的整体”，该词有两个含义，该词有两个含义 事物具有的特定的形状 一个实体对知觉所呈现的整体特征 中文一般将格式塔翻译为完形，将格中文一般将格式塔翻译为完形，将格式塔心理学称为完形心理学式塔心理学称为完形心理学 格式塔理论认为，物体的属性（包括空间位置、形状、颜格式塔理论认为，物体的属性（包括空间位

3、置、形状、颜色、运动等）时，大脑起到了至关重要的作用。视野中的色、运动等）时，大脑起到了至关重要的作用。视野中的物体并不是自然界中的原来面貌，而是人的大脑经过各种物体并不是自然界中的原来面貌，而是人的大脑经过各种线索的分析与整合后形成的主观形式。线索的分析与整合后形成的主观形式。 格式塔理论的核心是：形象感觉是大脑将视觉元素或视觉格式塔理论的核心是：形象感觉是大脑将视觉元素或视觉形式组织成不同群落的结果形式组织成不同群落的结果 总结总结 人们总是先看到整体，然后再去关注局部；人们总是先看到整体，然后再去关注局部； 人们对事物的整体感受不等于局部感受的加法；人们对事物的整体感受不等于局部感受的加

4、法； 视觉系统总是在不断的试图在感官上将图形闭合；视觉系统总是在不断的试图在感官上将图形闭合；格式塔原理格式塔原理 相似律相似律 Law of similality 人在感知事物时，往往把相似的东西视为一类，归人在感知事物时，往往把相似的东西视为一类，归结在一起结在一起格式塔原理的组织原则格式塔原理的组织原则相似律的应用相似律的应用格式塔原理的组织原则格式塔原理的组织原则 简律简律 Law of Pragnanz 从构图形象中排除不重要的部分，只保留那些绝对从构图形象中排除不重要的部分，只保留那些绝对必要的组成部分，从而达到视觉的简化。必要的组成部分，从而达到视觉的简化。简律的应用简律的应用

5、近律近律 Law of Proximity 在时间上空间上紧密在一起的部分似乎是相属的，倾在时间上空间上紧密在一起的部分似乎是相属的，倾向于被知觉知觉在一起向于被知觉知觉在一起格式塔原理的组织原则格式塔原理的组织原则近律的应用近律的应用 连续律连续律 Law of continuity 知觉有追随一个方向的倾向，以便把元素联接在一起，知觉有追随一个方向的倾向，以便把元素联接在一起，使他们看起来是连续的，或者向着一个特定的方向。使他们看起来是连续的，或者向着一个特定的方向。格式塔原理的组织原则格式塔原理的组织原则格式塔原理的组织原则格式塔原理的组织原则 闭合律闭合律 Law of Closure

6、 知觉有完成不完善图形知觉有完成不完善图形, 填填补缺口的倾向补缺口的倾向 把局部形象当作一个整体把局部形象当作一个整体的形象来感知的形象来感知 在设计时，在设计时，“闭合闭合”指不指不展现设计的全貌，而只给展现设计的全貌，而只给关键的局部，让人们通过关键的局部，让人们通过完形去延伸和理解整体，完形去延伸和理解整体，如如“一叶知秋一叶知秋”闭合律的应用闭合律的应用黛安芬百年企业形象设计广告系列黛安芬百年企业形象设计广告系列 广告正文广告正文 100年来，女人，是黛安芬的唯一兴趣。年来，女人，是黛安芬的唯一兴趣。闭合律的应用闭合律的应用广告标题广告标题 女人，永不嫌穿得女人，永不嫌穿得太少太少。

7、广告标题广告标题 女人的阴谋藏在女人的阴谋藏在黛安芬里黛安芬里广告标题广告标题 人，是上帝造的，人，是上帝造的，女人是撒旦造的女人是撒旦造的， 正负形（图形与背景）正负形（图形与背景） 平面设计中的正负形是由原来的平面设计中的正负形是由原来的图底关系转变而来图底关系转变而来.早在早在1915年年就以卢宾就以卢宾(Rnbin)的名字来命名的名字来命名,所以又称为卢宾反转图形所以又称为卢宾反转图形. 注视杯子的时候注视杯子的时候,这就是图形这就是图形,黑黑色的部分就成了背景色的部分就成了背景;反之亦然反之亦然格式塔原理在视觉设计中的应用形式格式塔原理在视觉设计中的应用形式正负形的应用正负形的应用视

8、觉心理视觉心理 视觉中心视觉中心 画面中最受注目的地方画面中最受注目的地方 利用视觉移动规律通过设计的合理安排诱利用视觉移动规律通过设计的合理安排诱导读者的视觉随着编排按照主次依次观看导读者的视觉随着编排按照主次依次观看下去。下去。视觉流程视觉流程 一个成功的视觉流程设计，应能引导观者的视线按照设计一个成功的视觉流程设计，应能引导观者的视线按照设计者的意图，以合理的顺序、快捷的途径、有效的感知方式，者的意图，以合理的顺序、快捷的途径、有效的感知方式，去获取最佳信息。为此，它的设计原则应是：去获取最佳信息。为此，它的设计原则应是： 视觉流程的科学性，符合人们认识过程的心理顺序和视觉流程的科学性，

9、符合人们认识过程的心理顺序和思维发展的逻辑顺序。思维发展的逻辑顺序。 视觉元素的可视性视觉元素的可视性 各种视觉元素应是目力所极，要有一定强度的诉及力 各种信息的意义必须易于为人所理解，并具备相应的视觉环境 说明文字要注意其可读性，字体、字型、大小比例、横竖位置、字距间都要认真推敲。 设计构成的策略性。根据不同的设计要求，视觉传达设计构成的策略性。根据不同的设计要求，视觉传达设计中的科学性、可视性、策略性应贯穿于视觉流程设计中的科学性、可视性、策略性应贯穿于视觉流程的始终，形成不同特点的构成形式。的始终，形成不同特点的构成形式。 视觉流程视觉流程 最佳视域最佳视域 线型视觉流程线型视觉流程 直

10、线视觉流程直线视觉流程 竖向：视线上下流动，感觉直观、坚定 横向:引导视线从左向右，给人稳定、恬静感觉 斜向：比水平、垂直更斜向：比水平、垂直更有视觉诉求力有视觉诉求力,以不稳定以不稳定状态引起注意状态引起注意视觉流程视觉流程 线型视觉流程线型视觉流程 曲线视觉流程曲线视觉流程 各视觉要素随弧线、回旋线而运动 不如单向视觉流程直接简明，但更具韵味、节奏和曲线美。曲线流程的形式微妙而复杂，可概括为弧线形“c”和回旋形“s”。视觉流程视觉流程 重心视觉流程重心视觉流程 以强烈的形象或文字独据版面某个部位或完全充斥整以强烈的形象或文字独据版面某个部位或完全充斥整版。版。 在视觉流程上，首先是从版面重

11、心开始，然后顺沿形在视觉流程上，首先是从版面重心开始，然后顺沿形象的方向与力度的倾向来发展视线的进程。象的方向与力度的倾向来发展视线的进程。 向心、离心的视觉运动，也是重心视觉流程的表现。向心、离心的视觉运动，也是重心视觉流程的表现。重心的诱导流程使主题更为鲜明突出而强烈。重心的诱导流程使主题更为鲜明突出而强烈。视觉流程视觉流程 反复视觉流程反复视觉流程 指相同或相似的视觉要指相同或相似的视觉要素作规律、秩序、节奏素作规律、秩序、节奏的逐次运动。的逐次运动。 不如单向、曲线和重心不如单向、曲线和重心流程运动强烈，但更富流程运动强烈，但更富于韵律和秩序美。于韵律和秩序美。视觉流程视觉流程 导向视

12、觉流程导向视觉流程 通过诱导元素，主动引导读者通过诱导元素，主动引导读者视线向一定方向顺序运动，由视线向一定方向顺序运动，由主及次，把画面各构成要素依主及次，把画面各构成要素依序串连起来，形成一个有机整序串连起来，形成一个有机整体，使重点突出，条理清晰，体，使重点突出，条理清晰，发挥最大的信息传达功能。发挥最大的信息传达功能。 导线有虚有实，表现多样如导线有虚有实，表现多样如文字导向、手势导向、形象导文字导向、手势导向、形象导向以及视线导向等。向以及视线导向等。视觉流程视觉流程视觉流程视觉流程 散点视觉流程散点视觉流程 版面中图与图、图与文字间成自由分散版面中图与图、图与文字间成自由分散状态状

13、态 散状排列强调感性、自由随机性、偶合散状排列强调感性、自由随机性、偶合性，强调空间和动感，追求新奇、刺激性，强调空间和动感，追求新奇、刺激的心态，常表现为一种较随意的编排形的心态，常表现为一种较随意的编排形式，在国外平面设计中十分流行式，在国外平面设计中十分流行 阅读过程不如直线、弧线等流程快捷，阅读过程不如直线、弧线等流程快捷，但更生动有趣。也许这正是版面刻意追但更生动有趣。也许这正是版面刻意追求的轻松随意与慢节奏。求的轻松随意与慢节奏。构成的缘起构成的缘起 古希腊古希腊“宇宙四元轮宇宙四元轮” 亚里士多德（公元前四世纪）：所有的物质都是由火、亚里士多德（公元前四世纪）：所有的物质都是由火

14、、空气、水、土四元素构成空气、水、土四元素构成 中国易经八卦中国易经八卦 万物由：地、山、水、风、雷、火、泽、天构成。万物由：地、山、水、风、雷、火、泽、天构成。“八八象备，万物生。象备，万物生。” 20世纪世纪 宇宙由宇宙由88种自然元素结合成的化合物构成，任何物质种自然元素结合成的化合物构成，任何物质都由一些细小的原子或无强小的单元体按某种规律排列都由一些细小的原子或无强小的单元体按某种规律排列组成组成 构成作为设计教育的一门独立研究的学科，作为构成作为设计教育的一门独立研究的学科，作为教学的基础课是从包豪斯以后才开始的。构成课教学的基础课是从包豪斯以后才开始的。构成课在在20实际实际80

15、年代初引入我国，现已成为各设计专年代初引入我国，现已成为各设计专业业的一门基础课和必修课。的一门基础课和必修课。 构成是一种造型概念，其含义是将不同形态的几构成是一种造型概念，其含义是将不同形态的几个以上的单元重新组构成一个新的单元。个以上的单元重新组构成一个新的单元。构成的含义构成的含义三大构成三大构成 平面构成平面构成 The plane constitution 含义：研究形象在二度空间里的变化构成的科学含义：研究形象在二度空间里的变化构成的科学,是探求是探求二维空间的视觉规律、形象的建立、骨格的组织、各种二维空间的视觉规律、形象的建立、骨格的组织、各种元素的构成规律元素的构成规律,造成

16、既严谨又有无穷律动变化的装饰构造成既严谨又有无穷律动变化的装饰构图。图。 研究内容研究内容 形态：点、线、面 色彩：彩色、无彩( 黑白灰) 肌理：视觉、触觉三大构成三大构成 色彩构成色彩构成 The color constitution 含义：将人们长期形成的对色彩的感觉而产生的一种含义：将人们长期形成的对色彩的感觉而产生的一种思维定势、心理感受进行总结思维定势、心理感受进行总结 研究内容研究内容 色相 明度 纯度三大构成三大构成 立体构成立体构成 Three-dimensional constitutes 含义：是研究立体形态的材料和形式的造型基础学科。含义：是研究立体形态的材料和形式的造型

17、基础学科。立体构成研究的对象是立体形态和空间形态的创造规立体构成研究的对象是立体形态和空间形态的创造规律。具体来说就是研究立体造型的物理规律和和知觉律。具体来说就是研究立体造型的物理规律和和知觉形态的心理规律。立体构成是三维度的实体形态与空形态的心理规律。立体构成是三维度的实体形态与空间形态的构成。结构上要符合力学的要求，材料也影间形态的构成。结构上要符合力学的要求，材料也影响和丰富形式语言的表达。立体是用厚度来塑造形态、响和丰富形式语言的表达。立体是用厚度来塑造形态、它是制作出来的。同时立体构成离不开材料、工艺、它是制作出来的。同时立体构成离不开材料、工艺、力学、美学，是艺术与科学相结合的体

18、现。力学、美学，是艺术与科学相结合的体现。 研究内容研究内容 线、面、块平面构成平面构成平面构成平面构成 点点point、线、线 line、面、面surface点点 点的定义点的定义 几何学中的点：只有位置，无面积和形状几何学中的点：只有位置，无面积和形状 平面构成中的点：点是相对的，在各种对比中存在，平面构成中的点：点是相对的，在各种对比中存在，是相对周五面积而言很小的视觉形象。具有各种形状、是相对周五面积而言很小的视觉形象。具有各种形状、大小、深浅的差别，是一切形态的基础。大小、深浅的差别，是一切形态的基础。 点的性质和作用点的性质和作用 点是力的中心，具有张力作用点是力的中心，具有张力作

19、用 处于画面视觉中心的点，吸引力最强处于画面视觉中心的点，吸引力最强 当画面中几点大小不一时，大的点吸引力最强当画面中几点大小不一时，大的点吸引力最强 当画面中等大几点与底的黑白对比不一时，对比强的点当画面中等大几点与底的黑白对比不一时，对比强的点吸引力更强吸引力更强点点点点等大几点与底的黑白对比不一时，等大几点与底的黑白对比不一时，对比强的点吸引力更强对比强的点吸引力更强当画面中几点大小不一时，大的点吸引力最强当画面中几点大小不一时，大的点吸引力最强 点的形状点的形状 平面构成中，点的形状时多种多样的，分为规则（圆、平面构成中，点的形状时多种多样的，分为规则（圆、方、三角）和不规则（自由随意

20、的点），任何小的形方、三角）和不规则（自由随意的点），任何小的形态都可以构成点态都可以构成点点点 点的性格点的性格 圆点：饱满、充实圆点：饱满、充实 方点：坚实、规整、稳定方点：坚实、规整、稳定 水滴形：下落、重量、方向水滴形：下落、重量、方向 多边形：尖锐、紧张、闪动多边形：尖锐、紧张、闪动 不规则：自由、随意不规则：自由、随意点点点点 点的线化和面化点的线化和面化 点的连续产生线的感觉点的连续产生线的感觉 点的集合产生面的感觉点的集合产生面的感觉 点的大小产生深浅感觉点的大小产生深浅感觉 点的错觉点的错觉点点点的位置点的位置 点的感觉是相对的，不同的聚散排列和组点的感觉是相对的，不同的聚散

21、排列和组合，会带个人们不同的心理感受。合，会带个人们不同的心理感受。 点既可以形成画面中心，又可以与其他形点既可以形成画面中心，又可以与其他形态组合，起着平衡画面，填补空间、点缀态组合，起着平衡画面，填补空间、点缀和活跃画面气氛的作用。和活跃画面气氛的作用。 进行设计时，不仅要考虑点在版面中的分进行设计时，不仅要考虑点在版面中的分布，还要考虑位置，不同位置直接影响版布，还要考虑位置，不同位置直接影响版式效果式效果 点居于页面中心时，空间的视觉对称且张力均等，点居于页面中心时，空间的视觉对称且张力均等，主题显得特别突出。主题显得特别突出。点的位置点的位置 点居于页面上部时，视线向上移动，页面中其

22、他点居于页面上部时，视线向上移动，页面中其他内容有下沉感觉。内容有下沉感觉。点的位置点的位置点的位置点的位置 点居于页面左侧位置时，视线会自然向左移动，点居于页面左侧位置时，视线会自然向左移动，符合人们阅读习惯符合人们阅读习惯点的位置点的位置 点居于页面右侧位置时，会打破视觉流程习惯，点居于页面右侧位置时，会打破视觉流程习惯，视觉重心自然向右移动。视觉重心自然向右移动。点在版面中的常见分布形式点在版面中的常见分布形式点在版面中的常见分布形式点在版面中的常见分布形式点在设计中的作用点在设计中的作用线线 线的定义线的定义 几何学中：线是点移动的轨迹，只有长度和位几何学中：线是点移动的轨迹，只有长度

23、和位置，没有宽度和厚度置，没有宽度和厚度 平面构成中：线是宽度和长度相差很大的形体，平面构成中：线是宽度和长度相差很大的形体，既有长度，也有宽度和位置既有长度，也有宽度和位置 线的形状及性格线的形状及性格线线线线 线的形状及性格线的形状及性格 空间的视觉流动线即空间的视觉流动线即“视觉流程视觉流程”，容易忽略，容易忽略 线的错觉线的错觉线线 线的面化线的面化线的面化线的面化线的空间分割线的空间分割线的空间力场线的空间力场线的空间约束能力线的空间约束能力线在设计中的作用线在设计中的作用面面 面的概念面的概念 点的放大、点的密集点的放大、点的密集 线的重复，线的分割产生的各种比例空间线的重复，线的分割产生的各种比例空间 面有长度，阔度但无厚度，有位置及方向性面有长度，阔度但无厚度，有位置及方向性 实面：实体的完全封闭有明确形状可视的面实面：实体的完全封闭有明确形状可视的面 虚面：虚面： 点的平面集合点的平面集合 线的平面集合