1、A1第二章版式设计基本要素及构成规律A2第一节 版式设计的基本要素第二节 版式设计中的视觉流程第三节 版式设计中的形式法则A3 点、线、面、肌理、色彩点、线、面、肌理、色彩是构成视觉空间是构成视觉空间的基本元素,也是版面构成上的主要语言。版的基本元素,也是版面构成上的主要语言。版面构成实际上就是如何经营好这些元素。不管面构成实际上就是如何经营好这些元素。不管版面的内容与形式如何复杂,但最终可以简化版面的内容与形式如何复杂,但最终可以简化到这几种元素上来。到这几种元素上来。 第一节 版式设计基本要素A4 点是所有空间形态中最简洁的元素,也是最活跃最不安分的元素。几何学上的点是肉眼看不见的。版面设
2、计中的点占有一定位置,又具有把自身同周围相区分的某种界限轮廓。1.点的形式:(1)文字点:通常是字间距离较大,在版面中比例较小会形成视觉上的点。(2)图形点:通常包括有机形、规则形、自然形等。常见的图形点对象有圆形、方形、五角星、墨点等构成。(3)图文结合点:通过文字与图形结合形成,通常以图形为底图。2.点的属性规则点给人以整齐、统一的感觉;有机自然形的点,给人柔和、自然感觉;偶然形的点,自由、活泼而富有哲理性一、点一、点A5A6 当版面中有二个点时,它能引人的视线,成为当版面中有二个点时,它能引人的视线,成为视线的集中处。视线的集中处。A7点放在版面视觉中心,给人强烈的感觉点放在版面视觉中心
3、,给人强烈的感觉A8 同时出现两个或两个以上相同时出现两个或两个以上相同大小的点时,在点与点之间就同大小的点时,在点与点之间就会形成一种视觉上的线的连接。会形成一种视觉上的线的连接。A9 点按一定的距离排列点按一定的距离排列时,我们就会在其中产生出时,我们就会在其中产生出虚拟形的感觉。虚拟形的感觉。 点的水平排列,具有平稳、安详的感觉。A10 点沿着斜线方向作渐变点沿着斜线方向作渐变排列,可形成一种远近变化。排列,可形成一种远近变化。A11 点的面积放大并重叠,能点的面积放大并重叠,能体现出一种图形化的美感来,形体现出一种图形化的美感来,形式感极强式感极强。A12 点沿着一定的方向作自由的构成
4、,点沿着一定的方向作自由的构成,具有流动、抒情、愉快的感觉。具有流动、抒情、愉快的感觉。A13二、线二、线 线是点的移动轨迹,线在编排设计中有强调、分割、引导视线的作用。页面中的内容较多时,需要进行版面的空间分割。1.线的形式(1)文字线:有单排文字或者行距超大的段落文字,容易形成视觉上线的感觉。形式有直线文字、曲线文字等。(2)图形线:采用绘图手法绘制的线。形式主要有直线、曲线、实线、虚线等。图形线中也有规则线、偶然线等。A14A15 由于线具有不同特征,由于线具有不同特征,便赋予线在视觉上的多样便赋予线在视觉上的多样性。因此,我们在版面构性。因此,我们在版面构成之前,应先对线的运用成之前,
5、应先对线的运用有一定的了解,知道怎样有一定的了解,知道怎样的线和形式比较适合于哪的线和形式比较适合于哪一类版面,这是极为重要一类版面,这是极为重要的条件,也才能产生你所的条件,也才能产生你所需要表达的意念需要表达的意念。线的情感因素线的情感因素 直线给人以单纯、明确、直线给人以单纯、明确、庄严的感觉。庄严的感觉。A16 水平方向的线,令人产生开阔、平水平方向的线,令人产生开阔、平静、安定、永无止境的感觉。静、安定、永无止境的感觉。A17 垂直方向的线令人产生垂直方向的线令人产生蓬勃向上、崇高的情绪。蓬勃向上、崇高的情绪。 曲线给人以丰富、柔曲线给人以丰富、柔软、流畅的感觉。软、流畅的感觉。A1
6、8 斜线具有方向、动荡和不安的斜线具有方向、动荡和不安的感觉,富于现代意识和速度感。感觉,富于现代意识和速度感。A19 用抽象的自由曲线,形象用抽象的自由曲线,形象地表现一位足球运动员射球后地表现一位足球运动员射球后动双臂欢呼,甚至翻跟斗的运动双臂欢呼,甚至翻跟斗的运动轨迹和心理曲线。动轨迹和心理曲线。 自由曲线最能体现出情自由曲线最能体现出情感的抒怀。感的抒怀。A20下半圆则有不安定感,但充满了快乐。下半圆则有不安定感,但充满了快乐。A21 线不但具有其情感上线不但具有其情感上的因素,且具有方向性、的因素,且具有方向性、流动性、延续性及远近感。流动性、延续性及远近感。它所产生的空间深度和广它
7、所产生的空间深度和广度,为版面构成带来了广度,为版面构成带来了广阔的思维空间。阔的思维空间。线的空间构成线的空间构成 版面长线与短线的比例,除了扩大版面长线与短线的比例,除了扩大与缩小之外,还令人产生远近之感觉。与缩小之外,还令人产生远近之感觉。A22A23 线的色块反衬,产生一线的色块反衬,产生一种节奏与韵律。种节奏与韵律。A24 运用同心放射的原理所运用同心放射的原理所构成的版面。构成的版面。A25 离心式是由中心向四周放射,离心式是由中心向四周放射,就好像太阳光芒的照射,能起到扩就好像太阳光芒的照射,能起到扩充版面的作用。充版面的作用。 由不同方向向同一中心聚集,由不同方向向同一中心聚集
8、,这种向心式的构成方式,往往是这种向心式的构成方式,往往是版面主题的位置所在。版面主题的位置所在。A26 线的自由分割性,使线线的自由分割性,使线在版面设计中具有独特的造在版面设计中具有独特的造型功能。它可以完全凭借个型功能。它可以完全凭借个人感觉来分,不受固定的条人感觉来分,不受固定的条条框框所制约,灵活性大。条框框所制约,灵活性大。悉心钻研此种方法,对版面悉心钻研此种方法,对版面的标新立异有神益。的标新立异有神益。 一根线可以把版面分割一根线可以把版面分割成左右两半,从而产生形的感成左右两半,从而产生形的感觉。觉。A27A28A29A30三、面 面在平面设计中是点的扩大、线的重复。面的形态
9、除了规则的几何形式外,更多的是不规则的形态。可以说其表现形式多种多样。面给人以整体美感,使空间层次丰富,使单一的空间多样化。1.面的形式:(1)文字面:单个文字放大,版面比例大形成的面;大量细小段落文字以块状出现形成的面。(2)图形面:以线绘制成某一形状通过填色形成的面;直接使用图片作为背景或者插图形成的面。(3)空白面:版面设计中留出的空白。A31A32 面的应用A33 倒三角形给人活泼、新奇的倒三角形给人活泼、新奇的感觉。感觉。 正三角形在版面安排上正三角形在版面安排上给人以坚实、稳定的感觉,恰给人以坚实、稳定的感觉,恰似金字塔式的永恒。似金字塔式的永恒。A34 方形使人感觉稳重、厚方形使
10、人感觉稳重、厚实、坚强而深沉。实、坚强而深沉。A35A36 正形在版面构成上是实正形在版面构成上是实体,具有紧张、向前、明确的体,具有紧张、向前、明确的感觉。感觉。 由大小渐变形构成的版由大小渐变形构成的版面,具有空间感。面,具有空间感。A37A38A39 黑、白、灰在版面构成中也是一种点、线、面因黑、白、灰在版面构成中也是一种点、线、面因素的构成。无论是有色的或是无色的版面,都可归纳素的构成。无论是有色的或是无色的版面,都可归纳为为黑、白、灰的空间构成黑、白、灰的空间构成。 黑、白、灰是对世界异彩纷呈的抽象概括。在版黑、白、灰是对世界异彩纷呈的抽象概括。在版面构成中,一般感觉最敏锐的是白色,
11、最迟钝的是灰面构成中,一般感觉最敏锐的是白色,最迟钝的是灰色,介于两者之间是黑色。黑、白、灰对比编排,色,介于两者之间是黑色。黑、白、灰对比编排,单单纯醒目,最能保存远距离的视觉冲击力。纯醒目,最能保存远距离的视觉冲击力。A40 由点、线、面构成的由点、线、面构成的黑、白、灰的空间层次。黑、白、灰的空间层次。A41不同的黑、白、灰呈现不同的远近效果不同的黑、白、灰呈现不同的远近效果A42A43A44版面点线面构图的讨论版面点线面构图的讨论:平均对待产生的平均对待产生的“花花”的版面,应避免面积相等的呆的版面,应避免面积相等的呆板板A45一大一小的两组,形成对比变化效果一大一小的两组,形成对比变
12、化效果A46缺少张力,过于内敛,有疲乏无力之感缺少张力,过于内敛,有疲乏无力之感A47版面产生向外扩张的力感,比原来版面产生向外扩张的力感,比原来显得更大气有动感。显得更大气有动感。A48感觉版面过于感觉版面过于“挤挤”、“堵堵”、“动感抵动感抵消消”A49 图形上移,减少,流出版面下部足够的空间,向下图形上移,减少,流出版面下部足够的空间,向下运动的要素有了活动的余地,形成版面上重下轻、上满运动的要素有了活动的余地,形成版面上重下轻、上满下空,版面更显轻松、愉快。下空,版面更显轻松、愉快。A50版面缺少变化版面缺少变化通过穿插、错落处理,版面通过穿插、错落处理,版面的空白、虚实更好的空白、虚实更好A51版面缺少变化版面缺少变化通过穿插、错落、色彩处理,通过穿插、错落、色彩处理,产生版面的空白、呼应效果产生版面的空白、呼应效果A52版面变化缺少版面变化缺少通过移动线条位置,出现变通过移动线条位置,出现变化,显得灵活效果更好化,显得灵活效果更好