版式设计的重点

1、 上次课复习 1、版面设计的原则是什么 ？ 2、版面设计的功能是什么？ 3、版面设计的程序是什么？ 4、版面设计的视觉构成元素主要有哪些？ 5、版式的视觉流程有哪几种表现形式？1（ 二）版式设计2本次课内容一 教材串讲 四、五、六、七章二 理论知识3第四章重点：一美学的概念？P49二 美学法则分类和内容？P4963必看：每张图片解释说明思考题：P654第五章重点：一 标准字体、字号、字距大小？P6568二 标题性文字强化设计、正文字有层次设计、风格和内容的统一 P6992必看：每张图片解释说明思考题：P935第六章重点：文字和图片进行合理的分配面积大小P94112必看：每张图片解释说明思考题：

2、P1126第七章重点：做设计重要的是主次明确、风格统一P114127必看：每张图片解释说明思考题：P1277本次课内容版式的排列作用和类型版式设计的基本类型版式设计的网格系统-作用和类型网格设计的应用8 版面的排列主要表现为版面上各类元素的和谐搭配，在编排的过程中必须做到信息传达的逻辑关系一致、主次分明，表现合理。 版面的主要元素是文字、图形、色彩等通过点、线、面的组合与排列构成的，并采用夸张、比喻、象征的手法来体现视觉效果，既美化了版面又提高了传达信息的功能。 （一）版式的排列19以图形为主的杂志版式设计版面的大小比例以文字为主的杂志版式设计以图形为主的杂志版式设计版式的排列类型210两栏对

3、称示意图对称对称画面的特点是使画面统一、庄严，给人高品质、可信赖的感觉。均衡是在视觉上给人左右平衡的感觉，但是不对称。对称与均衡的结合可以使整个版面变的更趣味性，具有生动、活泼、明确的视觉效果。三栏对称示意图三栏对称版面版式的排列11黄金版面 黄金比例是希腊建筑美的基准（1:1.618），这个传统比例一直影响着社会美学。黄金版面在很多作品中都存在，它所分割开来的两个页面部分的比例，是自然界和谐共存的一种表现。符合黄金分割的比例形式最容易引起人视觉上的美感。设定黄金比例的主要步骤版式的排列12对比和平衡对比可以是形态上的也可以是色彩和质感上的。对比使画面具有明了、强烈的视觉效果。平衡是一种相对的

4、稳定状态，在版式设计中主要表现为版面的上下左右比例适中，左右版面接近均衡的版面结果，在视觉上给人平衡稳定的视觉效果。版式的排列13四边和中心 在版面结构布局上，四边与中心有着潜在的重要性。四边是指版心边界的四个点，把四边连接起来的斜线即对角线，交叉点就是中心。编排的时候通过四边和中心结构使版面更具多样化视觉效果。 版式的排列14 “破”是指打破拘束、打破平衡、增添动感的手法。 破型的版式表现应注意把持这个尺度，不能太过，必须考虑到受众是否能够辨别出并从中获得信息，这才是版式设计的主要目的所在。破型版式的排列15满版型版式设计 满版型主要以图片传达信息，以图片充满整个版面。在视觉传达上直观，表现

5、强烈。根据版面的需要，文字的位置编排在版面的上下、左右、中心点上，层次清晰传达信息准确明了。满版型给人大方、直白的感觉，常用于平面广告中。（二）版式设计的基本类型316 整个画面都是采用了一整张照片的形式进行信息宣传，当照片放大到一定的比例，在视觉表现上具有强烈的视觉效果，吸引人们注意。满版型版式设计具有传播速度快、视觉表现强烈的宣传效果，是版式设计中最主要的表现形式。版式设计的基本类型17分割型版式设计 分割也是版式设计中重要表现手法，分割可以调整画面的灵活性，对画面进行一些取舍再拼贴，形成另一种风格的版式。下面介绍三种常用的分割方法。 第一种是等形分割。分割形状完全一样，分割后再把分隔界线

