平面设计版式设计ppt课件.pptx

《平面设计版式设计ppt课件.pptx》由会员分享，可在线阅读，更多相关《平面设计版式设计ppt课件.pptx（270页珍藏版）》请在三一办公上搜索。

1、,版式设计,所谓版式设计就是在版面上，将有限的视觉元素进行有机的排列组合；将理性思维，个性化地表现出来。它是一种具有个人风格和艺术特色的视觉传送方式。传达信息的同时，也产生感官上的美感。版式设计对于平面设计是一门相对独立的设计艺术，研究平面设计的视觉语言和艺术风格，是现代设计艺术的重要组成部分，是视觉传达的重要手段。从表面上看，它是一种关于编排的学问；实际上，它不仅是一种技能，更是实现了技术与艺术的高度统一。版式设计可以说是现代设计者所必备的基本功之一。,sculpture,sculpture,sculpture,sculpture,sculpture,sculpture,sculpture,

2、将平面的主要元素文字、图像、图形及色彩，在限定的平面空间内选择符合内容的形式将其组合，以传达准确的信息。在新时期的目的：1 在传达信息的同时，传达新思想、新观念、新技术、新材料、新工艺。2 美的信息传达。,学习版式设计的目的,本课程核心内容是视觉思维方式引导下的形式语言研究与训练。视觉思维的训练-讲授视觉思维的基本理论，分析编排设计的视觉要素，培养以视觉方式研究、解决问题的习惯和能力。形式语言的训练-了解编排设计表现的形式语言，掌握运用构成要素进行分析、描述、重构的方法。表现手法的训练-了解视觉语言形式表现的多种手法，自如的运用多种体裁、材料、媒介、技法、效果。教学内容的选择体现在编排设计的内

3、在形式语言建构，在内在规律与系统方法叙述中，实现理性分析与感性实践的融合，以此为出发点，强化课程功能，优化课题。,版式设计的学习方法,版式设计是设计专业重要的基础课之一。通过该课程的学习，使学生掌握设计的视觉要素、构成要素，编排设计表现内容与形式的关系，设计要素及其构成的规律与方法，以及各种应用性设计的形式特点，使学生能够进行有感染力的版式设计，从而使作品的内容更清晰、更有条理地传达给读者。,版式设计的目标和任务,雕塑技法,1.1 版式设计概念1.2 版式设计的功能1.3 版式设计的三大要素1.4 版式设计原则1.5 版式设计的源流与发展,版式设计的概述,版式设计，也称编排设计。是按照一定的视

4、觉表达内容的需要和审美的规律，结合各种平面设计的具体特点运用各种视觉要素，将各种文字，图形及其他视觉形象元素加以组合编排，进行表现的一种视觉传达的设计方法。,设计版式的概念,版式设计的功能主要体现在通过版面元素的编排达到信息传达的目的，文字的编排能够保证阅读的流畅，并且通过编排的方法产生一定的美感，使读者阅读的过程充满轻松、美好的感觉。一个好的版式设计能更快、更准地传递信息，帮助信息交流。版式设计可以采用各种不同的版面编排形式体现其功能性，如图21图25，这些就是版式设计的功能性表现它可以调整版面的协调性，使杂乱的文字与图形具有规律，体现出版面统一，协调的视觉效果，使信息在阅读时具有明确的节奏

5、感并使版面具有阅读美感，同时达到了信息传达的目的。,版式设计的功能,文字 图形色彩,版式设计的三大要素,主题内容（标题，正文，注解等离不开文字，通过文字获得主要信息。）设计者需掌握中外字体的一般常识，不同的字体给人的心理感受不一样，美的字体能使人感到愉悦，帮助阅读和理解。,文字,图片在版面设计中，占有很大的比重，视觉冲击力比文字强85%。这并非语言或者文字表现力减弱了，而是说图片在视觉传达上能辅助文字，帮助理解，可以使得版面立体，真实。文字版中加入图形图像立即引起视觉流程的变化。图形的形式、大小和数量影响读者注意力。,图形、图像,色彩较之图文对人的心理影响更为直接，具有更感性的识别性能。现代商

