文字版式设计.ppt

,Click to edit Master title style,Click to edit Master text styles,Second level,Third level,Fourth level,Fifth level,无忧,PPT,整理发布,Click to edit Master title style,Click to edit Master text styles,Second level,Third level,Fourth level,Fifth level,第二部分,版式设计,作为设计专业的学生，在进入到一门新的课程,环节之前，要习惯提出以下几个问题：,这门课程的学习目的是什么？,这门课程将要解决什么问题？,这门课程的主要构成要素是什么？,这些要素有什么用？,需要怎样组合它们才能达到设计目的？,第一章、版式设计的概念,定义：,即在有限的版面空间里，将版面构成要素,-,文字字体、图片图形、线条线框和颜色色块诸,因素，根据特定内容的需要进行组合排列，并运,用造型要素及形式原理，把构思与计划以视觉形,式表达出来。,版式设计的范围可涉及到报纸、杂志、书籍、,画册、产品样本、挂历、招贴、唱片封套等平面,设计的各个领域，它的设计原理和理论贯穿于每一,个平面设计的始终。,一,版式设计的四大元素,标题字、正文字、图形（或图片）、色彩,版式设计的重点,培养学生整体把握版式设计中四大要素的构成关系,课题训练的目的：,1,、,建立版式设计整体概念和信息等级概念，以明确,的主次关系传递设计主题。,2,、理解黑、白、灰整体分区概念；,3,、点、线、面在版式设计中的运用；,4,、把握具体设计内容与形式表现之间的内在关系；,5,、熟练掌握文字与文字、文字与图形、整体与局部,之间的构成关系。,版式设计的创意不同于一般的创意，它必须服务于,设计的主题思想。优秀的版式设计往往是将各种编排元,素融为一体，以整体的形式与张力传递出视觉信息，从,而突出作品的原创主题。,第二章、版式设计原则,第一节、建立整体概念和信息等级,1,、整体概念,2,、建立信息等级,版式设计中，我们同样把主次关系放在首位，从而提,示阅读者哪些是重要的信息，在哪里能获得重要的信息。,这种依信息主次的设计，称为信息等级编排。,信息等级的建立方法：,在具体设计前，围绕主题，对文本信息进行认真分,析和提练，将文本中相互关联的内容归为一类，依信息,主次建立起信息等级，编写出,“,设计大纲,”,。,“,设计大,纲,”,一旦编写完成，明确的分区也就自然建立起来。,一级标题,二级标题,三级标题,综艺体,小四号,黑色,黑体,五号,红色,楷体,六号,紫色,注：,这里的一级、二级表示的是两部分文字的主要程度,正文（字体、字号、色彩）,正文（字体、字号、色彩）,正文（字体、字号、色彩）,第二节、版式设计中的文字编排,一、字体、字号、字距与行距,1,、字体,字体 字号对照表,号数制。,汉字大小定为七个等级,按一、二、三、四、五、,六、七排列,在字号等级之间又增加一些字号,并取名为小几,号字,如小四号、小五号等。号数越高,字越小。号数制的特,点是用起来简单、方便,使用时指定字号即可,无需关心字形,的实际尺寸,缺点是字大小受号的限制,有时不够用,大字无法,用号数来表达,;,号数不能直接表达字形的实际尺寸,;,字号之间,没有统一的倍数关系,折算起来不方便。尽管如此,号数,制仍是目前表示字形规格最广泛的方法。,2,、字号,点数制。,是国际上通行的印刷字形的一种计量方法。,这里的“点”不是计算机字形的点阵,“,点”是传统计量字大,小的单位,是从英文,Point,的译音来的,一般用小写,p,表示,俗称“磅”。其换算关系为：,1p,0.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,、耗散视觉流程（,自由版式,）,第六节、,版式设计中的网格系统（分栏、骨骼、框架）,构图类型,满版型,文稿型,条块型,圆型,四角型,三角型,曲线型,逆反型,版式框架分析,