6、加以调整取舍，达到的一种有良好的效果。等型分割版式设计的基本类型18 第二种是自由分割。就是不规则的、无限制的，将画面自由分割的一种方式，它不同于数学规则分割产生的整齐效果，但随意性分割，使画面产生活泼不受约束的感觉。自由分割版式设计的基本类型19 第三种是比例与数列。利用比例关系完成的构图通常都具有秩序、明朗的特性，给人清新的感觉。分隔具有一定的法则，如黄金分割法、数列等。 比例分割版式设计的基本类型20 采用了分割的手法，使画面变得有生气，不像一张单一照片那么呆板。分割的版式具有强烈的空间感，展现了版式的灵活性。 设计点评21倾斜型版式设计倾斜型版式设计主要表现为：版面主体形象或多幅图版做

7、倾斜编排，造成版面强烈的动感和不稳定因素，引人注目。版式设计的基本类型22三角型版式设计 第一种是正三角形版式。正三角形自古以来都是象征稳定的图形，在版式设计中，正三角形的版式设计给画面更稳定、更安全、值得信赖的感觉。正三角形版式版式设计的基本类型23倒三角形版式 第二种是倒三角形版式。倒三角形则给人以动感和不稳定感。版式设计的基本类型24曲线型版式设计曲线型版式 曲线型版式设计就是在一个版面中图片或文字在排列结构上作曲线的编排构成，所产生的节奏和韵律。曲线版式设计具有一定的趣味性，让人的视线随着画面上元素的自由走向而产生变化。版式设计的基本类型25 自由型版式设计在版面结构中采用无规律、随意

8、地编排构成，使画面产生活泼、轻快的感觉。自由型版式设计没有网格的约束，在排版上体现个性风格化设计。在编排的过程中要注意把握画面的协调性。自由型版式设计自由型版式版式设计的基本类型26 是一张餐饮杂志的版面，从版面编排类型来看，杂志版面运用的是满版型的编排形式突出版面主题，使版面具有活跃性，给人强烈的视觉效果。设计点评27 该版面图片编排在版面的上部具有强烈的视觉效果，文字编排在图片的下部具有信息说明的作用。该版面的视觉重心设置在上部，给人以轻松、愉快之感。 设计点评这一张你来评评看！28 该设计为杂志宣传广告，整个版面以图片为主要表现因素。在版式设计中图片的比例大小对整个画面的视觉效果有着很大

9、的影响。图片比文字更能吸引人们注意。采用了满版型的版式设计，从画面上强调宣传目的。文字根据画面的需求进行有机的调整排列，使整个画面显得和谐层次清晰，达到了宣传的目的。设计点评这一张呢？29（三）版式设计的网格系统网格在版式设计中的重要性网格构成是现代版式设计最重要的基础构成之一。作为一种行之有效的版面设计形式法则，将版面中的构成元素点、线、面协调一致地编排在版面上。 网格在版式设计中有着约束版面的作用，其设计特点主要强调了比例感、秩序感、整体感与严肃感，使整个版面具有简洁、朴实的版面艺术表现风格，在版式设计中成为主要的构成元素。 30网格的排列杂志版式 网格作为版式设计中的重要基础要素之一，构

10、建出良好的骨架是很重要的。在版式设计中，一个好的网格结构可以帮助人们在设计的时候根据网格的结构进行版式设计。在编排的过程中有明确的版面结构。版式设计的网格系统31（1）网格具有版面需求性（2）网格具有信息组织的功能性（3）网格具有阅读的关联性版式设计的网格系统网格系统的作用432对称式网格 对称式网格的目的主要是组织信息，平衡左右版面的作用。网格的类型杂志版式对称网格33 对称式栏状网格分为单栏网格、双栏网格、三栏、四栏、甚至多栏网格等。单栏网格双栏对称网格（1）对称式栏状网格网格的类型5疲惫。单栏用于文字性书籍，如小说、文学著者等。因此在单栏式网格中文字的长度一般不要超过60字。2）版面平衡