6、业设计对色彩的应用更是上升至“色彩行销”的策略，成为产品促销，品牌塑造的重要手段。,色彩,雕塑技法,版式设计原则,sculpture,1 思想性与单一性版面设计本身不是目的，设计是为了更好的传播客户信息的手段。一个成功的版面设计，首先必须明确客户的目的，并深入了解，观察，研究与设计相关的方方面面。版面离不开内容，更要体现内容的主题思想，用以增强读者的注意力和理解力。只有做到主题鲜明，内容清晰，才能达到版面设计的最终目标。,版式设计的三大要素,sculpture,主题鲜明的版面布局和表现形式等成为版面设计的艺术核心。怎么才能达到有创意，形式美，变化又统一，具有什么情趣，这就取决于设计者自身的文化

7、内涵和不断的学习过程。,艺术性与审美情趣,sculpture,版式设计中的趣味性，主要是指形式上的情趣。如果版面本无多少精彩的内容，就要在创作中运用艺术手段，使版面增加趣味性，从而更吸引人更打动人。趣味性可采用寓意，幽默，和抒情等表现手法来实现。独创性实质上是突出个性化特征的原则。鲜明的个性是版面设计的创意灵魂。,趣味性与独创性,sculpture,通过版面图文间的整体组合与协调编排，使得版面具有秩序美，调理清晰，从而获得良好的传播效果。,整体性与协调性,版式编排设计的基本要素：点、线、面的编排构成,版式设计的编排构成,任何一种版式设计，在空间原理上均归于点、线、面的分类。点、线、面是几何概念

8、，亦是版式设计的基本元素和主要的视觉语言形式。,版式设计的编排构成,版式设计的编排构成,点的放大、点的密集或线的重复构成面。另外，线的分割产生各种比例的空间，同时也形成各种比例关系的面。面在版面中具有平衡，丰富空间层次，烘托及深化主题的作用。,面的编排构成,生活中的三维空间是立体空间，看得见，摸得着，能深入。而在平面编排中的三维空间，是在二维空间的平面上建立的近、中、远、立体的看见关系，可见摸不着，是假想空间，是通过借助多方面的看见关系来表现的，即：比例、动静图象、肌理等看见因素。,三维空间的编排构成,1.比例关系的空间层次 面积大小的比例，既近大远小，产生近、中、远的空间层次，在编排中主题形

9、象或标题文字放大，次要形象缩小，来建立良好的主次，强调的空间层次关系，以增强版面的节奏和明快。,2.位置关系的空间层次 前后叠压的位置关系所构成的空间层次。将图像或文字做前后叠压排列，产生强节奏的三度空间层次。版面上、下、左、右中位置产生的空间层次，最佳视域为视觉中心位置，并产生视觉焦点。疏密的位置关系产生空间层次，在前后叠压关系或版面上下左右位置关系中，做疏密、轻重、缓急的位置编排，所产生的空间层次富于弹性，同时也产生紧张或舒适的心理感受。,无论是有色或无色设计的版面，均为黑、白、灰的三色空间层次。黑与白为对比极色，最单纯，最强烈，醒目，最能保持远距离视觉效果；灰色能概括一切中间色，且柔和而

10、协调。三色近中远空间位置，依版面具体的明暗调关系而定，版式设计强调色彩的调性，一幅优秀的作品，色调应该非常明快，或高调、低调、灰调，或对比强烈，或对比柔和，反之则乱糊不清。,3、黑、白、灰关系的空间层次,动使版面充满活力，获得更高的注目度，静使版面冷静，含蓄，具有稳定的因素，两者在版面的组织上，以动为静，动为前，静为后，彼此以动静的对比关系建立空间感。,4、动静关系，图象肌理关系产生空间层次,1、骨骼设计骨骼或分割设计是一种严谨、规范、理性的设计方法。骨骼的基本原理是将版面刻意按照骨骼的规则，有序地分割成大小相等的空间单位。常见的骨骼分割法有：横向和竖向的通栏、双栏、三栏、四栏，也有竖向与横向

