版式设计与制作-课件完整版

模块一项目解读与调研模块二建立条理与版式构成模块三图文处理与设计技巧模块四色彩搭配与版面编排模块五不同媒介的版面设计模块六课程作业赏析（1）了解版式设计的基础知识，理解版式设计的基本概念。（2）了解并掌握版式设计的构成元素，学习

版式设计的编排原则，理解项目解读与调研在版式设计中的作用。（3）了解和认识版式设计的源流与发展方向、内涵与变更趋势。（1）能运用造型要素及形式原理，把构思与计划以视觉形式表达出来，并寻求艺术手段来正确地表现版式信息。（2）培养学生正确的审美取向，让情感化训练不仅存在于课程的教学过程中，更多的是对个体素质中文化底蕴的体悟与感悟。采用任务驱动项目教学，实现理论、实践一体化教学，以课堂讲授为主，课外调研实践为辅进行教学。（1）讲授基础理论，确定项目，布置课题。（2）通过图书馆和相关网站进行资料收集和分析，总结设计的切入点。（3）以PPT形式在课堂提案，教师与同学互相点评、讨论。小组以PPT形式提交优秀字体编排设计实例，并较清晰地加以分析与提升，是本次任务的考核重点。版式设计的基本概念版式设计指在有限的空间里，将版面设计各要素，如文字字体、图片图形、线型线框、色块肌理和空间构造等给予有机的整理与配置，即总体的安排与布局。版式设计的基本概念是一种有目的性和艺术感的平面设计。是在主题内容影响下的视觉规划设计。是以信息传递为目的的视觉传达设计。是建立在大众媒介特性上的传媒设计。是为了让读者更容易接受内容的人本设计。版式设计【微课视频】版式设计的理念版式设计的范畴与功能版式设计如今被广泛地应用于报纸广告、招贴海报、书籍刊物、包装装潢、直邮广告（DM）、企业形象广告（VIS）以及网页等所有平面、影像的艺术领域为人们形成新的思想和文化观念提供了广阔天地。版式设计的范畴与功能版式设计肩负着双重使命：作为信息发布的重要媒介，通过编排达到阅读流畅、信息传达准确的目的；让读者在阅读的同时产生美的遐想与共鸣，真正让设计者的观点与涵养进入读者的心灵。版式设计的编排原则（一）主题鲜明突出主题指视觉传达作品中表现出来的中心思想，是内容的主体与核心。对于版式设计来说，主题就是标题，也可以是主要推荐的产品或能引起读者共鸣的图片。版式设计的编排原则版式设计是传播信息的桥梁，所追求的视觉形式必须符合主题的思想内容。（二）形式服从内容版式设计的编排原则（三）趣味性与独创性趣味性指形式美的情趣。独创性突出个性化特征。版式设计的编排原则（四）整体性与协调性整体的协调性来自构成元素恰到好处的配合，也就是寻找共性因素，使其含有某种共同的形式特征，具有秩序美、条理美，从而获得更良好的视觉效果。局部与整体的协同是产生美感的重要前提。整体控制局部，而局部又影响整体，使版面设计产生协调之美。版式设计的视觉构成元素点线形（面）版式设计的视觉构成元素【在线案例】版式设计中点、线、面的应用【微课视频】版式设计造型元素版式设计的视觉构成元素（一）点的版式编排表现形式：①通过有规律的排列，形成大小相同、间隔相等、整齐划一的秩序美；②运用自然的散点构图，形成活泼多变、散而不乱、变化有序的灵动美；③采用群化型的组合方式，将正方形、三角形、不规则形纳入点的范畴，在等间隔构成的网格上，把某一个或某一组圆点，组合变化为上述其他形状，目的在于在统一的版面设计中寻求变化。版式设计的视觉构成元素版式设计的视觉构成元素（二）线的版式编排线不但具有浓烈的情感特征，而且具有方向性、流动性、延续性及远近感。线还有明线与暗线之分。明线是指肉眼看得见的线，而暗线则是靠心灵感应而形成的线。版式设计的视觉构成元素（三）形的版式编排形可分成几何形和自由形两大类，在版式设计中要把握相互间整体的和谐，才能产生具有美感的视觉形式。版式设计的视觉构成元素形有正形与负形之分。正形指设计者将各设计元素布局在版式空间里，即视觉能知觉到的形；反之，则是负形。正负形的替换可以引起人们的注意，且正负形的协调可帮助传达信息的含义。版式设计的视觉构成元素（四）点、线、形的和谐点、线、形和谐与否最终还是要由人来进行具体感受和评判，即能不能与具体的功能相和谐。在版式设计各元素交融的背后是整体的和谐，而和谐才是设计中最重要的方面。版式设计的形式法则【微课视频】版式编排形式法则美的形式是有法可循的，形式美感的基本法则是通过节奏与韵律、对比与调和、比例与适度、秩序与变异、虚实与留白、变化与统一来体现的，其中色彩的搭配是至关重要的元素。版式设计的形式法则（一）节奏与韵律设计者通常会以一种色调作为主色调，但除了主色调之外，往往还会使用一种次要的辅助色调，从而形成色彩对比，使版面整体富有变化、节奏感和生动感，同时还能起到突出主体的作用。版式设计的形式法则（二）对比与调和版式设计就是在制造对比的同时又追求调和，既对比又调和。对比是寻求差异，产生冲突；调和是寻求共通，缓和矛盾，两者互为因果，共同营造版式设计的形式美感。版式设计的形式法则（三）比例与适度比例是一种用几何语言和数比词汇表现现代生活和现代科学技术的抽象艺术形式。适度旨在寻求版面中各方面比例的协调关系。版式设计的形式法则（四）秩序与变异秩序美是构成版面的灵魂，更是一种组织美的编排，能充分体现版面的科学性和条理性。在秩序中融入变异的构成，可使版面获得一种活泼动情的效果。版式设计的形式法则（五）虚实与留白中国传统美学上有“计白守黑”这一说法，就是指除编排的内容把握之外，更要斤斤计较的却是虚的“白”，两者的关系是同时相互拥有、相互依存的。版式设计的形式法则（六）变化与统一变化与统一是形式美的总法则，是对立统一规律在版面设计中的应用。版式设计的程序明确设计项目明确设计宗旨明确传播的信息设计规划设计制作版式设计的溯源与发展（一）西方的版式形式发展1.古典风格20世纪初英国的设计大师莫里斯是古典主义版面的创始人。设计风格严谨、朴素大方，采用对称式构图、美观的字体和精美的装饰纹样构成新颖的版面编排。版式设计的溯源与发展2.构成主义风格在点、线、面和色彩处理上运用规律排列，追求秩序美，将文字与图形合成单个要素，常常用来表现主题内容，以理性的、简洁的几何形态构成图形，着重于形式美、节奏美和抽象美。版式设计的溯源与发展3.新客观主义强调版面设计的功能。设计原则追求版面不对称，大胆运用强烈的明暗对比，摒弃繁杂的装饰纹样，在字体上采用无饰线体，运用块面和较粗的线条，突出主题。版式设计的溯源与发展4.包豪斯的现代设计风格始于1919年德国人格罗皮乌斯创立的“国立魏玛包豪斯设计学院”，随后这股现代设计风格迅速撒向美国、瑞士、荷兰、匈牙利、日本等国。包豪斯为现代版式设计打下了坚实的理论与实践基础。版式设计的溯源与发展5.网格设计运用固定的网格来设计版式的方式，控制和安排版式的文字与图形，形成有节奏的组合。它以易于识别为目标，创造了完美的造型风格。版式设计的溯源与发展6.自由版式设计自由版式设计追求荒诞、原始美的非理性方向以及重在自我情感的抒发，与现代主义效仿和谐、典雅的理性思维方式产生了强烈的冲撞，掀起了一场设计界的大变革，被人们冠以“后现代主义设计思潮的‘泛滥’”。版式设计的溯源与发展（二）中国的版式形式发展中国的书籍最早从简牍开始。简牍的正面书写文章内容，背面则写有篇名和篇次，将简牍卷起来的时候，篇名和篇次正好显示在外面，方便查找。这也为现代书籍后扉页奠定了基础，对现代书籍设计有重要的影响。版式设计的内涵与外延（一）创新思维指具有创造性的意识、思想、点子，创新是一种逻辑性和创造性的思维过程，也就是对所要表达的内容进行提炼、组合、想象和创造的思维过程。版式设计的内涵与外延（二）独特形式通过追求设计个性与形式美感，通过文字与图形的编排所制造的幽默、风趣、神秘等独特形式，提升作品的趣味性与影响力。版式设计的内涵与外延（三）情感攻势版式设计在表现形式上，正朝着艺术性、娱乐性、亲和性的方向发展，替代了过去那种千篇一律的、硬性说教的、重视合理性的版面形式，并深化为一种新文化、新艺术、新感受、新情趣而更加具有魅力。版式设计的内涵与外延这种设计方式使版式不再是一个简单、纯粹的构成关系，而是构成了多视点、矛盾性空间层次的立体化，以此来刺激观者，从而产生前所未有的艺术形式。（四）数码特技崭新的数码媒体不仅使人与人之间相互联系的方法发生变革，而且也直接参与并规范我们现实生活的框架，开创出一条新颖的、丰富多彩的设计之路。（1）了解版式设计需要掌握的要点、原则，引导读者的视线按照设计者意图获取最佳信息。（2）了解版式设计中的网格构成的概念、作用以及类型，掌握网格应用的方法。（3）了解和认识常见的印刷纸张开度以及常用的装订方式。（1）培养学生理解设计意图、提取关键要素、正确布置信息的大小和位置。（2）掌握版式设计中的网格构成方法，并灵活运用网格进行版式编排。采用任务驱动项目教学，实现理论、实践一体化教学。根据项目解读与调研进行总体规划与定位。（1）讲授理论，并讨论前一阶段的专题调研情况，进行归纳总结。（2）根据调研结果提出建立版式编排的条理。（3）完成定位分析，确定版式性格，提交一份整体规划。小组成员结合自己的课题，以PPT形式提交优秀杂志画册编排设计实例，并较清晰地加以分析，是本次任务的考核重点。信息整理分析（一）明确目的（二）提取信息（三）编辑排版信息整理分析版面的视线移动规律在通常情况下，人的视线是从上到下移动的，而阅读横排文章的时候是从左到右，阅读竖排文章则是从右到左自然移动。版面的视线移动规律在排版的时候，要进行编排的不仅是文字，也有在文章中加入图片的情况，那就需要把图像和文字一并考虑来设计视线移动。版面的视线移动规律版面上侧的视觉力度强于下侧，左侧强于右侧。纵长版面中心线的三分之一处最为引人注目。这种人们在长期的生活实践中产生的视觉习惯形成了一定的视觉运动的规律。网格在版式设计中的重要性（一）网格的概念网格就是利用垂直和水平的参考线，将画面简化成为有规律的格子，再依托这些格子作为参考以构建秩序性版面的一种设计手法。【微课视频】网格的概念

