图文编排.ppt

《图文编排.ppt》由会员分享，可在线阅读，更多相关《图文编排.ppt（76页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、图图文文编编排排PAGINTION SYSTEM一一 图图文文编编排排概概述述二二 图图文文编编排排设设计计要要求求三三 图图文文编编排排的的构构成成元元素素四四图图文文编编排排设设计计原原则则五五 版版面面构构成成的的原原则则 六六图图文文编编排排的的设设计计类类型型七七图图文文编编排排的的视视觉觉流流程程目目录录图文编排图文编排PAGINTION SYSTEM一一.图文编排概述图文编排概述 图文编排图文编排设计是一个很广泛的概念，它被广泛应用到各个相关的设计领域，不同的领域有不同的侧重点，例如海报招贴设计，它的版式侧重于图形元素，而报纸杂志则侧重于文字编排元素，另外，还有产品包装设计，则是

2、图形，文字，色块相结合的结果。所以我们定义版面编排设计；图文编排设计是指在有限的空间里将文字、图形、线条、色块等内容，按一定的方式成功组合排列，产生美的感觉。所谓版式设计，就是在版面上，将有限的视觉元素视觉元素进行有机的排列组合有机的排列组合将理性思维，个性化地表现出来理性思维，个性化地表现出来一种具有个人风格个人风格和艺术特色艺术特色的视觉传视觉传送方式传达信息送方式传达信息，同时，也产生产生感官上的美感美感版式format 指书刊等的版面格式版面（报刊、书籍的一）整页图文编排的定义：图文编排的定义：编，指组织，排列；排，则是由排版、排字引意而来。二二.图文编排设计的要求图文编排设计的要求1

3、、创意:把主题思想和编排技巧相结合,设计出新颖别致 的版式是出人制胜 的关键3、情节，有情节的版面设计可以迅速 引起读者的注意，主要体现在文案内容及文字的编排。4.技术的运用，电脑编排设计发展的重要趋势。3 3.2 2.2.1 2.1 图文编排的含义图文编排的含义构成元素：构成元素：点、线、面、框架、文字、图片、图表。三三 .图文编排的构成元素图文编排的构成元素1.点在版面上的构成点是指版面中较小的形象，点在版面中会给人静止而稳重的感觉；如果点在版面的左方或右方会产生向中心运动的趋势；在上方或下方会产生上升或下降的趋势2、线 线具有位置，长度，宽度，也有方向，形状的属性3、面 面具有明显长度和

4、宽度，由于占的面积最多，视觉上比点，线更强烈，一般可分几何形和自由形两类。4.4.框架框架-编排设计的画面空间 （矩形、正方形、异形）5、文字在版式设计中的运用、文字在版式设计中的运用文字是任何版面的核心，也是视觉传达最直接的方式。在有限的版面空间中，将文字字体、图片图形、线条线框和颜色色块等元素，根据特定内容的需要进行组合排列，并运用造型要素和形式原理，把构思与计划以视觉形式表达出来。文字在图文编排应用文字在图文编排应用概念性设计/功能性设计/装饰性与功能相结合的设计/其他（1）、字体、字号、字距与行距A A、字体、字体字体的设计、选用是版式设计的基础。宋体仿宋体黑体楷体字体常用中文字体字体

5、字体字体Times New RomanArial BlackImpactFont常用拉丁字母字体FontFont在标题上为了达到醒目的效果，又出现了加粗字体与创意艺术字体等。粗黑体琥珀体霹雳体粗圆体钢笔行楷体海报体中宋体综艺体标题文字标题文字主副标题主副标题 当主标题不足以传达完整概念时，可设副标题或引言补充或说明。字体版式范例字体版式范例1-11-1粗黑体楷体黑体字体版式范例字体版式范例1-2中宋体宋体黑体B、字号、字号字号是表示字体大小的术语。计算机字体的大小，通常采用号数制、点数制、和级数的计算法。“点”也称磅，或者使用“p”代表。电脑排版软件就是使用点数制p来计算字号大小的。1p=0.