11、同时进行分割，如四栏、六栏、八栏等。,骨骼设计,2、变形骨骼变形骨骼是在骨骼设计的基础上变化发展的，它是在骨骼的基础上，通过合并、取舍部分骨骼，寻求新的造型变化，所产生的造型无穷无尽，并且富有活力与生命，富有设计的魅力，深受读者的喜爱。在一个版面中，常采用多种骨骼并存的手法，以增强版面的生动性和艺术性。,图或文字 、点或线的构成关系都充斥着随机无序、无主次、无中心、相互矛盾、相互排斥，以及极端的耗散编排。这种风格带给我们更轻松、自由、活力的人性化设计，也是时尚前卫的标志。,自由构成,第四章 文字的编排构成,1、字号计算字体面积的大小有号数制、级数制和点数制(也称磅)，常用的是号数制，简称“字号

12、”。点数制是世界流行的计算字体的标准制度(每点等于0.35毫米)，标题用字一般大约14点以上；正文用字一般为8点-10点。文字多的版面，字号可以减到6点-7点。,字号、字体、字距,2、字体文字根据内容来选择字体，通过字体充分表达内容所想传递传递信息。传统字体：楷体、行书、隶书、舒同体、魏碑、仿宋过渡字体：宋体（标宋、中宋、大宋、超宋）现代字体：黑体及等线体（超黑、中黑、中等线、细等线）,黑体,宋体,要达到版面视觉上的丰富与变化，只需要将有限的字体加粗，变细，拉长，压扁，或调整整行行距的宽窄，或变化字号大小。实质上，字体使用越多，整体效果越差。在一个版面中，选用三到四种的字体为版面最佳视觉效果。