与作用网格在版式设计中的重要性1.版心版面上除去周围白边，剩下的以文字和图片为主要组成部分的就是版心。3.分块分块是将版面中的内容进行横向分割。2.分栏竖向地将文字内容分成几列称为栏。网格在版式设计中的重要性（二）网格的作用瑞士设计者卡尔·加里斯纳在20世纪60年代为Capital杂志设计了58单元格网格，在单页的版面上，横向和纵向都分割了58个小的单元格，在58单元网格上又分成5×5的单元格，能组成千变万化的版式。网格在版式设计中的重要性网格可节约时间，用来排列一些复杂的信息。但网格仅仅是帮助设计的工具，若盲目过分地、机械地依赖。网格分为可见的和不可见的。可见的网格清晰，具有条理性。运用不可见的网格构成版面，能使读者产生空间的置换与叠加，具有更深沉的含义。网格的类型（一）对称网格对称式网格是在版式设计中左右两个页面结构完全相同，并且有相同的内页边距和外页边距，页面、页码的位置对称，左右两页可以互为镜像，从而表现出一种严谨、分明、理性的特点。【微课视频】网格的类型与应用网格的类型2.双栏对称网格1.单栏对称网格网格的类型4.四栏对称网格3.三栏网格网格的类型（二）非对称网格比例网格重叠网格网格在版式设计中的应用（一）内容确定网格的形式任何版面要传递的是内容，设计人员要深入了解和研究内容的方方面面，确保网格能够促进内容的传达，进而实现信息发出者的商业目的，同时为读者营造愉快的视觉感受。【在线案例】1.Avmagazine杂志的网格设计2.网格设计在书刊杂志上的应用网格在版式设计中的应用图片较多的版面采用多栏网格，分栏后缩短每行文字的长度，改变文字过于呆板而没有层次感的缺点。图片过大可采用左右不对称的网格，满版图片与其他大小的图片相结合。网格在版式设计中的应用（二）成角网格的应用成角网格是根据版式的需要将网格设置为与版面成夹角的形式。由于成角网格打破常规视线，塑造倾斜的文字与图片，所以带给读者新鲜的视觉效果和时尚的节奏感。网格在版式设计中的应用（三）网格的突破应用网格把页面分成若干小格，格子越小，对图片裁剪的要求越高，不能裁剪图片的时候就可适当采用破格设计。突破网格的设计破坏原来的规则，限制地进行调整，适当突破栏线和块线。常见的印刷纸张开度（一）正度纸与大度纸的开数【微课视频】印刷品与纸张开度常见的印刷纸张开度咬口是指印刷机器在传送纸张时，纸张被印刷机送纸装置夹住的位置，是印刷机油墨印不到的部分，1～2cm，所以实际印刷面积必须扣除咬口部分。常见的印刷纸张开度（二）常见纸张开切和图书开本尺寸常见的印刷纸张开度装订方式对版面设计的影响（一）无线胶装即书页裁切整齐后一侧上胶装订，用书本热熔胶来粘合书芯，不需要书钉或线进行装订。装订方式对版面设计的影响（二）骑马钉装订最普通的装订方式之一，采用跨页对折方式，书页依靠两个铁丝钉联结。装订方式对版面设计的影响（三）胶圈/铁圈装订是一种活页装订方式，将书册页面一侧打孔，按页排序后穿环装订成册。常见的材质分为胶圈和铁圈两种。装订方式对版面设计的影响（四）锁线胶装指用线将各跨页穿在一起，然后用胶水将印品的各页固定在书脊上的一种装订方式。（1）了解文字性格与版式设计的关系，学习如何根据表达目的选择字体。（2）了解并掌握文字编排的基本形式，灵活运用文字编排的设计技巧进行版式设计。（3）了解版式设计中图片的形式，掌握文字与图片编排的方法。（4）了解版式设计中文字编排的误区，以及图片后期处理的技巧。（1）能根据文字性格合理选择适合的字体进行版式编排，能运用造型要素及形式原理，把构思与计划以视觉形式表达出来。（2）能运用图形化的语言对字体进行有创意的编排设计。（3）掌握图片的处理方式，并灵活运用于版式设计。采用任务驱动项目教学，实现理论、实践一体化教学，根据总体规划与定位进行画册封面设计。（1）讲授基础理论，并根据前一阶段的专题调研情况进行课题布置。（2）学生应用所学方法进行字体及封面设计，以PPT形式在课堂提案，教师与同学互相点评、讨论。总体规划能力、字体设计能力、图片处理能力。文字性格与版面编排由笔画样式、形体结构所构成的字体、字形具有各自特有的外显面貌，受观众常性认知的作用，这种面貌又呈现出某些性格特征，我们称之为“文字性格”。文字性格与版面编排（一）高级感与传统感使用西方语系字体时，衬线体会比无衬线体显得更有格调；在东方语系字体里，宋体就比黑体感觉高雅。文字性格与版面编排要想营造出优雅的高级感，必须让文字周围有舒展的空间，字号不要过大，文字的颜色尽可能选用无彩色，特别是与背景搭配时，清晰的明度对比更能给人强烈的信赖感。文字性格与版面编排（二）亲切感与柔和感没有边角的圆润形状，可以带给读者一种亲近感。文字性格与版面编排想利用文字传达出易于亲近的感觉时，要避免使用黑色或藏青色这类对比强烈的颜色，尽可能采用与背景亮度差异较小的暖色系。文字性格与版面编排（三）未来感与科技感第一阶段是选用已尽可能排除装饰要素的文字，文字的构成要素越简单，有生命力的印象越淡，抽象感就会越强，就更能呈现出一种现代感。第二阶段要进一步呈现科技感，需要将文字改造得更简单，呈现“图形化”。文字性格与版面编排想要营造出充满先进未来感或科技时尚感的意象时，适合使用黑色或灰色系色彩，红、蓝等鲜艳的颜色，只适合用在重点部位。文字性格与版面编排（四）怀旧感与文化感提到有传统文化的字，非毛笔字莫属。书法可分为篆书、隶书、楷书、行书和草书5种字体，合称“书法五体”。文字性格与版面编排传统毛笔字不适合鲜艳、明亮的颜色，因此，在版面配色上，要减少鲜艳的颜色，而采取古朴的配色，以达到彰显传统文化的目的。文字性格与版面编排（五）自然感与手工感要用文字来呈现自然感和手工感，就要尽可能挑选圆滑、流畅的字体，在搭配时，字与字、行与行之间的间距也要宽松一点。文字性格与版面编排要呈现更自然的意象，也需要注意文字和背景的质感，颜色避免选用过于鲜艳的色彩，尽可能降低与背景色的反差。文字编排的基本形式（一）字号一般来说，按照大标题、小标题、副标题、引言、正文、说明的顺序，字号会越来越小。文字编排的基本形式书籍和杂志正文的字号会依据阅读对象的年龄而有所不同。读者的年龄较高或是孩童阅读的书籍，须大1或2号；读者若是年轻人，则小1或2号也可以。文字编排的基本形式（二）字距字距是排版后的文章是否容易阅读、能否让读者感受到文章的韵律的关键要素。文字编排的基本形式如果希望呈现出密度感及凛然的张力，可以将字距调小；若希望有舒适、悠然的感觉，则应设定宽松的字距。为了达到容易阅读的效果，可将全部字距调整为均值。特别是标题等显眼的部分，可以通过调整字距来达到需要的效果。文字编排的基本形式行与行之间的留白称为“行距”，行距的设定关系到阅读时的感受。还有一种与行距相似的概念，即“行高”。行高一般是指一行的底线到下一行底线的距离。（三）行距文字编排的基本形式（四）文字对齐形式1.文字两端对齐使用两端对齐排版，字群端正、严谨、稳定，但版式显得平淡，需要注意字体的使用，字体大小的变化，搭配出丰富的层次感。文字编排的基本形式2.文字左对齐符合人们的视觉习惯，使读者的阅读自然、流畅，是目前版面设计中常见的一种文本对齐方法。文字编排的基本形式3.文字右对齐右对齐有违视觉习惯，但效果新颖别致，能够形成视觉边框，使左边有一定指向感。文字编排的基本形式4.文字居中对齐指文字以轴线为中心对称排列。可使视线集中，中心突出，文字长短不一，使左右两侧富有节奏变化，活泼而不失端庄。文字编排的基本形式5.文字自由排列指版面中的文字不拘泥于齐整、规律的排列方式，常以独特的字形、大小、疏密、走向的变化来构造有意味的形式。文字编排的基本形式6.文字图形化排列一种是文本绕图，文字绕图片边缘排列，两者形成局部结合的关系，使版面内容表现自然、融洽；另一种是将文字按照某种形状进行编排，使其图形化。文字编排的设计技巧（一）字号对比在想要引人注目的地方，如书本或活动的标题、商品名称、宣传标语等，将这些文字的字号放大，其余部分则使用较小的字号。但文字字号的变化也会影响版面整体的平衡或节奏感。文字编排的设计技巧在编排长篇文章时，如果全都使用相同字号，那么读者就必须把文章通篇读完才能掌握其内容。但如果在中间使用大一点的字号，把总结那个段落内容的句子置入其中，整体内容就特别容易把握。文字编排的设计技巧（二）字体对比字体的对比与字号或重量的对比不同，能够让人将注意力集中在重要信息文字上。文字编排的设计技巧（三）重量对比一般来说，最想引人注意的标题或宣传标语等，会使用粗线条的字，排在其周围的文字则使用细线条的字。借此，可以让人把视线的焦点集中在重量较大的文字上。文字编排的设计技巧（四）色彩对比一种被称为“前进色”的色彩组合。前进色就是极为显眼的色彩。将这种色彩运用在文字上，就可以让该部分的文字比其他部分更为显眼。文字编排的设计技巧使用色彩这种表现手法时，要尽量缩减颜色数量，但若想在一个版面上使用多种色彩，必须统一那些色彩的色调，才会有整体和谐的感觉。文字编排的设计技巧（五）紧排与宽排“紧排”也可运用在行距上，将行距缩小，直到比易于阅读的间隔更小之后，以文字来说，就会出现难以视读的状态，所以映入眼帘的只有其身为文字组块的部分，但却拥有一种力道强劲的印象与整体感。文字编排的设计技巧（六）字体的装饰1.材质“材质”指的是素材的质感，在文字上做出金属、水、树木或石头等材质感，借此让文字更加生动、写实文字编排的设计技巧2.立体在设计作品上使用立体字，可以让人感觉到强劲的力道和较大的规模，以及画面带来的空间感。文字编排的设计技巧给文字加上影子，也就是“阴影”效果，让文字看起来更富有立体感，产生突显的效果。3.阴影文字编排的设计技巧4.拟态赋予文字特定的素材感或特定的形状，可以让文字除了本身的意义以外，也拥有其他意义，这种手法称为“拟态”。文字编排的设计技巧5.边框给文字添加边框是为了让文字更加鲜明、显眼，所以边框的色彩通常会和文字或背景色产生强烈的反差。图片的形式（一）出血图形出血图形又称满版图形，用图片充满整个版面，整个版面设计以图像为主，不要边框。图片的形式【在线案例】图片在版式设计中的形式与应用【微课视频】图片的应用形式图片的形式2.使用满版的图片客观地描写空间将中距离构图的图片以满版的方式进行摆放，除了能够呈现出空间感外，还能够客观地反映现场状况。1.使用出血图片渲染版面氛围采用出血的图片表现方式，能够使整个版面的视觉效果直观而强烈。文字内容在版面的上下、左右或中部的图像上。图片的形式3.使用部分出血图片，赋予版面开放性在版面设计中，并不是所有出血图片都需要占满整个版面，也可以是左右出血或上下出血，结合版面中的留白处理，使版面有向外延展的感觉。图片的形式（二）退底图形这种图片应用形式能够有效地排除图片背景的干扰，使主体形象突出、醒目，与正文的组合常常表现为文本绕图的形式，给一种轻松、明快、平易近人的印象。图片的形式1.突出拍摄主体，活跃版面2.用退底的人物图片表现出版面空间3.将退底图片当作插图来使用图片的形式（三）形状图形使用形状图形设计版面，图片经过创造性加工组合，使得版面更加新颖突出，给人们带来新鲜感，提高人们的阅读兴趣。图片的形式2.在版面中形成对比在版式设计过程中，还可以通过形状的对比来突出重要的内容和信息。1.丰富版面的视觉表现效果运用形状图形能够更好地活跃版面，打破固有的图片表现形式，使版面的表现更加灵动。影响图片编排效果的因素（一）图片位置1.将图片放置于左上角位置版面的左上角更是常规视觉流程的第一个焦点，因此将重要的图片放置在这些位置，可以突出主题，使整个版面层次清晰，视觉冲击力也较强。影响图片编排效果的因素2.将图片放置于版面的对角线可以有效地使用图片来支配版面空间，使版面的视觉效果更加灵动、独特。影响图片编排效果的因素3.将某一张图片与其他图片分隔开让某一张图片与其他若干图片之间保持较大的距离，这张图片就会相对更加显眼，读者会将其作为特殊的内容来认识。影响图片编排效果的因素（二）图片大小一般情况下，图片面积的大小决定了浏览者注意度的高低，从大到小是人们自然的观看顺序。影响图片编排效果的因素1.放大含有重要信息的图片2.用图片大小对比营造节奏感3.强调图片的空间延展性影响图片编排效果的因素（三）图片方向1.使用图片营造方向感方向感强，动势就强。巧妙运用方向感能够突破版面的平淡无味，刺激读者的视觉，给读者留下深刻的印象，引导读者的目光随着图片指向移动。影响图片编排效果的因素2.使用倾斜处理的图片创建动感通过富有方向感的图形与排版方式，使整个画面给人一种富有活力、动感的视觉效果。影响图片编排效果的因素3.巧用人物视线让读者注意主题版面中最明显的方向就是人物的视线。使用人物图片的时候，图片中人物的视线方向，将会影响版面的视觉顺序。影响图片编排效果的因素（四）图片数量图片数量的变化能够营造出不同的版面氛围，图片数量要根据版面内容来安排。影响图片编排效果的因素1.少量图片营造简洁、大气的氛围2.图片数量较多给人活跃的感觉3.利用三角形构图呈现稳定感图片与文字的处理（一）图片与文字编排原则1.不要用图片随意切断文本一段文本中插入图片，插入不当会切断文本，使视线被迫跳跃，造成不连续的信息反馈。图片与文字的处理2.文字添加到图片上要注重协调不能选用接近图片色彩的颜色。不要放在主要对象上面，以免影响主要对象的完整度。图片与文字的处理3.图片与文字边线的统一为了构建层次清晰、视觉流畅的版面，尽量统一图片与文字的宽度。图片与文字宽度的确有差异时，把文字排成“块状”，利于图片与图片、段与段之间的编排。图片与文字的处理（二）图片与文字的编排技巧1.利用标题文字的位置展现空间感图片中摆放文字的位置通常为天空或是阴影这类明暗变化较少的位置，也可以将文字放在图像比较模糊的位置。图片与文字的处理2.利用半透明色块来突出文字的可读性如果图片色彩比较丰富、色调变化比较大，为了使图片中的文字具有良好的可读性且不破坏图片的完整性，可在文字的下方添加半透明的白色或黑色背景色块。图片与文字的处理3.利用能营造氛围的文字颜色根据图片的色调来设置文字颜色更能衬托图片的氛围，完成令人印象深刻的版式设计。使用图片中的某种颜色作为文字的颜色，能够自然地创建出统一感。版式编排中的几个误区（一）不合理的字距与行距这是很容易忽略的一种错误，字间距过于拥挤会降低文字的可读性。有的字体本身会比较稀疏，或者过于紧密，适当调整到易于阅读的状态即可。版式编排中的几个误区（二）忽略可读性设计者的排版设计要求不能仅仅停留在“可以看清”的程度。标题、宣传语使用加粗的、花式的、装饰性的字体有它的功能性，但是长文的正文部分是需要用户长时间阅读的，要保持阅读的舒适度。字体的尺寸、字间距、行间距都需要细心处理。版式编排中的几个误区（三）“孤儿”与“寡妇”指行或列、页头和页脚段落最后仅有一两个词构成的短行之类的东西。在文字排版占主体的设计项目中，这些行或列非常扎眼，如果不想让大片的留白打断排版的连续性，最好的解决方案是微调段落宽度、间距。版式编排中的几个误区（四）过度强调有时如果需要强化某个部分，可在视觉上进行强调，让它从整个设计中脱颖而出。文字部分常见的手法很多，如斜体、粗体、下划线、大写、增大字体大小等。但是千万不要将所有的强调方式都用在同一篇文字同一个段落中，这样会让它看起来凌乱不堪。版式编排中的几个误区（五）忽视层次结构以我们所熟知的报纸为例，标题阐述核心，尺寸最大，文字大写，粗体强调；其次是副标题，字体稍微小点，文字不再大写；最后是正文，字体最小。如果打破了这种层次结构，读者会迷惑，分不清楚哪个重要、哪个次要。版式编排中的几个误区（六）不对齐对齐会让文字排列有序而合理，视觉上统一而一致。不同的对齐方式混合在一起会产生随机的间距，难看且阅读困难。想要让排版对齐，最好的方式就是打开软件的对齐工具，在它们的辅助下让排版更加整齐。摄影图片的后期处理（一）一图多用一张大幅照片在细节之处常常隐含了多幅照片——环境、对象或动态。那么利用这一点，可以将图像分割，一块块地使用。这些分割图像在色彩和纹理上具有内在的和谐性，因此能轻松地搭配在一起。摄影图片的后期处理通过裁剪，不仅能使照片适合页面上的某个特定区域，实际上还可以使照片更完美，让一张平淡无奇的图片更加引人注目。摄影图片的后期处理（二）调整角度，纠正地平线地平线应当是水平的，海面也应当是水平的。要纠正照片中的地平线，需要对照片的四条边进行裁剪。摄影图片的后期处理（三）加强视觉焦点方法一：可以通过调整其中一个的位置，并将其放大，形成画面的视觉焦点。摄影图片的后期处理方法二：可将背景虚化后，提亮或加深背景色。既可以烘托氛围，也可以突出视觉焦点。摄影图片的后期处理方法三：所展示的主体物体积不大，展示的时候必须有人物或其他物体配合，可将主体物之外的物体进行黑白处理或是以线描的形式进行描绘，进而达到突出主体物的目的。摄影图片的后期处理还可通过PS对图片进行后期处理，通过滤镜特效，可以让图片处理更具创意。（1）了解色彩基础知识，理解色彩与版面情感表达的基本关系。（2）了解并掌握色彩与视觉的可识别性，并掌握取得和谐及强调设计的配色方法。（3）了解和认识赋予版式特定印象的配色方法。（4）了解CMYK与RGB色彩的区别与应用范围。（1）能运用色彩相关知识及原理，把构思与计划以画册的形式表达出来，并寻求版式设计上的统一与变化。（2）能运用色彩语言表达有情感、有创意的版式设计。采用任务驱动项目教学，实现理论、实践一体化教学，根据已定稿的封面设计，进行画册内页设计。（1）讲授基础理论，确定风格，布置任务。（2）学生应用所学方法进行画册内页设计，以PPT形式在课堂提案，教师与同学互相点评、讨论。总体规划能力、图文编排能力、画册视觉节奏把控能力。色彩与版面情感表达人们欣赏一幅平面设计作品时的第一印象是通过色彩产生的，而第一印象往往会最鲜明也最容易留存在记忆中。色彩拥有能够引起冷暖、软硬、轻重以及前进后退等心理效果的性质，并且可以通过混色和配色来达到物理性的效果。【微课视频】版式色彩的情感识别色彩与版面情感表达（一）红色红色是广大人民喜爱的颜色，具有最佳的视觉效果，可以用来传达活力、热情、温暖等含义。另外，在工业安全色中，它也常用作警告、危险、禁止等标志用色。色彩与版面情感表达（三）黄色黄色是最光亮的色彩，给人光明、轻快、活跃的感觉。纯净的黄色象征着智慧之光，又象征着财富和权力，是值得骄傲的色彩。（二）橙色橙色就像是丰收的秋季，让人感觉富足和欢乐。它是暖色系中最温暖的色彩，可以应用到很多领域。色彩与版面情感表达（四）绿色纯净的绿色纯度不高，刺激性不是很大，在人的生理和心理上的作用极为温和，给人安逸、可靠、安全的感觉，还可以使人精神放松、不易疲劳。色彩与版面情感表达（六）紫色紫色是非知觉的色彩，让人印象深刻，有时给人压迫感，同时也给人神秘、优雅的感觉。它似乎是色相环上最消极的色彩。（五）蓝色纯净的蓝色给人一种美丽、透明、理智、冷酷、忧郁的感觉，可作为标准色用在科技、企业形象、高科技电子产品等领域中。色彩与版面情感表达（七）黑、白、灰黑和白象征着色彩世界的阴极和阳极，就像太极图案中的黑白循环，象征着宇宙的永恒运动。灰色是介于黑白之间的中间色，具有黑白两色的优点，更具有高雅、稳重的风韵。色彩与视觉的可识别性（一）色彩与图形的关系在版面设计过程中运用适当的、不同的色彩来表现版面中的图形，可以使图形的效果更加丰富，形式美感更强。图形的色彩也是图形语言的一个重要组成部分。色彩是直接影响图形设计成败的要素之一，运用得巧妙得体，就能够充分体现图形的丰富多彩和装饰魅力。色彩与视觉的可识别性1.尖锐与平和色彩强烈则对比强烈，给人刺激、夺目的感觉；反之，色彩协调而对比较弱，给人一种平和感。2.前进与后退暖色比冷色更具前进、扩张的特性。但色彩的前进和后退感不能一概而论，要根据整个画面的色彩而定。色彩与视觉的可识别性3.活泼与沉寂火热的红色和明亮的黄色调配形成的橙色给人活泼、愉悦的感觉；青色、青紫色、青绿色则给人安静、踏实、沉稳的感觉。4.微弱与强烈暖色纯度越高越具有温暖感，冷色纯度越高越具有凉爽感，若整个画面的纯度都很低，就会给人一种微弱的感觉，反之则给人强烈的感觉。色彩与视觉的可识别性麦当劳和无印良品这两个品牌分别具有各自鲜明的个性，而这些独特的个性在很大程度上是通过色彩进行表现的。色彩与视觉的可识别性（二）色彩与字符的关系无论在什么情况下，都需要保证版面中文字内容的可读性。画册在黑色背景上使用白色文字，在白色的背景上使用黑色文字，文字内容都具有很好的可读性。色彩与视觉的可识别性2.鲜艳的文字色彩更能剌激视觉暖色的明度和纯度越高，视认性也就越高；相反，冷色的明度和纯度越低，视认性就越低。1.让文字具有良好的可读性色彩语言通常都带有文化、政治等意味，因此字符和色彩的运用同样受到一定的限制，不同种类的设计中，使用的字体颜色和字符也会不同。取得协调的配色方法配色协调能使观看者产生安心的感觉，这对版面设计而言是很重要的一点。因为版面设计与艺术品不同，内容易于理解并且有效地传递信息才是最主要的任务，只凭借个人喜好而坚持色彩的使用并不恰当。【微课视频】版式设计的配色方法取得协调的配色方法（一）色相一致的配色色调一致的配色，因为色彩上的变化很细微，无论怎么使用都会给人单调的感觉。因此，不要从头到尾只使用完全相同的色相，最好也取用其他色相的颜色作为强调色，将色调一致的配色当成基底色会比较合适。取得协调的配色方法（二）明度一致的配色明度表示的是色彩的明亮度。与纯度和色相相比，明度是让眼睛更容易感觉到“变化”的色彩要素。明度一致的设计能使整体显得均衡而富有平面感。取得协调的配色方法（三）纯度一致的配色统一使用纯度高的色彩配色，因为色彩张力都很强烈的关系，所以色彩间的冲突会让人感受到强烈的对比。在这种状况下，一旦色彩数目增多，便会产生热闹又愉悦的印象；反之，抑制色彩数目则会产生强而有力的感觉。取得协调的配色方法（四）无彩色的应用所谓无彩色，是指完全没有颜色的色彩，就是我们常说的黑、白、灰。它们本身就不具有任何色感，并不会发生颜色变化的现象。无彩色具有统一整体设计的多种功能。强调设计的配色方法（一）明度对比人类的眼睛对明度差异的敏感度，比其他任何一种对比的敏感度都要高。在明度落差大的色彩组合中，又以黑色与黄色这组配色组合最为抢眼。强调设计的配色方法（二）纯度对比纯度高的色彩有刺激人类感情的效果，面积越大越有魄力。纯度低的配色会让人产生怀旧或平和的情感，与刺激性的高纯度色彩组合在一起时，会让设计作品产生近乎戏剧性的效果，适合电影的广告或小说封面等力求戏剧化效果的作品。强调设计的配色方法（三）色相对比色相对比效果，以色相环中位置距离较远的颜色来进行组合，距离越远，效果越强烈。强调设计的配色方法（四）色彩面积想要借助色彩来让人感受到强大的魄力时，可以考虑将色块面积放大。赋予特定印象的配色方法（一）符合年龄印象的配色作品配色设计要考虑受众的年龄层，配色可以创造出符合不同年龄段人特征的风格。婴儿期儿童期青年期成人期赋予特定印象的配色方法年龄层最低的受众是婴儿。以婴儿为对象的商品或设计，大多使用的是纯度和明度两者皆高的浅色系色彩。赋予特定印象的配色方法儿童期的配色大多是纯度极高而明度中等的色彩。婴儿期结束时，幼儿的眼睛可以辨识色彩了，但无法像成人那样辨别色彩之间微妙的变化。以幼儿为对象的玩具，使用的都是色彩分明的颜色。赋予特定印象的配色方法当受众接近成人时，就会开始因为个性不同而出现个人的喜好了。这个时期，与其使用既定的配色，不如根椐各种兴趣进行配色，以产生更丰富的效果。赋予特定印象的配色方法随着年纪逐渐老迈，即使我们年轻时无法感受到色彩的微妙变化，此时也逐渐感受到色彩的魅力。所谓的“清幽古雅”的风情，也许唯有成熟人才能够理解。赋予特定印象的配色方法（二）符合季节印象的配色用配色来展现四季的感觉，可以运用反映该季节特征的色彩来表现。最简单又容易理解的方法是——从那个季节的花草树木等自然物中将色彩抽离出来。赋予特定印象的配色方法春天的阳光柔和，并没有纯度特别高的色彩。樱花或油菜花等花朵的色彩，或是平静天空带点薄雾的蓝、新芽明亮的绿，都很适合用来表现春天的感觉。赋予特定印象的配色方法夏天是阳光最强烈的季节，所有微妙的色彩差异或色调的不同，全都被剔除了。所以，表现夏天的色彩，就是纯度高、明度稍低的色彩。赋予特定印象的配色方法秋天有落叶的黄色或叶子昂扬的鲜红、天空澄澈透明的蓝、进入收割期稻穗的金棕色，或柿子、栗子等果实的色彩等，只要将这些色彩抽离出来即可。赋予特定印象的配色方法冬日印象的配色必须采用与冬季活动相关的色彩，如使这种寒冷季节温暖的炭火或暖炉的火、圣诞节或新年等的色彩。赋予特定印象的配色方法表现特定国家印象的配色时，可以选用该国的传统工艺品或国旗的颜色、象征性的食物和食材的色彩等，借此简单地创造出该国的配色。赋予特定印象的配色方法如果设计对象没有该方面的文化内涵，设计者也可以按其没有太多该方面的文化内涵为前提，单纯描绘表面的文化色彩，这样不至于引起争议。RGB和CMYK电脑屏幕以RGB表示色彩，而印刷品则以CMYK表示。我们借助观看而感觉到的“色彩”，可分为光加上颜色之后所透出的“透过色”，以及光照射到物体上反射出来的“反射色”。RGB和CMYK透过色是以“加色混合”的方式，由红（Red）、绿（Green）、蓝（Blue）3种颜色混合，表现出各式各样的颜色。由于计算机屏幕是用这种方式表现色彩，所以如果把眼睛靠近屏幕，应该可以看见红、绿、蓝的细小光点。这种色彩表示方式是撷取这3种色彩的英文单词的首字母，称为RGB色彩。RGB和CMYK反射色就是用画具或染料、油墨之类的“色材”来表现颜色。印刷品基本是青（Cyan）、品红（Magenta）、黄（Yellow），再加上黑（Black）4种油墨相互组合而成，所有的颜色以“减色混合”的方式表现。色彩的印象坐标印象地图的制作并不只是向他人表达印象，也肩负着将我们所忽视的印象具象化的任务。可以对印象坐标的纵轴与横轴分别设定关键词。（1）了解不同类别版式设计的基础知识。（2）了解并认识版式设计构成的基本元素在不同领域版式设计中的应用。（1）能运用版式设计的基本元素的编排整合方式，学习分析各类型版式设计案例。（2）培养学生正确的审美取向，学会举一反三，将画册设计的方法用于不同需求的版式设计中。采用教师布置任务，学生课后进行资料收集归纳、整理提炼的方法，达到自学的目的。（1）确定项目，布置课后调研课题。（2）通过图书馆和相关网站进行资料收集和分析，总结各类版式的设计特点。（3）以PPT形式在课堂提案，教师与同学互相点评、讨论。资料收集整理能力、自学能力、分析总结能力。名片的版式设计名片是以文字为主题的设计形式，但它同艺术作品有明显的区别。它在大多情况下只是便于记忆，具有更强的识别性，让人在最短的时间内获得所需要的信息。因此，名片设计必须做到文字简明扼要，字体层次分明，强调设计意识，艺术风格要新颖。【在线案例】名片设计欣赏名片的版式设计名片的版式设计名片的版式设计名片的版式设计名片的版式设计名片的版式设计（一）印刷字体的编排运用如果从印刷体各类字体本身的特点来看，宋体较具有传统的特点，适合表现传统的内容；黑体醒目、大气，同时也是最大众化的字体，可表现任何文字内容；综艺体和圆黑体具有极强的现代感，适合表现现代主体内容；综艺体由于笔画比较粗，一般只适合标题等较大文字使用，而不适合正文等较小文字使用。名片的版式设计（二）装饰文字的编排运用由于装饰字体在装饰变化的过程中有可能使字体的可读性降低，所以装饰字体多用于姓名或特别强调的文字，而很少用于正文。值得注意的是，装饰字体是在印刷体的基础上变化，必须与个人信息紧密结合。名片的版式设计（三）书法字体的编排运用书法字体比装饰字体更具有艺术性和独特性。不同民族由于书写习惯、书写方式和书写工具的不同，从书法字体中所体现的民族性也明显不同。因此，书法字体对于一些有特别意义和特殊风格的名片内容，也是很适用的。如姓名、职业特征，以及文化、艺术、书画展览的名片，利用书法字体来表现就极其恰当。名片的版式设计混合字体最突出的表现就是对比组合的运用。字体的对比主要包括风格各异的字体对比、大小不同的字体对比、笔画粗细的字体对比、文字的明度等。（四）混合字体的编排运用在版式设计中，由两种或两种以上字体在一定的主题要求下，互相接触与碰撞而产生的混杂现象，可称为“混合字体”。名片的版式设计和谐的字体组合主要包括风格相似的字体组合、大小相同的字体组合、明度相同的字体组合。（五）字体和谐的编排运用虽然对比的字体在名片设计中占有重要的地位，但和谐的字体组合更能够产生愉悦的感觉，同样是名片设计中必须考虑的。宣传画册的版式设计宣传画册必须能够正确传达企业的文化内涵，同时给受众带来卓越的视觉感受，进而达到宣传企业文化和提升企业价值的作用。宣传画册的版式设计宣传画册的版式设计（一）宣传画册的版式设计要求主题鲜明突出形式与内容统一强化整体布局【在线案例】宣传画册版式设计欣赏宣传画册的版式设计（二）宣传画册的版面诉求特点1.以美好情感烘托宣传主题2.以产品特性强调受益人群3.以精致的图片表达品牌形象杂志的版式设计杂志与报纸一样，有普及性的，也有专业性的。就整体而言，它比报纸针对性要强，有社会科学、自然科学、历史、地理、医疗卫生、农业、机械、文化教育等种类，还有针对不同年龄、不同性别的杂志，可以说是分门别类，非常丰富。【在线案例】杂志封面设计欣赏杂志的版式设计杂志的版式设计杂志的版式设计杂志的版式设计杂志的版式设计杂志的版式设计（一）杂志版式设计元素01

02

03

04栏目名称文章标题小标题页码杂志的版式设计（二）杂志版式的设计流程1.确定杂志基调2.确定开本形式3.确定封面的版式风格4.确定内页的版式风格5.确定图片的类型6.整合设计海报招贴的版式设计（一）海报招贴的类型根据其宣传目的及性质，可以分为公共海报和商业海报两大类型。公共海报