6、35mm标题字体的大小和正文字体大小的比率叫做跳跃率。C、字距与行距、字距与行距字距与行距的把握是设计师对版式的心理感受，也是设计师设计品位的直接体现。字距排列疏松排列有序而紧密的文字（2）、编排形式正文是信息的主体/前文则是提要正文字幅面的字间距规范：字数：15-35字（竖排）18-25字（横排）行间距：半个字 整个字身这主要是针对图形软件在排版正文时需要注意的编排方式。正文与前文 字幅面的一般编排方式：字幅面的一般编排方式：A A 齐头齐尾齐头齐尾B B 齐头不齐尾齐头不齐尾C C 居中编排居中编排D D 绕图编排绕图编排E E 不规则编排不规则编排F F 文字排成图文字排成图G G 图文

7、穿插图文穿插A、左右齐整、左右齐整文字可水平排列，也可垂直排列，一般水平排列居多。B、左对齐、左对齐让每一行的第一个文字都统一在左侧的轴线上，右边可长可短。C、居中编排、居中编排以版面的中轴线为准，文字居中排列，左右两端可以是相等也可以长短不一。D、文图穿插、文图穿插文图穿插是具有插图性质的处理手法，非常广泛的运用于文学作品和产品宣传册中。E、突出字首、突出字首把开头的第一个字突出加大，幅度一般占到两到三行行距的空间。（3）、标题的编排方式标题的位置、字体、大小、形状、方向的处理方式，直接关系到整个版面的艺术风格。6 6.图片图片照片先期总体设计/现成的资料插图写实/创意先期总体设计/现成的资

8、料写实插图 创意插图7.7.图表图表圆形、条形、曲线形四四.图文编排设计原则图文编排设计原则1、主题突出、主题突出一个成功的版面设计不是设计师个人风格的自我陶醉，而是在明确客户目的的基础上对内容的完美体现。造型艺术中的一种分割法则。亦称黄金分割率，简称黄金率。它的分割方法为,将某直线段分为两部分,使 一部分的平方等于另一部分与全体之积，或使一部分对 全体之比等于另一部分对这一部分之比。即：在直线段 AB上以点C分割,使(AC)2CBAB,或使ACABCBAC。实践证明,它的比值是:，约为1.6181 或10.618，被称为黄金比。2.比例与尺度比例与尺度大体上在图文编排的比例和尺寸是以黄金比作

9、为依据来排版。黄金比比例和尺度四种划分方式3.力场与动势力场与动势GETALT 格式塔心理学，在二十世纪中叶形成一个运动，它的基本意思是“形与完形”。认为“心理现象最基本的特征是在意识中显现经验的结构性与完整性”。认为画面体现出的整体意象是一个心物同形的过程。格式塔心理学 空白的形与色负形与白色相关因素：点的位置、形状、面向、运动方向、群化关系六六.图文编排的基本类型图文编排的基本类型 骨格型、满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型和四角型等13种骨格型骨格型规范的、理性的分割方法常见的骨格有竖向通栏、双栏、三栏和四栏等。一般以竖向分栏为

10、多。图片和文字的编排上，严格按照骨格比例进行编排配置，给人以严谨、和谐、理性的美.满版型满版型 版面以图像充满整版，主要以图像为诉示，视觉传达直观而强烈。文字配置压置在上下、左右或中部（边部和中心）的图像上上下分割型上下分割型整个版面分成上下两部分，在上半部或下半部配置图片（可以是单幅或多幅），另一部分则配置文字左右分割型左右分割型整个版面分割为左右两部分，分别配置文字和图片中轴型中轴型将图形作水平方向或垂直方向排列，文字配置在上下或左右曲线型曲线型图片和文字，排列成曲线，产生韵律与节奏的感觉倾斜型倾斜型版面主体形象或多幅图像作倾斜编排，造成版面强烈的动感和不稳定因素，引人注目对称型对称型对称

11、的版式，给人稳定、理性、理性的感受重心型重心型重心型版式产生视觉焦点，使其更加突出直接向心离心三角型三角型在圆形、矩形、三角形等基本图形中，正三角形（金字塔形）最具有安全稳定因素并置型并置型将相同或不同的图片作大小相同而位置不同的重复排列自由型自由型无规律的、随意的编排构成有活泼、轻快的感觉七七.图文编排的视觉流程图文编排的视觉流程(一)视觉流程 版面设计的视觉流程是一种“空间的运动”，是视线随各元素在空间沿一定轨迹运动的过程。通常视觉流程可以分为单向视觉流程、斜线视觉流程、曲线视觉流程、导向视觉流程等几种形式。1.1.单向视觉流程单向视觉流程 单向视觉流程一般按照常规的视觉习惯从左至右或从上