13、多则杂乱，缺乏整感觉。,3、字距、行距（1）字距就是字与字之间的距离。字距大致可分为正常、紧凑、疏松三种类型。,字 距,标准字距,紧凑字距,松散字距,（2）行距,就是行与行之间的距离。行距也可大致分为正常、紧凑、疏松三种类型。,紧凑行距(一般行距小于1）,正常行距（行距在1-1.5间）,疏松行距（行距大于1.5）,行距过窄，上下文字相互干扰，目光难以沿着铅字行扫视,行距过窄，上下文字相互干扰，目光难以沿着铅字行扫视,行距过窄，上下文字相互干扰，目光难以沿着铅字行扫视,行距过窄，上下文字相互干扰，目光难以沿着铅字行扫视，因此没有一条明显的水平空白带引导我们的目光；而行距过宽，太多的空白使字行不能

14、有较好的延续性。两种极端的排列法，都会使阅读长篇文字者感到疲劳。行距在常规下比例：用字10点，行距则12点，即10:12,文字从左端到右端的长度均齐，字群显得端整，严谨，美观，此排列方式是目前书籍，报刊最常用的一种。,1、左右均齐,文字编排的几种形式,2、齐中,以中心为轴线，两端字距相等。其特点是视线更加集中，中心更突出，整体性更强。文字的中线最好与图片的中线对齐，以取得版面统一。,齐左或齐右的排列方式有紧有松，有虚有实，能够自由呼吸，飘逸又有节奏感。左或右对齐，行首或行尾自然产生一条清晰的垂直线，在与图形的配合上容易协调和取得同一视点。齐左显得自然，齐右不符合习惯心理，齐右显得新颖。,3、齐

15、左或齐右,左右均齐,齐中,齐左,齐右,在古文或者一些竖排的文字中一般采用齐上的对齐方式。,4、齐上,5、文字绕图排列,将去底图片插入文字版中，文字直接绕到图形边缘，此手法给人亲切自然、融洽生动之感，是文学作品中最常见的表现形式。,6、竖排横排,汉字编排有两种可能，或横排或竖排，竖排被视作汉字传统的书写方式，在中式设计作品里，使用它更能强化传统风格诉求，现代设计中灵活的运用这种编排方式能区隔信息，获得不凡的版面形势。英文的竖排与汉字不同，它是将原本横式的书写格式直接地做个90度旋转而得。竖排在英文中使用并不多，因为这并不是英文正规的书写格式，也不符合英语使用者的阅读习惯，竖排仅仅是出于风格的特殊

16、需要，或限于版面的特殊情况。,变字体,变字体颜色,变字体大小,加线框、底色、符号等装饰性元素,引文的强调,文字的强调,变字体,变字体颜色,变字体大小,加底色,行首强调：将正文的第一字或字母放大，是一种潮流，起源于欧洲中世纪时代的文写手抄员工。打破单调的文章感觉，丰富和提高文字的可读性。,线框、底色、符号的强调有意地加强某种文化元素的视觉效果，使其在整体中显得特别出众而夺目，是为强调，诉求重点，或引起注目，突出主题削弱其它元素的配置量，使之产生“主与宾”的对比关系，宾体越弱主题就越强。,引文的强调在进行正文的的编排中，我们常常会碰到提纲挈领性的文字，即引文(亦称眉头)。它概括一个段落，一个章节或

17、全文大意，因此在编排上给予特殊的位置和空间来强调。,文字的整体设计是将文字的多种信息组织成一个整体的形，如方形或长方形等，其中各个段落间还可以用线分割，使其条理清晰而富于整体感。组织性、秩序性、设计性,文字的整体编排,注重文字的编排和文字的创意，是视觉传达设计现代感的一种体现。设计师不应放过在有限的文字空间和文字结构中进行创意编排，而应赋予编排更深的内涵，提高版面的趣味性与可读性，克服编排中单调和平淡。,文字的图形表述,1、字意图形表述,字意图形是将文字意象化，以简洁、直观的图形传达文字更深层的思想内涵。,2、字画编排的表述,在现代编排设计中把记号性的文字作为构成元素来表现，这便是字画图形。字

18、画图形包括由字构成的物形和把物形加入文字两种形式。,3、文字的图形编排,将文案排列成一条线、一个面或组合为形象，并成为插图的一部分，使图文相互融合，相互补充说明，成为一个完整的设计体。,4、文字的图标设计,图标本身具有简洁整体、图形感强、视觉度高、记忆性强的特点，因此重要信息或者众多的信息通过图标的组合来传达，将获得非常理想的效果，同时也增强了设计感。,文字的互动性一般指文字围绕图形的编排设计所产生的动感性，图文组织结构产生的和谐性，版面的趣味性、情感性。,文字的互动性,以正文为基准，版面中最大标题的字符字高和正文之比称为文字跳跃率。降低跳跃率给人高品质、高格调的印象。提高跳跃率则给人强烈的视

19、觉度，反映一种健康愉悦的印象。不高不低，就不会让人立刻产生印象，很难达受到理想的效果。,文字的跳跃率,1、放大文字即增强跳跃率与阅读率,2、标题的设计增强跳跃率,在进行标题与正文的编排时，可以先考虑将正文做双栏、三或四栏的编排，再进行标题的置入。将正文分成二栏或四栏，是求取版面的的空间与弹性，活力与变化，避免通栏的呆板以及标题插入的单一性。标题虽是文章或段的标题，但不一定千篇一律的置入段首之位，可做居中、横向、竖向或边置等处理，有的直接插入中间，以求新颖的版式来打破旧的规律。,标题与正文的编排,图形的编排构成,图版率是指版面相对于文字，图（图片或照片）所占据的面积比叫做图版率，即：图所占版面的

20、比例。用%表示，如版面全是文字，图版率为0%，相反全是图形画面，图版率为100%。图版率低，减少阅读兴趣图版率高，增强阅读活力,图版率,1、角版角版也称为方形版，即画面被直线方框所切割，这是最常见、最简洁大方的形态。角版图有庄重、沉静与良好的品质感，在较正式文版或宣传页设计中应用较多。角版理性，使版面紧凑。,角版、挖版、出血版,2、挖版挖版图也称退底图，即将图片中精彩的图像部分按需要剪裁下来。挖版图形自由而生动，动态十足，亲切感人，给人印象深刻。借简洁、单纯形态，去追求鲜明而强烈甚至是张扬到极致的艺术效果。挖版打破约束，活泼自由。,3、出血版出血版，即图形充满或超出版页，无边框的限制，有向外扩

21、张和舒展之势。出血版由于图形的放大，局部图形的扩张性使人产生紧迫感，并有很高的图版率，一般用于传达抒情或运动的版面。情感得以更好地宣泄，动态得到更好地舒展。,4、角版、挖版、出血版的组合运用角版沉静，挖版活泼，出血版舒展、大气。设计中，图形的三种处理方式都可以穿插灵活运用，单一的编排方式，版面显得呆板而松散无序。,视觉度是指文字和图版在版面中产生的视觉强弱度。版面的视觉度和图版率一样关系到版面的生动性、记忆性和阅读性。,视觉度,版面中，图形面积的大小不仅影响版面的视觉效果，而且直接影响情感的传达。,图形的面积与张力,1、大图形产生量感和张力量感是指图片放大后版面即产生一种饱满的心理量感，以及增

22、强图片的扩张力度。大图形面积注目度高，感染力强，能给人舒服愉快之感。大图形引导版面中心，成为视觉焦点。,2、小图形精密而沉静将小图形插入字群中，显得简洁而精致，有点缀和呼应版面的作用。但同时也给人拘谨、静止、趣味弱的感觉。,3、大小图形比，增强对比度版面如果只有相似的大图或完全是相似的小图构成，版面会显得平淡。只有加强图片的大小比例，增强对比度，版面才有张力与活力。,图片跳跃率：版面中，最大图片的面积与最小图片的面积比率称为图片跳跃率。,1、左右页的整体设计。展开页的整体设计建立在形象的对比关系上。左右页常以一大一小、一多一少、一动一静、一黑一白、一曲一直、局部与整体对比构成，在对比中建立和谐

23、的整体关系。,延续页面的整体设计,2、延续页面的整体设计除左右页面的整体考虑外，还有整个折页、整本手册页与页之间、页与整体之间的节奏关系、对比关系以及整本册子风格性等都得进行整体设计把握。,（1）整体节奏的把握,（2）文字、图片的整体设计,（3）延续页面色调的整体设计,（4）主要版式风格的延续,版面设计的编排形式法则,单纯化的概念1、基本形的简练2、编排结构的简明、单纯。运用理性和逻辑思维，对图文资料进行大胆取舍，创建清晰的形式感。单纯化可使版面获得完整、秩序、明了感和良好的视觉效果；反之，则杂乱不堪，造成视觉传达的障碍。,单纯与秩序,1、对比对比是将相同或相异的视觉元素作强弱对照编排所运用的

24、形式手法。简洁明快的对比关系是获得强烈视觉效果的重要手段。,对比与调和,2、调和（1）内容与形式的调和（2）版面各部位、各视觉元素之间寻求相互协调的因素，也是在对比的同时寻求调和。对比强调差异，产生冲突；调和寻求共同点，缓和矛盾。,对称与均衡是一对统一体，常表现为既对称又均衡，实质上都是求取视觉心理上的静止和稳定感。关于对称与均衡可以从两方面来分析，即：对称均衡与非对称均衡。,对称与均衡,1、对称均衡对称均衡是指版面中心两边或四周的形态具有相同的公约量而形成的静止状态，也称为绝对对称均衡。上下或左右基本相等而略有变化，又称相对对称均衡。,绝对对称均衡给人庄重、严肃之感，是高格调的表现，是古典主

25、义版面设计风格的表现，但处理不好容易单调、呆板。,2、非对称均衡非对称均衡是指版面中等量不等形，而求取心理上“量”的均衡状态。非对称均衡比对称均衡更灵活生动，富于变化，是较为流行的均衡手段，具有现代感的特征。,节奏与韵律来自音乐的概念，也是版式设计常用的形式。节奏是均匀的重复，是在不断重复中产生频率节奏的变化，节奏是延续轻快的感觉。如舒缓的小夜曲，又如激烈的摇滚乐。,节奏与韵律,无论图形、文字或色彩等视觉要素，在组织上合乎某种规律时所给予视觉和心理上的节奏感觉，即是韵律。主要建立在以比例、轻重、缓急或反复、渐变为基础的规律形式上。,版面中的“虚”，可为空白，也可为细弱的文字、图形或色彩，主要依

26、具体版面而定。为了强调主体，可有意将其它部分削弱为虚，甚至以留白来衬托主体的“实”，所以留白是版面“虚”处理中一种特殊的手法。版面中的虚实关系为以虚衬实，实由虚托。,虚实与留白,现代版面的设计观念,平面设计中的创意表现为两种：一是针对主题思想的象征、明喻、暗喻等思想创意；二是版面编排的设计创意。将主题思想的设计创意与编排技巧结合表现，使创意思想得到更大的发挥，更佳的表现。,强调创意,风格是艺术设计最高层次的要求，也是我们平面设计的最高境界。风格代表了设计者的个性。通常一个极富个性的设计理念始终贯穿于设计者的设计作品中，其个性的表现以挖掘设计最本质的视觉元素，并形成完整的表现方法和视觉体系，也就

27、形成了设计师自己的个性风格。,强调个性风格表现,多维空间表达为：在二维平面空间上表现立体的、矛盾的、时间的、虚幻的复合空间。在信息高速发展的多元化时代，电子、科技、信息类的设计有着自身发展的特殊性，设计以追求闪烁的数字，多层次的视幻感、运动感、时空感来表达对未来科技发展的完全未知性，是有序的无序传达。世界是丰富、多元而混杂的，人们在表达自己思想情感时逐渐由理性向感性思维转化，冲破约束向自由回归。,多维空间的复合构成,视觉角度是指物像在拍摄时摄影师所选取的拍摄角度。逆向视觉角度、边缘角度、奇异的空间层次和强烈的透视，使版面在众多的平面设计中以崭新的视觉角度而显得与众不同，脱颖而出。,逆向视觉角度

28、,网页设计运用传统的平面设计的视觉传达效果和网络技术有机结合，可以说网页设计是综合了平面艺术设计和网络技术的一门学科。网页设计和平面设计有许多相似的共同点，但因网页的载体不同，功能有差异，所以技术层面的要求也不同。,网页版面的互动性,基本类型,骨格型、满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型和四角型等,骨格型,规范的、理性的分割方法。常见的骨格有竖向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。 图片和文字的编排上，严格按照骨格比例进行编排配置，给人以严谨、和谐、理性的美。 骨格经过相互混合后的版式，既理性有条理，又活泼而具有弹性。,满版型

29、,版面以图像充满整版，主要以图像为诉示，视觉传达直观而强烈。文字配置压置在上下、左右或中部（边部和中心）的图像上。 满版型，给人大方、舒展的感觉。是商品广告常用的形式。,上下分割型,整个版面分成上下两部分，在上半部或下半部配置图片（可以是单幅或多幅），另一部分则配置文字。 图片部分感性而有活力，而文字则理性而静止。,左右分割型,整个版面分割为左右两部分，分别配置文字和图片。 左右两部分形成强弱对比时，造成视觉心理的不平衡。这仅是视觉习惯（左右对称）上的问题，不如上下分割型的视觉流程自然。 如果将分割线虚化处理，或用文字左右重复穿插，左右图与文会变得自然和谐。,中轴型,将图形作水平方向或垂直方向

30、排列，文字配置在上下或左右。 水平排列的版面，给人稳定、安静、平和与含蓄之感。 垂直排列的版面，给人强烈的动感。,曲线型,图片和文字，排列成曲线，产生韵律与节奏的感觉。,倾斜型,版面主体形象或多幅图像作倾斜编排，造成版面强烈的动感和不稳定因素，引人注目。,对称型,对称的版式，给人稳定、理性的感受。对称分为绝对对称和相对对称。一般多采用相对对称手法，以避免过于严谨。 对称一般以左右对称居多。,重心型,重心型版式产生视觉焦点，使其更加突出。 有三种类型 直接以独立而轮廓分明的形象占据版面中心。 向心视觉元素向版面中心聚拢的运动。 离心犹如石子投入水中，产生一圈一圈向外扩散的弧线的运动。,三角型,在

31、圆形、矩形、三角形等基本图形中，正三角形（金字塔形）最具有安全稳定因素。,并置型,将相同或不同的图片作大小相同而位置不同的重复排列。 并置构成的版面有比较、解说的意味，给予原本复杂喧闹的版面以秩序、安静、调和与节奏感。,自由型,无规律的、随意的编排构成。有活泼、轻快的感觉。,四角型,版面四角以及连接四角的对角线结构上编排图形。给人严谨、规范的感觉。,排版设计应注意的问题,排版设计注意的问题排版是设计中最重要的组成部分之一，它绝不仅仅是将漂亮的字体放在帅气的背景上这么简单。然而，制作优秀的排版并不容易，雷区遍布，稍不注意就流于平庸。过于抠细节容易忽略整体的设计，过于强调视觉又容易忽视功能性，日常

32、的误区之多难以想象。所以，今天我们总结了排版设计中常见的一些误区，帮大家逐个梳理日常设计中容易碰到的排版问题。排版问题拥挤的文字：字间距密集的段落：行间距不合理的拉伸与压缩忽略可读性文本的阅读舒适度“孤儿”与“寡妇”使用太多字体 不匹配的字体罔顾内容了解字体的性格小心使用文字的背景填充,知道强调、突出形式重过功能过度强调全用大写忽视层次结构不对齐粗糙的边缘添加特殊效果在重要项目中尝试新效果忘记审核,1、拥挤的文字：字间距这是很容易忽略的一种错误，字间距过于拥挤会降低文字的可读性。有的字体本身会比较稀疏，或者过于紧密，适当调整至易于阅读的状态即可。,字间距-图1,2、密集的段落：行间距行间距也是

33、影响可读性的重要因素，过于紧凑会难于识别，但是一味地拉开间距在视觉上的效果并不合理。一般行间距是行高的50%左右。,行间距-图2,3、不合理的拉伸与压缩这是另一个常见的错误，图片、文字等元素并没有按照原始比例拉伸或者压缩而造成非正常的扭曲和形变。要避免这个问题并不难，尽量在保持比例的前提下控制长或者宽等单个元素变化，在PS或者AI等软件中，按住Shift键拉伸，在网页设计的时候，尽量按照原始比例来设定元素或者控制单个变量。,图像变形-图3,4、忽略可读性正如同上文所说，影响可读性的影响因素很多，不过在诸多问题当中，确保可读性的基础是可读至少要让人看清元素本身。在黑色的背景上采用白色的字体一般能

34、保证可读性，对比很明显，但是如果字体太过于纤细，视觉上的辨识度就很低了。字体过小、色彩对比度不够、透明度过高都会造成类似的问题，只要你发现难于识别，有针对性地处理即可。,忽略可读性-图4,5、文本的阅读舒适度设计师的排版设计要求当然不能仅仅停留在“可以看清”的程度。标题、宣传语使用加粗的、花式的、装饰性的字体有它的功能性，但是长文的正文部分是需要用户长时间阅读的，要保持阅读的舒适度。字体的尺寸、字间距、行间距都需要细心处理。传统的排版设计中，这个部分更加倾向于使用衬线体，比如中文中报纸上所用的博雅宋就是专门设计的一套字体，衬线，笔画细致干练，高识别度。不过随着设计风尚和需求的改变，目前多用无衬

35、线体，而且需要考虑在不同的设备上的阅读体验，于是有了苹方和思源黑体。,可识别性-图5,6、“孤儿”与“寡妇”“Orphans”和“Widows”是印刷排版中的术语，通常指的是行货列、页头和页脚段落最后仅有一两个词构成的短行之类的东西。在文字排版占主体的设计项目中，这些行或者列非常的扎眼，你如果不想让大片的留白打断排版的连续性，最好的解决方案是微调段落宽度、间距。,较短的单词独立成行-图6,7、使用太多字体 这是新手最常见的错误。使用多种字体原本是出于装饰性的目的，但是可控性很差且容易造成视觉干扰，通常将字体类型数量控制在23种是比较合理的。不同风格的字体太多会让你的整体风格极其难以统一，专业性

36、就更难以提及了。,过多的字体-图7,8、不匹配的字体除了不要使用过多的字体之外，还要注意使用协调的字体。不同风格的字体用在一起自然会给人“画风诡异”的感觉，分散用户注意力，降低了信息传递的有效性。字体的搭配手法是介于科学和艺术之间一种存在，它需要你学习排版和字体知识，还需要一部分“设计师的直觉”来支撑。在强调一致性的地方，衬线体和非衬线体不要混用；在海报、封面等地方有的时候需要两种甚至多种类型字体混用，衬线体和非衬线体的搭配就很重要了。多看杂志、网站和杂志排版的案例吧。,不匹配的字体-图8,9、罔顾内容选好字体和字体样式很重要，但是麻烦先审视一下你的项目中内容。字体是有情绪的，好玩的、严谨的、

37、浪漫的、随性的、现代的、复古的等等等等。如果字体和设计的情绪与内容不匹配，你会造成脱节和疏离的感觉，这会让观众迷惑。公司报告是严谨的，不要用充满童真的字体或者装饰性字体，充满张力的海报上用日常的普通字体自然也是设计上的失误。,表现方式匹配内容-图9,10、了解字体的性格每个字体都有性格，人们比较喜欢一些有特色的东西。那么这些被喜欢的存在什么规则呢，了解你的目标人群，知道你文档的用途，选择一类字体，是你的目标人群所期望的字体，是你的文档的用途所需要的字体。,了解字体的性格-图10,11、小心使用文字的背景填充文字背景填充，是指使用颜色明度高的文本在一个深色背景上，或者相反。背景填充比较适用标题和

38、开头。如果你使用背景填充，确保有文本与背景有高对比度的颜色。不要在红色上使用蓝色，不要使用狭窄的或是有奇特特征的文字，要使用圆润、比较规整的字体。,文字的背景填充-图11,12、知道怎样强调、突出或是不强调突出突出文本对易读性和快速浏览非常重要，一般规则是，强调文本不要超过整个文本的10%，如果所有都被强调，那就不是强调了。当然，一次仅仅使用两种或是三种强调技巧。换句话说，不要同时使用，颜色，字体改变，大小，下划线，斜体，黑体。,强调和突出-图12,13、形式重过功能这也是老生常谈。你可以追随近年的设计趋势，找个独特的字体设计一组炫酷而独特的海报或者Banner，做的非常的艺术。但是这样的设计

39、可能会存在阅读障碍，读者需要耗费很长时间来分辨它的内容，那么这就是明显的形式重于功能了。如果你决定这么设计的话，最好平衡一下艺术性和可读性也就是它的功能性。,形式重过功能-图13,14、过度强调有时候你需要强化某个部分，会在视觉上进行强调，让它从整个设计中脱颖而出。文字部分常见的手法很多，斜体、粗体、下划线、大写、增大字体大小等等。但是千万不要将所有的强调方式都用在同一篇文字同一个段落中，这样会让它看起来凌乱不堪。,过度强调-图14,15、全用大写同样，这是一个在英文情况下常见的设计误区。在标题中全用大写，这个没问题，段落中如果偶有需要强调的地方用大写也说的过去。但是在此之前，要保持约定俗成的

40、最基本的使用习惯：标题大写，正文小写。,全用大写-图15,16、忽视层次结构在排版中，层次这个词是区分文本和不同元素的重要性区别的学术性说法。以我们所熟知的报纸为例，标题阐述核心，尺寸最大，文字大写，粗体强调，其次是副标题，字体小点，文字不再大写，再其次是正文，字体最小。如果打破了这种层次结构，用户会迷惑。哪个重要哪个其次，分不清楚。,忽视层次结构-图16,17、不对齐设计原则中，对齐是最重要的几项之一。对齐会让文字排列有序而合理，视觉上统一而一致。不同的对齐方式混合在一起会产生随机的间距，难看且阅读困难。,不对齐-图17,18、粗糙的边缘这种问题在英文排版中更常见一些，中文排版中这种问题实际

41、上并不严重，诸如Office一类的工具会自动帮你微调，而更专业的排版软件中也有相应的算法帮你解决。英文排版中这种问题更多，需要你细心处理调整，实际上这并不是什么特别复杂的事情，重要的是细心。,粗糙的边缘-图18,19、添加特殊效果一般添加特效是个不错的思路，但是必须使用得应景。许多自带的字体特效，诸如3D字体、大阴影、扭曲特效，都很容易让设计看起来廉价而过于花哨。多看时下流行的设计范例，克制随意添加特效的冲动。,添加特殊效果-图19,20、在重要项目中尝试新效果在重要的项目中测试新的设计手法、特效和有趣的字体并不是一个靠谱的方案，也不是合适的时机，甚至不是一个专业设计师应该做的事情。这种手段过于冒险，因为新的手法极有可能并不实用可靠，如果你相信自己的直觉也应该在其他的非重要项目中进行试错。21、忘记审核设计需要严格把关，做完设计之后不审核是不负责的行为。设计完之后，最好通读全文，做拼写检查，确保没有语法错误、印刷错误，这也是设计的一部分。总结当理解上述的注意事项之后，我们设计中的排版基本上可以达到美观的程度了。在设计过程中还要多看多想多动手，这样才能持续不断的提高与进步。,