型录设计——第三章-型录设计元素课件

,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,第三章 型录设计元素,第一节 文字,型录设计最终仍然需要以版面的视觉阅读展示出来，也就是在有限的,二维平面空间,中将各类型的有效的视觉元素进行主动的、有机的编排组合，以创造,一个连贯的整,体，并以一种艺术化、个性化,的视觉传达方式来表达某种理性思维、某种观念，最终达到信息传播和沟通的目的。,文字与历史,原始文字,文字，对于每一个受过教育的人来说都不会陌生，人们通过掌握文字获取知识而受益非浅。,文字是人类记录思想、交流思想的符号，它使语言这一听觉信号转变为视觉信号。它是视觉的语言，是语言的书写符号，是扩大语言在时间和空间上交际功能的文化工具。,有了文字，人类才有书面的历史记录，称为,“,有史,”,时期，在此之前称为,“,史前,”,时期。,“,文字使人类别于禽兽，使文明别于野蛮。,”,文字的萌芽得益于图画。而这种萌芽中的文字又可以分为：,刻符、岩画、文字画。,岩画：包括岩洞、山崖和其他处所含有表意作用的石壁素描。中国是岩画众多的国家，据说发现的岩画超过了两万幅。,刻符和岩画都是分散的单个符号，没有上下文可以连续成词，一般不认为是文字。但是，刻符有,“,指事,”,性质，岩画有,“,形象,”,性质，它们具有文字胚芽的意义。,文字画：它使图画开始走向原始文字。图画有些比较简单，有些比较复杂，简单的可以表示个别的事物，复杂的却常用来表示一件事件、一种情景。,刻符 岩画 文字画,一、汉字字体,1,汉字历史,公元前,1300,年以前，中国黄河流域的殷商帝国创造了,“,甲骨文,”,，这是汉字的祖先。是最早的汉字资料，但是，甲骨文并不是原始的汉字，愈原始的汉字就愈接近于图画。而这个从图画到符号的分离过程，则是在漫长的时期内缓慢地完成的。甲骨文已经是一种符号性质的文字，虽然其中也有一些图画意味很浓的象形字，但从整体上说，它已摆脱了图画或接近于图画的性质，成为完整的文字体系。,甲骨文的被发现纯属巧合。,关于汉字的创始者，古籍的记载几乎都说是仓颉其人。汉字是在图画的基础上，在长期的历史发展过程中，逐渐增强其符号性，减少其图画性而形成的。,字的演化,2.,汉字的分类,目前可将各类汉字的字体分为,三,大类型,第一类是从宋代活字印刷发展起来的宋体、黑体（包括粗、细等线体）等,第二类是由书法演变而来的字体，如楷体、仿宋体、行楷、隶体、魏体、舒体、颜体、瘦金体以及钢笔书写的字体等。,第三类是美术字体，如综艺、美黑、琥珀、水柱等字体。,运用案例,:,1,历史,字母诞生在地中海东岸，这里东北有两河流域的楔形文字，西南有尼罗河的象形文字，是两大古代文化之间的走廊。,字母的创造与东地中海的贸易有重大关系。字母表是从许多古老的、更加复杂的体系中经过数百年的发展演化而来的，是在长期的摸索中逐渐形成的，是受了楔形字和圣书字中的音符的启发而发展起来的，是在书写速度要求加快的,“,迫逼,”,之下创造出来的，是文字发展史的必然结果。,二 拉丁字母,公元前,1000,年左右，希腊人并没有对腓尼基字母作简单的沿用，而是经过创造性的改革，形成一个独立的字母系统。希腊人对字母的贡献最重要的是元音字母的创造，将字母增加到,24,个，并将字母自向左的书写顺序，改为自左向右，这是符合人们用右手写字习惯的。,罗马人征服希腊（公元,3,世纪）以后，将继承的埃特鲁斯坎字母与希腊字母逐渐融合，形成了,26,个拉丁字母（罗马字母）。,拉丁字母早期形成的铭刻体（近代用作印刷大写体），在公元后,4,世纪时候达到了完美的程度，简洁、规整的线条，使它成为日后所有字体的典范。,最早，拉丁字母被罗马帝国的军队，商人和官吏带到他们所征服的广大地区。其后，罗马帝国灭亡后，罗马天主教的传教士们又把拉丁字母传播到更广阔的地区，工业革命后，拉丁字母又跟着西欧各资本主义国家，传播到他们的美洲、非洲、亚洲殖民地，把没有文字的当地语言写成拉丁字母文字，把已有文字的语言也改写成拉丁字母文字。现在拉丁字母更承担了国际通用字母的历史任务。,字体类型,一、 等线体、书写体、变化体、光学体等。,1,、等线体：包括格洛退斯克和埃及体。它们的特点是都有几乎相等的线条，前者好象汉字中的黑体，完全抛弃了字脚，只剩下字母的骨骼，得朴素端正，十分清晰，但过于平板，因此也叫做无字脚体。,2,、书写体：是在能够快速书写的民间手书体的基础上装饰加工而成的，也是斜体进一步发展的结果。与其他字体相比，书写体能够较多地显露设计者的特殊风格和工具性能,(,钢笔、毛笔、油画笔和炭笔等,),。它的特征是有着倾斜的角度和表现出运动的姿态。是一种活泼自由号召力很强的广告字体。,3,、光学体：现代印刷术的发展带来了摄影特技和印刷网纹等新技术，为美术字体开拓了新的领域。应用光的折射和网点的浓淡变化对字体进行艺术加工，近十年才产生的，它特有的光效应现象使人对现代科学技术产生联想，并以它魔术般的魅力征服了读者的眼。不过，这种字体的易读性比较差只适用于字母不多的短句，并应选择变化不太繁杂，基本线条简单清晰的字体使用。,4,、变化体：是在各种字体,(,罗马体、哥德体、等线体和书写体等,),的正体和斜体的基础上进行装饰、变化、加工而成的。它的特征是运用丰富的想象力，在艺术上作较大的自由变化，以强化文字的内涵和感染力。例如以一种基本字体为基础，可以作空心、勾边、折带、重叠、连接等装饰变化，也可进行凹凸、立体、投影、形象和寓意等比较复杂的变化。它的风格不像罗马体和等线体那么严肃端正，而是比较生动、活泼、轻松，运笔多变化，充满了诗情画意。,第二种包括衬线字体、无衬线字体、装饰和特排体、象形文字体、单空格体、书写体和手工压印体、表象征和花饰用的字体及黑花字体等,三、字符的规格及字距、行距,1.,字体内在的清晰性,(1),全大写比小写更难看清楚。小写字母周围的空白空间形成的形状比看起来几乎全是一样的砖块的全大写字母要清晰得多。全大写的排字必须保持不超过两行。人们把任何三个都看成是很多，所以三行或三行以上的全大写,正文就会引起人们的反感。,(2),旧体数字看起来像大写字母，只有当数字出现在正文字体中时才能使用。现代数字体必须用在表格或全大写排字中。,(3),无衬线字体的正文比有衬线的更难看清楚。衬线有助于实现视线的水平移动，所以必须额外给无衬线的排字加宽行距。,(4),斜体字比正体字更难看。大多数斜体字比对应的正体字更浅，与白纸的反差更小，因此许多读者不习惯看斜体字。使用斜体时要在内容简洁或表示强调时使用。,(5),深浅不一的字面和字体很难看，只有在特排中才能使用,2.,字体的大小,10,点字体被认为是可辨认的最小点字体，但由于位于小写字母字体的底线和中线之间的那部分，即相关的,“,”,高度，一些,8,点字体看上去和,10,点字体一样大小。活字大小必须与字行的长度成正比：字行越大，字体必须越大。,3.,字间距,字间距必须和谐。在特排字体的规格中，这点尤为重要。字间距必须和字体成一定的比例：宽字母比窄字母需要的字间隔空间更大；小字母的比大字母要大；大写的比小写的大。,“,调整间距,”,可以一段段的改变字间隔空。,“,字母紧排,”,在特定的字体组合中改变字间隔空。,“,连字,”,是连在一起的字母成对字。,4.,词间距,词间距必须视线上难以觉察，只要能分隔词汇意义，同时还能维持字行的整体感就足够了，但它不能太大，以免使读者察觉到空间间隔和个体词汇的存在。齐行文字通过强行填入空格使它的右边缘整齐。短的齐行文字词间距最不均匀，因为它们可用的词间距最少。,左边齐行,/,右边缘参差不齐的段落类型词间距最均匀、和谐，不管字行的长短如何，都能提供一个相应的视觉节奏。在齐行正文中使用连字符可使词间距更均匀，但连字符不能用在特排字体中。因为特排字体中，使用分割便于理解，比用分割来填满一个字行更重要。词间距太大会影响正文的整体性,5.,行距,要最大限度地获得清楚易读性，正文排列每行的字体就不得多于,40,50,个。如果超过的话，就必须加大行距，使读者可以毫不费力地从版面的右边缘转到下一行。两个窄点的版面通常比一个宽的版面视觉效果好。行距必须比词间距大，不然视线就会随着版面往下溜，而不是水平跨过字行。,6.,样式,(1),加标点意味着文字中的暂停和停顿。,(2),空白空间表明要素间的相关一体性。相近的要素看起来就是应该归在一起的。,(3),在页面上的位置体现要素的重要性。页面顶部通常放最重要的材料。因为顶部是我们的眼睛自然一眼看去的地方。,(4),用滑稽、有趣的形状排列的文字会引起人们对它本身的注意不是它的内容，从而产生适得其反的效果。,(,图,3-16),四、基本编排形式,1.,齐左或齐右,齐左或齐右的排列方式有松有紧，有虚有实，飘逸而有节奏感。左或右取齐，行首自然产生一条垂直线，更吸引视点。相比之下，文字齐左更符合人们的阅读习惯，看起来自然、舒适，而齐右则在视觉习惯上觉得不顺，增加了阅读的时间和精力，但在版面视觉效果上显得新颖,2.,齐上,在古文或者一些竖排的文字中一般采用齐上的对齐方式。现代型录设计中的中式直排的方式，多用于表现东方传统文化和中国古典文学艺术。不过这种排版方式也存在一些局限，比如在汉字的行文中出现西文、阿拉伯数字、符号等，就较难处理。,(,图,3-20,、图,3-21),3.,左右均齐,文行从左端到右端的长度均齐，字群端正、严谨、美观，是最常用的编排形式。型录手册的正文通常以此方式排印。,(,图,3-22,、图,3-23),4.,齐中,字群以中心为轴线，特点是视线更集中，中心更突出，有随意、轻松的感觉。这种形式适合短小的内容，在西方被视为具有古典风格的样式。,(,图,3-24,、图,3-25),5.,文字绕图排列,将去底图片插入文字版中，文字编排直接围绕图形边缘排列。这种绕图排列手法给人以亲切自然、融洽生动之感。,五、字体的表现形式,1.,书法字体的图形语言,现代设计为了表达传统的民族信息或追求设计上的某种艺术效果，通常借助中国的书法字体来表现。书法讲究笔、墨，讲究形、意，讲究风、神、气、韵的艺术语言的形式美，这不仅是我们学习借鉴书法的形、意、笔、墨在设计上的表现，更是我们版式设计所追求的最高境界。,2.,文字的图形编排,文字的图形化是将文案排列成一条线。一个面或组成一个形象，并成为插图的一部分，使图文相互融合，相互补充说明，成为一个完整的设计体。文字的图形化是借助图形的编排形式来表达主题思想，因此版面形式感强，简洁、生动妙趣，可以说文字图形的编排是版面形式与内容最好的表现。但并非每件设计作品都可以进行图形编排处理，必须依据主题的内容和形式来确定,第三章 型录设计元素,第三节：图像,我坚定地认为图画是具有叙述性的：一个在时间定格的形象是在为将要发生的下一步行动作准备。一张图画会让观者身临其境，产生某种神秘感。,文德尔,麦纳,(Wendell Minor),一、图像的类型,型录设计中的图形在形象直观地传递信息方面占有相当大的优势。图形的取材和设计也是吸引受众、丰富版面形式的关键。这里的,“,图形,”,可以理解为图片,(,与主题相关的摄影图片,),、主插图,(,围绕主题绘制的插画,),、辅助图形,(,为丰富视觉效果、视觉层次而绘制的有机形或无机形,),，也包括文字编排的,“,图形,”,。下面重点以图片、主插图和辅助图形的设计展开说明。,二、图像的处理,1.,图片的选择,在选择图片时，就要考虑在版面上如何运用的问题。挑选时，要把所有的图片摊开来看，以便看清并判断这些图，审视每一张图片的形象、角度，更好地进行内容的对比。选择图片时，可以按内容归类，删掉重复及影像质量不好的图片，然后再删掉不适合设计风格的图片，并留意某些有潜力的作品，寻找非预期的组合，找到应用的可能性，这样就可以对挑选出来的图片进行设计处理了。,每个面的存在也能分割纸面，形成各种比例、正负关系的面。由于面总是与具体的,“,图形,”,有密切关系，因而形与形之间的构成关系成为考虑版面编排的主要因素。,2.,图片的剪裁,设计师在编辑图片时，无论哪类图片，经常会遇到的一个问题是不得不剪裁图片。设计师确实需要裁减构图时，就要把图片中无关紧要的累赘去掉，但也要考虑裁剪之后的形式关系。如有的图片背景杂乱、构图不和谐，但又不得不使用时，一定要仔细斟酌，裁剪恰到好处，有力地表现图片的主题，把视线聚焦在有趣、有意义的主体上，以免受众的注意力被画面的细枝末节干扰和消耗。,三、图像基本编排形式,1.,图形的形状,图形的形状主要分为规则形和不规则形。规则图形在版面上表现为方形图及出血图形，不规则图形表现为退底图及插画形式。方形图就是图形以直线为边框，是一种最常见、简洁、单纯的形式。方形图构成的版面稳重、严谨。,(,图,3-65),出血图就是图片充满整个版面，且无边框，具有向外扩张、舒展之势。,(,图,3-66,、图,3-67),退底图是设计者将图片中精选出来的图像沿边缘裁下的图形。这种形式活泼、灵动，与文字结合可产生亲切自然的感觉。,(,图,3-68,、图,3-69),插画形式是设计者通过手绘插图和文字相结合的方式来构成版面，其形式活泼、自由。插画形式通过图底外形的穿插，将画面有序地组织起来，突出插画的视觉冲击力及艺术夸张性，显得更活泼、鲜明。,(,图,3-70,、图,3-71),2.,图形的数量,版面中图形数量的多少，直接影响到读者的阅读兴。一般采用较少的图形时，图形本身的形状、面积会加人们的印象，而当图形较多时，版面则显得比较活泼。,3.,图形的面积,在一个版面中，图形越大越引人注目，感染力越强，越小则感觉越弱。为了突出重要信息，可将主要图形放大，从属的图形缩小，这样才能形成主次分明的格局。,(,图,3-74,、图,3-75),4.,图形的位置,(1),四角与中轴四点,在版面中，四角与对角线非常重要，而中轴部位是视线的焦点，将四角与中轴部位结合起来组织版面的结构，会使版面更加丰富。编排时若抓住这八个点，布局就十分容易。这是一种理性的结构方式。,(2),块状组合,当许多图形通过它们之间的垂直线与水平线组合到一起后，版面就会整齐有序，整体感强。不管图片等大还是面积有大小区别这种形式的节奏感、韵律感都是比较强的。,(,图,3-76,、图,3-77),(3),散点组合,散点组合强调图片与图片的分散安排，不仅要注意图片大小、位置、主次的配置，还应考虑疏密、均衡、方向等问题。,(,图,3-78,至图,3-82),第三章 型录设计元素,第三节：配色,相对人的智力，人们对色彩的反应与人的情感联系更为密切。一般而言，人们不是用头脑而是用情感来对色彩进行反应的。,戴博拉,夏普,(DeborahSharpe),人们的目光总是被有颜色的元素所吸引，而色彩也只有附着在形状上才能够体现。在型录设计中，除了已有的图片和文字外，色彩的综合运用是极其重要的。而了解色彩的规律和象征意义，对于型录设计整体色调的选择和把握，以及制造视觉的变幻和丰富性是非常关键的。,(,图,3-83,至图,3-87),三、色彩的固有色,固有色通常是指物体在正常的白色日光下所呈现的色彩特征，由于它最具有普遍性，便在我们的知觉中形成了对某一物体的色彩形象的概念。这是一种相对的色彩概念。然而从实际情况来看，即使日光也是处在不停地变化中，何况任何物体的色彩不仅受到投照光的影响，还会受到周围环境中各种反射光的影响，所以物体色并不是固定,不变的。当固有色的印象被抽象出来使用时，会具有象征的含义，如绿色是青草、庄稼和树叶的色彩，因此它常常被作为和平的象征用在许多具有象征意义的设计作品中。,在具体的实用设计中，例如一个柠檬水果罐头的包装上，更需要在柠檬的形象上加强它的固有色特征，以引起顾客对柠檬味道的联想，并产生获得它的欲望。,(,图,3-99,至图,3-102),四、重点色,在组配色调过程中，有时为了改善整体设计单调、平淡、乏味的状况，增强活力感觉，通常在作品或产品某个部位设置强调、突出的色彩，以起到画龙点睛的作用。为,了吸引观者的注意力，重点色一般都应选择安排在画面中心或主要位置。,(,图,3-103,至图,3-105),重点色的使用应注意如下几点：,（,1,）重点色面积不宜过大，否则易与主调色发生冲突、抵消，而失去画面的整体统一感。面积过小，则易被四周的色彩所同化，不被人们注意而失去作用。只有恰当面积的重点色，才能为主调色作积极的配合和补充，使色调显得既统一又活泼，而且彼此相得益彰。,（,2,）重点色应选用比基调色更强烈或对比更鲜明的色彩。,（,3,）重点色设置不宜过多，否则多重点、多中心的安排将成为过头设计，破坏版面主次有别、井然有序的效果，产生无序、杂乱的弊端。,（,4,）并非所有的作品都宜设置重点色。,（,5,）使用重点色的同时应注意与整体配色的平衡。,五、色彩的运用,在型录设计中，色彩运用主要是指色彩的表现和构成，如何将各色彩的独特性和排他性凸现出来，如何制对比中的协调，如何设定色彩的视觉空间，是我们所需要研究的。这里重点谈谈色彩的层次设定。,色彩的层次也就是色彩制造的视觉空间和印象空间。不同明度、不同色相、不同纯度的色彩本身能造就面积感、重量感、音律感、质感等。暖色调较之冷色调会产生较大的面积感；粉色显得轻柔，金银色具有金属感，黑重色则显得冷酷坚强；明快的色彩有尖锐的音调感，灰暗的色彩则显现低沉的音调感。,由于色彩给人的这些感受，自然形成了视觉和心理上的层次感和空间感。一种是黑白灰系制造的明显层次。黑底上的任何明亮色调都会按照它们的明度级数向前推进。而在白底上，效果则恰恰相反，明亮色固守在白色平面的背景上，而接近黑色的暗色系列则以相应的级别数向前突出。另一种是由于各色彩色相、明度、纯度的不同而产生的相对较为隐晦的层次感。,色相、明度、纯度是识别色彩语言的三个尺度，色彩的魅力只有在这三个尺度的无限变化而制造的对比和协调中才能发挥出来。色彩在色相、明度、纯度三个方面的比较，会显现出不同的表现力和感知力。而在平面上制造色彩的层次也就是在制造色彩给予的视觉印象的空间。例如在相同明度的冷色调和暖色调中，暖色向前推进而冷色向后退；在同明度的色系中，高纯度，色彩向前推进，而低纯度色彩向后退。,如果同时存在明暗对比、纯度对比或冷暖对比，则色彩的层次相对复杂，层次深度的对比关系就取决于面积的大小。色彩层次的平衡问题是很难用完全理性的分析来解决的，同是设计师个人的意图和辨别力以及感受将会起到主要作用。,(,图,3-106,至图,3-122),如果同时存在明暗对比、纯度对比或冷暖对比，则色彩的层次相对复杂，层次深度的对比关系就取决于面积的大小。色彩层次的平衡问题是很难用完全理性的分析来解决的，同是设计师个人的意图和辨别力以及感受将会起到主要作用。,(,图,3-106,至图,3-122),