11、，使阅读更流畅。版面缺乏变化，文字的编排比较密集，画面显得有些单调。34三栏对称网格五栏对称网格网格的类型避免视觉疲劳感。三栏网格的运用使版面具有活跃性，打破了单栏的严肃感。4）有关表格形式的文字，比如说联系方式、术语表、数据目录等信息。这种版式的单栏太窄式不适合编排正文的。35单元格对称网格（2）对称式单元网格 对称式单元网格在版面编排中，将版面分成同等大小的网格，再根据版式的需要编排文字与图片。这样的版式具有很大的灵活性，可以随意编排文字和图片。在编排过程中，单元格之间的间隔距离可以自由放大或者缩小，但是每个单元格四周的空间距离必须相等。 网格的类型36非对称栏状网格(3)非对称式网格 非

12、对称网格是指左右版面采用同一种编排方式，但是在编排的过程中并不像对称网格那样绝对。非对称网格形式在编排的过程中，根据版面需要调整版面的网格栏的大小比例。使整个版面更灵活，更具有生气。 网格的类型37 非对称网格主要分为非对称栏状网格与非对称单元网格两种。 非对称栏状网格非对称单元格网格网格的类型38基线网格(4)基线网格 基线网格通常是不可见的，但它却是平面设计师的基础。基线网格提供了一种视觉参考，它可以帮助版面元素的准确编排与对齐页面，是凭感觉无法达到的版面效果。 网格的类型39(5)成角网格 成角网格在版面中往往很难设置，网格可以设置成任何角度。成角网格发挥作用的原理跟其他网格一样，但是由

13、于成角网格是倾斜的，设计师在版面编排时，能够以打破常规的方式展现自己的风格创意。网格的类型40对称网格网格的建立栏状网格与单元格 一套好的网格结构可以帮助设计师明确设计风格，排除设计中随意编排的可能，使版面统一规整。设计师可以利用两者的不同风格来编排出灵活性较大，协调统一的版面构成设计。（四）网格在版式设计中的应用41网格的编排形式（1）多语言网格编排（2）说明式网格编排网格在版式设计中的应用42网格与无网格对比版面网格与无网格对比版面无网格版面(3)打破网格 打破网格的约束使版面设计更具有自由性，但是很难把握版面的平衡，就算是很优秀的设计师也很难准确的把握画面的平衡感。网格在版式设计中的应用

14、43 该菜谱在版面编排时，根据对版面元素的了解选择适当的网格结构，使其达到信息传达明确。在该版面中，采用大小图片的对比关系，使整个版面具有版面的活跃性，选择一张满版出血图，运用图片中元素的生动感，能有效地勾起人们的食欲。 设计点评44 时尚女性品牌宣传画册版面设计，在编排这样的版面时，注意版面的文字与图形的编排结构，使版面具有个性新颖的视觉版面效果，符合品牌形象宣传。 设计点评该你了！45 版面采用网格结构中的两栏对称编排的网格结构，使整个版面左右具有强烈的稳定性。运用图片的对比编排使版面具有活跃感。文字的大小对比关系打破了对称网格的沉闷，具有版面的活跃感。 设计点评这个版面呢！46 本设计为

15、杂志内页版面设计。该版面采用双栏网格与单元格网格形式的结合，将版面划分出明确的结构，文字与图片按照网格的结构编排在版面中，体现了版面的稳定与整洁。该版面层次清晰，文字采用左右均齐的编排形式，体现了版面的整洁与朴实感。图片运用单元格的形式编排，展现了整个版面的活跃性。设计点评再来评评这个版面！47 该设计是是一张网页版面设计。该网页采用对称式单元格网格的编排形式，该网页设计中每个单元格的距离为零，图片集中编排在版面中心，使整个版面结构更紧凑，更具有规律性。版面的四周空出很大面积的空间，强调了版面的视觉中心，同时也加强了版面的空间节奏感，整个版面给人规律、整洁的视觉效果。设计点评这个版面怎么样！48 该设计是一张杂志版面设计。文字与图片的编排采用了对称栏状网格的编排形