12、到下，引导读者视觉随编排中的各种信息，由主到次富有逻辑性地、有序快速地观看。其特点是传达速度快，给人简洁有力感，适合客观、理性的内容。根据视觉观察方向还可具体分为竖向视觉流程、横向视觉流程。A.竖向视觉流程竖向线的流程在版面中由于有一条或多条竖线贯穿版面上下,牵引着人们的视线上下来回地浏览,给人坚定、直观、顺畅的感觉。B.横向视觉流程横向视觉流程引导人们的视线左右移动,给人稳定、恬静、条理性的感觉。C、斜线视觉流程斜向线的版面设计流程以不稳定的动态引起注意,不仅能有效地烘托主题诉求点,且视觉流向独特,往往更能吸引人的视线。D、曲线视觉流程曲线视觉流程是由视觉要素随弧线或回旋线运动而形成的。它更

13、具流畅的美感。版面的曲线视觉导向寓意深刻、构成丰富，能使形式与内容达到完美的结合。曲线视觉流程的形式可概括为两种形式：弧线形(c形)视觉流程 ：有扩张感和方向感。回旋形(s形)视觉流程 ：两个相反的弧线产生矛盾回旋，在平面中增加深度和动感。2、导向视觉流程设计者通过诱导元素，使读者的视线按一定的方向顺序运动，由大到小、由主到次，把版面各构成要素依序串联起来，组成一个整体，使重点突出，形成最具活力、最有动感的流畅视觉因素。其表现形式主要有以下四种：文字视觉流程、手势视觉流程、指示视觉流程、视线视觉流程。a.文字视觉流程借助文字的导向因素编排版面的视觉流程。它也是平面设计中最为普遍的一种。b.手势

14、视觉流程 手势的导向是设计师所经营的视觉导向主题,轻松自然、生动有趣。c.指示视觉流程 3.视线视觉流程 视线导向以眼神为引导元素，把读者的视线引向主题,有效地提高了美感和注意力。有时，型录版面中有时并无明显的导向元素，但读者仍能从中感觉到视觉流程的存在。4、散点视觉流程 指版面上图与图、图与文字间成自由分散状态的编排。强调感性、自由随机性、偶合性、空间感和动感。追求新奇、刺激的心态，常表现为较随意的编排形式。5、重心视觉流程 违背视觉流程的规律，文字与图形把版面的重心引向上方或下方、异常出位。但从整体布局来看，具有一种与众不同、标新立异的独特魅力。6、反复视觉流程 把相同或相似的版面视觉要素

15、进行重复地、有规律地排列，使其产生有秩序的节奏韵律，从而起到加速视觉流动的功效。7、重复视觉流程 相同或相似的视觉要素作规律、秩序、节奏的逐次运动，虽然视觉效率不如单向、曲线和重心强烈，但更有秩序美与韵律美。（二）图文关系（二）图文关系1、文字服从图形 在型录版面中，当图形成为创意和视觉的主要中心时，文字就要围绕图形编辑，而不能与之发生视觉上的冲突。文字在编排时，要善于与图形的动势保持一致，来符合版面的视觉流程，或与图形成呼应，起着稳定构图的作用。2、图文并置型录设计中的图文并置是将所有的视觉元素置于与画面平行的不同层面上。这样，文字和图形是分开的，文字可以在图中，读者的视线在图形和文字之间来回移动，读图的同时也在读文。3、图文相融图形和文字经常会融合为一体，文字也就成为图形的一部分，成为型录版面中重要的视觉元素。版式设计的基本步骤版式设计的基本步骤确定主题（需要传达的信息）寻找、收集用于表达信息的素材含文字、图形图像文字表达信息最直接、有效，应该简洁、贴切应该根据具体需要确定视觉元素的数量和色彩（黑白、彩色色系）确定版面视觉元素的布局（类型）使用图形图像处理软件进行制作