02-版式设计构图元素

2-1、“点”的编排构成
“点”的构成与表现
• 不同的构成方式、大小、数量的点能形成不同的效果 • 将数量众多的点疏密有致的混合排列——密集型编排 • 运用剪切和分解的基本手法来破坏整体型形成新的构图效 果——分散性编排
左：密集型编排；右：分散型编排
各种主要由“点”构成的版式设计
2-1、“点”的编排构成
专题：特殊情况怎么办？（之一）
完全没有图片素材，怎么办？
2-2、“线”与空间的关系
“线”的空间力场
• 力场是虚拟存在的 • 通过视觉引发的感受 • 力场的大小与线的粗细虚实有关
2-2、“线”与空间的关系
“线”的空间约束能力
• 根据版面需求改变线条形态，形成 对空间的约束 • 线的粗细将带来不同的约束力
2-2、“线”与空间的关系
“线”的编排依据
• 线的情Hale Waihona Puke Baidu • 线的节奏 • 线的空间
“线”的构成与表现
2-2、“线”与空间的关系
“线”的空间分割
• 运用线可以对版面进行分割 • 分割时要把握好版面中各元素之间的关系 • 划分空间的主次关系、呼应关系、形式关系
2-2、“线”与空间的关系
“线”的空间分割——常见的分割方式
• • • • 对相同、相似的形态进行空间等量分割→秩序感 对图文进行空间分割→更清晰，整体更统一 不同比例的风格→节奏感、对比效果 骨骼分栏中的直线分割→易读性强，条理清晰
“点”的编排方式
• 可以作为画面的主体，也可以与其它元素组合 • 要考虑数量和分布方式 • 要安排合适的位置
通过“点”来协调版面中的各种关系
通过“点”来协调版面中的各种关系
2-1、“点”的编排构成
“点”的编排方式
•
常见的点的分布（实际版面中不一定会如此理想）
2-2、“线”与空间的关系
2-2、“线”与空间的关系
2-3、“面”的版面构成
“面”的编排方式
几何直线型
几何曲线型
自由曲线（直线）型
2-3、“面”的版面构成
“面”的分割构成：整体感和秩序感
2-3、“面”的版面构成
“面”的情感构成：不同的性格和丰富的内涵
2-4、版面空间构成
2-4、版面空间构成
更改版面比例营造版面空间感
• • • • 平面设计中的空间感主要通过面来表现 远、中、近的空间层次关系的处理 主要元素放大，次要元素缩小 主次强弱分明，版面富有韵律和节奏感
第二章：版式设计构图元素
上节课作业：
调整后：
前置内容： 阅读教材《版式与设计》p8-p13
2-1、“点”的编排构成 2-2、“线”与空间的关系 2-3、“面”的版面构成
2-4、版面空间构成
2-1、“点”的编排构成
2-1、“点”的编排构成
“点”的构成与表现
• • • • 通常意义上的点线面分别是属于0维、1维、2维的 点带来的效果取决于与其它元素的比例 圆点是最理想状态的点 “点”不仅仅指圆点（文字，细小的图形等也叫点）
2-4、版面空间构成
更改版面位置关系营造版面空间感
• 视觉中心是版面最引人注目的位置，接着按照上、左、右、 下的方式依次递减 • 根据主次顺序将重要的信息安排在注目价值高的位置 • 通过对素材的叠压编排形成层次感，但是会降低注目程度
2-4、版面空间构成
更改版面黑白灰层次营造版面空间感
• 黑白灰代表无颜色，也属于空间层次 • 黑色代表阴影，白色代表高光，灰色代表中间色 • 版面色调的命案关系也决定了黑白灰的远中近的关系
2-2、“线”与空间的关系
2-3、“面”的版面构成
2-3、“面”的版面构成
“面”的构成与表现
• “面”是“线”的发展和延伸 • “面”组成的图形更具有视觉冲击力 • 可以作为重要信息的背景以突出信息
2-3、“面”的版面构成
“面”的编排方式
• • • • 根据形状和边缘的不同，面的形态会产生很多变化 主要分为几何型与自由型 几何型较为规则、工整 自由型更加灵活多变
“线”的构成与表现
• • • • “线”是“点”的发展和延伸 “点”通常是独立体，“线”能够将这些独立体统一 具有引导、装饰、组合分割版面中各元素的作用。 分为实线、虚线以及肉眼无法看见的视觉流动线
2-2、“线”与空间的关系
“线”的构成与表现
2-2、“线”与空间的关系
“线”的构成与表现
2-2、“线”与空间的关系