《文字版式设计》PPT课件.ppt

第二部分版式设计,作为设计专业的学生，在进入到一门新的课程环节之前，要习惯提出以下几个问题：,这门课程的学习目的是什么？这门课程将要解决什么问题？这门课程的主要构成要素是什么？这些要素有什么用？需要怎样组合它们才能达到设计目的？,第一章、版式设计的概念,定义：即在有限的版面空间里，将版面构成要素-文字字体、图片图形、线条线框和颜色色块诸因素，根据特定内容的需要进行组合排列，并运用造型要素及形式原理，把构思与计划以视觉形式表达出来。版式设计的范围可涉及到报纸、杂志、书籍、画册、产品样本、挂历、招贴、唱片封套等平面设计的各个领域，它的设计原理和理论贯穿于每一个平面设计的始终。,一,版式设计的四大元素 标题字、正文字、图形（或图片）、色彩,版式设计的重点培养学生整体把握版式设计中四大要素的构成关系,课题训练的目的：1、建立版式设计整体概念和信息等级概念，以明确的主次关系传递设计主题。2、理解黑、白、灰整体分区概念；3、点、线、面在版式设计中的运用；4、把握具体设计内容与形式表现之间的内在关系；5、熟练掌握文字与文字、文字与图形、整体与局部之间的构成关系。,版式设计的创意不同于一般的创意，它必须服务于设计的主题思想。优秀的版式设计往往是将各种编排元素融为一体，以整体的形式与张力传递出视觉信息，从而突出作品的原创主题。,第二章、版式设计原则第一节、建立整体概念和信息等级1、整体概念,2、建立信息等级,版式设计中，我们同样把主次关系放在首位，从而提示阅读者哪些是重要的信息，在哪里能获得重要的信息。这种依信息主次的设计，称为信息等级编排。,信息等级的建立方法：,在具体设计前，围绕主题，对文本信息进行认真分析和提练，将文本中相互关联的内容归为一类，依信息主次建立起信息等级，编写出“设计大纲”。“设计大纲”一旦编写完成，明确的分区也就自然建立起来。,一级标题,二级标题,三级标题,注：这里的一级、二级表示的是两部分文字的主要程度,正文（字体、字号、色彩）,正文（字体、字号、色彩）,正文（字体、字号、色彩）,第二节、版式设计中的文字编排,一、字体、字号、字距与行距,1、字体,字体 字号对照表,号数制。汉字大小定为七个等级,按一、二、三、四、五、六、七排列,在字号等级之间又增加一些字号,并取名为小几号字,如小四号、小五号等。号数越高,字越小。号数制的特点是用起来简单、方便,使用时指定字号即可,无需关心字形的实际尺寸,缺点是字大小受号的限制,有时不够用,大字无法用号数来表达;号数不能直接表达字形的实际尺寸;字号之间没有统一的倍数关系,折算起来不方便。尽管如此,号数制仍是目前表示字形规格最广泛的方法。,2、字号,点数制。是国际上通行的印刷字形的一种计量方法。这里的“点”不是计算机字形的点阵,“点”是传统计量字大小的单位,是从英文Point的译音来的,一般用小写p表示,俗称“磅”。其换算关系为：1p0.35146mm0.35mm 1英寸72p,级数制。实际上是手动照排机实行的一种字形计量制式。它是根据这种机器上控制字形大小的镜头的齿轮,每移动一个齿为一级,并规定1级0.25mm,1mm=4级。有不少的电子排版系统在字形大小上也支持级数制。我国对于级数制有国家标准,即GB3959-83。,3、字距和行距,根据不同的字体样式，应该有不同的字句和行距。字距过窄，字体粘连扰乱视线；行距过窄，上下文字互相干扰，不利于正常的阅读导向；行距应略大于字距。,字号和行距的常规比例：用字8点，行距为10点，即8：10 用字10点，行距为12点，即10：12,二、文字编排的基本形式,1、左右对齐书籍、报刊中最长用的一种格式，从左至右两端长度相等，版面清晰有序。,2、左对齐这种编排方式常见于诗歌中，最符合人从左到右的阅读方式，空白处可以使阅读变得轻松，整齐中又有流动感。,3、右对齐右对齐的不规则性增加了阅读的兴趣，在律动中富有变化，这种格式只适合文字较少的内容或文字不是作为阅读而是作为装饰时。,4、中心对齐以中心线为基准对称排列，左右两端字距相等，使视线更集中，突出整体特征。,5、文字绕图排列以图形外轮廓为边线，在图形周围插入文字内容，这种手法显得生动活泼，富有流畅的视觉流程，具有很好的说明作用，现代版式设计上常用的手法之一。,6、文字的横排与竖排横排是为了适应现代工艺而转变的一种排列方式，竖排具有中国传统的古朴风格。,7、自由排列不遵循常用的形式，打破秩序，随兴而起，文字不同方向的穿插显得轻松自如，仿佛在游戏中完成阅读。,三、文字的强调1、行首的强调行首的强调来自欧洲中世纪的文稿抄写员，通过对行首字体的变形与装饰，在文章中起强调的作用。,2、局部文字的强调在版面中为了使某个元素突出，引起视觉注意，成为版面中的诉求重点，引起读者兴趣，主要是打破了平淡的布局，活跃了气氛。,3、标题与引文的强调在标题中对局部进行装饰或用线框、箭头加以强调引文即引领提纲的文字，也成眉头。,四、文字的空间安排1、文字的群组（文字图形）将文字的信息组织成字块，字块可以是方形、圆形等，各个段落之间可用线或空白进行分割，使块面之间条理清晰，富有整体感。,2、文字的黑白灰(远中近)空间字体粗或排列密的字块在画面中起到黑色的作用，字体细或排列疏的字块起白色的作用。还有色彩、肌理等的对比都会造成空间层次。,3、图文叠印图形作为一个单一的背景起到衬托文字的作用，这种方式一般不以传达信息为目的，主要为了产生独特的效果，丰富画面层次。,第三节、版式设计中的图形编排,一、图形的具象性与抽象性具象性在于真实的反映自然形态（图形或图像），抽象性在于表现一种简洁鲜明的设计风格，它是对自然形的概括、提炼，它是现代设计理念的表现。,二、图形的文字性（图形文字）用图形的形式来表现文字，具有灵活生动的效果，适合用于标题性文字或少量文字。是现代设计中常用的一种方式。,三、图的位置、大小、数量、方向,图在版面中的位置、大小、数量和方向是相辅相成的，综合考虑这些因素，对图片的处理需要主次分明。1、主体图片一般较大，置于版面显眼位置，而附属图片较小，起到解释说明的作用。当只有一个图形时，在版面中很大或很小都会引起注意。2、也可以利用数量来体现图的主体作用，数量多且较密集的图形容易变成主体，可看成面来处理。3、图形的方向感（如人的动势）引导容易引导阅读的方向感。,四、图在版面中的形式1、方形图式,2、圆形图式,下岗茂作品,3、三角形图式,4、出血图式,55,5、褪底图式,5、淡网图式,第四节、版式设计中点线面的空间构成一、点的空间构成,二、线的空间构成线有空间分割和方向指引的作用,三、面的空间构成（可以参照版面中的图形）,第五节、版式设计的视觉流程一、最佳视域,1,2,3,4,60%,61%,56%,44%,33%,28%,23%,16%,17%,44%,28%,17%,2、单向视觉流程横向、竖向、斜向,3、曲线视觉流程,4、重心视觉流程,5、导向视觉流程,6、反复视觉流程重复和特异都是起到强调的作用,7、耗散视觉流程（自由版式）,第六节、版式设计中的网格系统（分栏、骨骼、框架）,构图类型,满版型,文稿型,条块型,圆型,四角型,三角型,曲线型,逆反型,版式框架分析,