视觉原理与平面构成

营造平面的空间感
• 通过黑白灰的空间层次营 造空间感 – 黑色体现阴影 – 白色体现高光 – 灰色体现中间调
实验内容
• 点线面综合构成练习
– 以点、线、面为造型元素进行组合，形成有丰富视觉 效果的画面。 – 运用对比和调和，注重形式美感 – 尽量避免具象形态的出现，做出3个作品
– 版面中图与图、图与文字间成自由分散 状态 – 散状排列强调感性、自由随机性、偶合 性，强调空间和动感，追求新奇、刺激 的心态，常表现为一种较随意的编排形 式，在国外平面设计中十分流行 – 阅读过程不如直线、弧线等流程快捷， 但更生动有趣。也许这正是版面刻意追 求的轻松随意与慢节奏。
构成的缘起
• 古希腊“宇宙四元轮”
格式塔原理
• 格式塔理论认为，物体的属性（包括空间位置、形状、颜 色、运动等）时，大脑起到了至关重要的作用。视野中的 物体并不是自然界中的原来面貌，而是人的大脑经过各种 线索的分析与整合后形成的主观形式。 • 格式塔理论的核心是：形象感觉是大脑将视觉元素或视觉 形式组织成不同群落的结果
• 总结
– 人们总是先看到整体，然后再去关注局部； – 人们对事物的整体感受不等于局部感受的加法； – 视觉系统总是在不断的试图在感官上将图形闭合；
视觉流程
• 最佳视域
视觉流程
• 线型视觉流程
– 直线视觉流程
• 竖向：视线上下流动， 感觉直观、坚定 • 横向:引导视线从左向右， 给人稳定、恬静感觉 • 斜向：比水平、垂直更 有视觉诉求力,以不稳定 状态引起注意
视觉流程
• 线型视觉流程
– 曲线视觉流程
• 各视觉要素随弧线、回旋线而运动 • 不如单向视觉流程直接简明，但更具韵味、节奏和曲线美。 曲线流程的形式微妙而复杂，可概括为弧线形“c”和回旋 形“s”。
• “面”是点和线的升华，具有丰富空间层次、烘 托及深化主题的作用 • 点的密集或线的重负都可以转换为面 • 线的分割产生各种比例的空间，同时也形成各种 比例关系的面
营造平面的空间感
• 通过改变比例关系营 造空间感 – 近大远小产生的近 中远的层次关系 – 编排中可将主体元 素或标题文字放大、 次要元素缩小
格式塔原理的组织原则
• 相似律 Law of similality
– 人在感知事物时，往往把相似的东西视为一类，归 结在一起
相似律的应用
格式塔原理的组织原则
• 简律 Law of Pragnanz
– 从构图形象中排除不重要的部分，只保留那些绝对 必要的组成部分，从而达到视觉的简化。
简律的应用
线
• 线的错觉
线的面化
• 线的面化
线的空间分割
线的空间力场
线的空间约束能力
线在设计中的作用
面
• 面的概念
– 点的放大、点的密集 – 线的重复，线的分割产生的各种比例空间 – 面有长度，阔度但无厚度，有位置及方向性
面
• 实面：实体的完全封闭有明确形状可视的面 • 虚面：
– – – – 点的平面集合 线的平面集合 点的平面围绕 线的平面围绕
视知觉原理
• 格式塔”心理学
– 格式塔（Gestalt）一词来自德语， 英文是（configuration）原意是 “形式、形状、或一种被视觉分离出 来的整体”，该词有两个含义
• 事物具有的特定的形状 • 一个实体对知觉所呈现的整体特征
– 中文一般将格式塔翻译为完形，将格 式塔心理学称为完形心理学
[广告标题] 人，是上帝造的，广告标题] 女人，永不嫌穿得 女人是撒旦造的……， 太少……。
[广告标题] 女人的阴谋藏在 黛安芬里……
格式塔原理在视觉设计中的应用形式
• 正负形（图形与背景）
– 平面设计中的正负形是由原来的 图底关系转变而来.早在1915年 就以卢宾(Rnbin)的名字来命名, 所以又称为卢宾反转图形. – 注视杯子的时候,这就是图形,黑 色的部分就成了背景;反之亦然
• 线、面、块
平面构成
平面构成 ——点point、线 line、面surface
点
• 点的定义
– 几何学中的点：只有位置，无面积和形状 – 平面构成中的点：点是相对的，在各种对比中存在， 是相对周五面积而言很小的视觉形象。具有各种形状、 大小、深浅的差别，是一切形态的基础。
点
• 点的性质和作用
视觉流程
• 重心视觉流程
– 以强烈的形象或文字独据版面某个部位或完全充斥整 版。 – 在视觉流程上，首先是从版面重心开始，然后顺沿形 象的方向与力度的倾向来发展视线的进程。 – 向心、离心的视觉运动，也是重心视觉流程的表现。 重心的诱导流程使主题更为鲜明突出而强烈。
视觉流程
• 反复视觉流程
– 指相同或相似的视觉要 素作规律、秩序、节奏 的逐次运动。 – 不如单向、曲线和重心 流程运动强烈，但更富 于韵律和秩序美。
– 亚里士多德（公元前四世纪）：所有的物质都是由火、 空气、水、土四元素构成
• 中国易经八卦
– 万物由：地、山、水、风、雷、火、泽、天构成。“八 象备，万物生。”
• 20世纪
– 宇宙由88种自然元素结合成的化合物构成，任何物质 都由一些细小的原子或无强小的单元体按某种规律排列 组成
构成的含义
• 构成作为设计教育的一门独立研究的学科，作为 教学的基础课是从包豪斯以后才开始的。构成课 在20实际80年代初引入我国，现已成为各设计专 业的一门基础课和必修课。 • 构成是一种造型概念，其含义是将不同形态的几 个以上的单元重新组构成一个新的单元。
视觉原理与平面构成
本章提要
• • • • 视知觉原理 视觉心理 视觉流程 平面构成--点线面
视知觉原理
• 视知觉原理
– 视觉：眼睛所看到的内容 – 知觉：对所看到内容的反应，由每个人生活经 验、教育背景、周围环境、文化环境等决定 – 视知觉：同一个视觉作品在每个人看来具有不 同的意义，因为每个人有不同的阅历和思考， 这种由心理投射所形成的意识就是视觉的心理 活动，称之为视知觉原理。
点的位置
• 点居于页面中心时，空间的视觉对称且张力均等， 主题显得特别突出。
点的位置
• 点居于页面上部时，视线向上移动，页面中其他 内容有下沉感觉。
点的位置
• 点居于页面左侧位置时，视线会自然向左移动， 符合人们阅读习惯
点的位置
• 点居于页面右侧位置时，会打破视觉流程习惯， 视觉重心自然向右移动。
– – – – 点是力的中心，具有张力作用 处于画面视觉中心的点，吸引力最强 当画面中几点大小不一时，大的点吸引力最强 当画面中等大几点与底的黑白对比不一时，对比强的点 吸引力更强
点
等大几点与底的黑白对比不一时， 对比强的点吸引力更强
当画面中几点大小不一时，大的点吸引力最强
点
• 点的形状
– 平面构成中，点的形状时多种多样的，分为规则（圆、 方、三角）和不规则（自由随意的点），任何小的形 态都可以构成点
点在版面中的常见分布形式
点在版面中的常见分布形式
点在设计中的作用
线
• 线的定义
– 几何学中：线是点移动的轨迹，只有长度和位 置，没有宽度和厚度 – 平面构成中：线是宽度和长度相差很大的形体， 既有长度，也有宽度和位置
线
• 线的形状及性格
线
• 线的形状及性格
– 空间的视觉流动线即“视觉流程”，容易忽略
视觉流程
• 导向视觉流程
– 通过诱导元素，主动引导读者 视线向一定方向顺序运动，由 主及次，把画面各构成要素依 序串连起来，形成一个有机整 体，使重点突出，条理清晰， 发挥最大的信息传达功能。 – 导线有虚有实，表现多样．如 文字导向、手势导向、形象导 向以及视线导向等。
视觉流程
• 散点视觉流程
面
• 面的形状
– 直线型 – 曲线形 – 自由曲线 – 偶然性
面
• 面的性格
– 正方型：正直、充实 – 长方形：稳定、平静、严肃、伟大 – 圆形：饱满、张力、生命力 – 正三角形：稳定；倒三角形：不稳定 – 多边形：紧张、放射、不调和
面
• 面的错觉
面与色彩空间的关系
面在设计中的作用
点线面关系
Βιβλιοθήκη Baidu
三大构成
• 平面构成 The plane constitution
– 含义：研究形象在二度空间里的变化构成的科学,是探求 二维空间的视觉规律、形象的建立、骨格的组织、各种 元素的构成规律,造成既严谨又有无穷律动变化的装饰构 图。 – 研究内容
• 形态：点、线、面 • 色彩：彩色、无彩( 黑白灰)
• 肌理：视觉、触觉
格式塔原理的组织原则
• 近律 Law of Proximity
– 在时间上空间上紧密在一起的部分似乎是相属的，倾 向于被知觉知觉在一起
近律的应用
格式塔原理的组织原则
• 连续律 Law of continuity
– 知觉有追随一个方向的倾向，以便把元素联接在一起， 使他们看起来是连续的，或者向着一个特定的方向。
格式塔原理的组织原则
• 闭合律 Law of Closure
– 知觉有完成不完善图形, 填 补缺口的倾向 – 把局部形象当作一个整体 的形象来感知 – 在设计时，“闭合”指不 展现设计的全貌，而只给 关键的局部，让人们通过 完形去延伸和理解整体， 如“一叶知秋”
闭合律的应用
闭合律的应用
• 黛安芬百年企业形象设计广告系列 [广告正文] 100年来，女人，是黛安芬的唯一兴趣。
• 各种视觉元素应是目力所极，要有一定强度的诉及力 • 各种信息的意义必须易于为人所理解，并具备相应的视觉环境 • 说明文字要注意其可读性，字体、字型、大小比例、横竖位置、 字距间都要认真推敲。
– 设计构成的策略性。根据不同的设计要求，视觉传达 设计中的科学性、可视性、策略性应贯穿于视觉流程 的始终，形成不同特点的构成形式。
正负形的应用
视觉心理
• 视觉中心
– 画面中最受注目的地方
• 利用视觉移动规律通过设计的合理安排诱 导读者的视觉随着编排按照主次依次观看 下去。
视觉流程
• 一个成功的视觉流程设计，应能引导观者的视线按照设计 者的意图，以合理的顺序、快捷的途径、有效的感知方式， 去获取最佳信息。为此，它的设计原则应是： – 视觉流程的科学性，符合人们认识过程的心理顺序和 思维发展的逻辑顺序。 – 视觉元素的可视性
三大构成
• 色彩构成 The color constitution
– 含义：将人们长期形成的对色彩的感觉而产生的一种 思维定势、心理感受进行总结 – 研究内容 • 色相 • 明度 • 纯度
三大构成
• 立体构成 Three-dimensional constitutes
– 含义：是研究立体形态的材料和形式的造型基础学科。 立体构成研究的对象是立体形态和空间形态的创造规 律。具体来说就是研究立体造型的物理规律和和知觉 形态的心理规律。立体构成是三维度的实体形态与空 间形态的构成。结构上要符合力学的要求，材料也影 响和丰富形式语言的表达。立体是用厚度来塑造形态、 它是制作出来的。同时立体构成离不开材料、工艺、 力学、美学，是艺术与科学相结合的体现。 – 研究内容
点
• 点的性格
– – – – – 圆点：饱满、充实 方点：坚实、规整、稳定 水滴形：下落、重量、方向 多边形：尖锐、紧张、闪动 不规则：自由、随意
点
• 点的线化和面化
– 点的连续产生线的感觉 – 点的集合产生面的感觉 – 点的大小产生深浅感觉
点
• 点的错觉
点的位置
• 点的感觉是相对的，不同的聚散排列和组 合，会带个人们不同的心理感受。 • 点既可以形成画面中心，又可以与其他形 态组合，起着平衡画面，填补空间、点缀 和活跃画面气氛的作用。 • 进行设计时，不仅要考虑点在版面中的分 布，还要考虑位置，不同位置直接影响版 式效果