版式设计课件：版式设计的结构与视觉流程.pptx

版式设计的结构与视觉流程

第一节版式设计的结构

第二节版式设计的视觉流程;学习目标

掌握版式设计的基本结构类型及其特点。

了解版式设计的视觉流程类型及其应用。;第一节版式设计的结构

一、分栏

分栏是指将版面均等分成横或竖的文字排版区域。常见的分栏有竖向通栏、双栏、多栏，一般以竖向分栏为多。图片和文字编排应用分栏时，可给人以严谨、和谐、理性之美。;一、分栏

1.竖向通栏

竖向通栏画面适合纯文字编排，良好的通栏版面会传递冷静、严肃的感受，但也会产生呆板、无趣的负面效果，在使用这种设计方式时，可通过调整字体、设计底纹等方法使画面生动起来。;一、分栏

2.竖向双栏

竖向双栏适合文学类书籍、杂志内页正文的编排，也可使用左边放置文字、右边放置图片的方法将版面重新划分，以增强版面的变化性。;一、分栏

3.纵向多栏

均衡的多栏适用于添加文字多且密集、版面又太宽的版面，最常见的就是报纸版面的编排，可以根据正文内容调整栏的宽度。;一、分栏

4.横栏

横栏近似于竖向通栏，但有其自身特点，主要就是横栏版面有明显的横向分割版面的标记，比如底纹色彩的阶段变化，栏之间有横线相隔。还有就是在每个栏内并不以通栏的形式排列文字，而是根据素材进行文字错落编排或图文混排。;5.特殊的栏

很多时候栏要根据设计需要来设定，特殊版面中可能同时存在横栏和竖栏，栏的大小、宽窄也不尽相同，打破对称的格式，一般适用于设计散页，强调页面的视觉效果。

右为日本平面设计大师原研哉的四幅作品;5.特殊的栏

以文字为主的版面，经常用线条来分栏，线条分栏可以使栏之间的分界更加清晰，便于读者阅读，同时线条样式多变，在画面中能够起到很好的装饰效果。;第一节版式设计的结构

二、满版

满版式设计主要用图片传达信息，以图片充满整个版面，在视觉传达上有直观、表现力强的特点。根据版面的需要，文字的位置编排在版面的上下、左右、中心点上，层次清晰，传达信息准确明了。满版式给人??方、直白的感觉，常用于平面广告中。

右图为设计师佐藤晃一的作品，在视觉上有强烈的效果，更加吸引人们的注意。;二、满版

满版式设计有主题突出、传播速度快、视觉表现强烈的效果，是杂志广告内页、招贴设计等版式设计中主要的表现形式。;第一节版式设计的结构

三、分割

分割是指版面中以设计效果为目的的区域划分，是版式设计常用形式之一。分割可以调整画面的灵活性，对画面进行一些取舍再拼贴，形成另一种风格的版式。下面介绍三种常用的分割方法。

1.水平分割

水平分割是将整个版面分为上下两个或多个部分，在分割的某部分配置图片，其他部分配置文字。有图片的部分有窗口一般的感性活力，而文字部分则理性、静止。上下可以分配多幅或者一幅图片，文字应稍多，以调节版面。;1.水平分割;2.垂直分割

垂直分割是把版面分割为左右两个部分，分别在左右配置文字或图片。当左右两部分形成强弱对比时，会造成整个画面视觉的不平衡。但也只是视觉习惯的问题，不如上下分割视觉自然。若是将分割线虚化处理，或用文字进行左右重复或者穿插，左右图文在视觉上则会自然得多。;3.自由分割

自由分割是无规则、不受限制地分割画面的一种方式，它不同于数学规则分割产生的整齐效果，自由分割可使画面产生活泼、不受约束的感觉。

如右图，斜线分割画面产生运动感，适合运动主题招贴。;3.自由分割

自由分割编排时应注意图片大小、主次分明、方形图与退底图的搭配，同时还应考虑疏密、均匀、视觉方向等因素。自由分割看似随意的分散构图，其实包含着设计者的精心构思与巧妙布置，整个画面要有统一的气氛，如色彩的统一等。;3.自由分割

自由式版式如同散文一样“形散而神不散”，给人以回味无穷的感觉。这种构图方法适用于人物多的场景中，可制造热闹、欢庆、忙碌的现场感，也能够传达更多的主题信息。

自由式设计将文字和图像分散排列在页面各个部位，视觉虽然分散，但整个版面仍能给人以统一、完整的感觉。总体设计时应注重统一气氛，进行色彩或图形的相似处理，注重节奏、均衡、疏密等要素，避免杂乱无章，做到形散神不散。同时又要突出主体，符合视觉流程规律，这样才能取得最佳效果。;第二节版式设计的视觉流程

版面的视觉流程是视线随各元素在版面空间沿一定轨迹运动的过程。人们认识事物的顺序是先感性，然后理性地运用思维进行思考和分析。设计师通过多样的表达手法巧妙引导读者，加上合理的形式、色彩、文字的构成安排，才能创造出符合人们习惯和心理