版式设计笔记

版式设计目的使版面具备清晰的条理性，用悦目的编排方式来更好地突出主题，使版面达到最佳效果。版式设计原则EQ\o\ac(○,1)主题鲜明突出——按照主从关系的顺序，使放大的主体形象作为视觉中心，表达主题思想。EQ\o\ac(○,2)形式与内容统一EQ\o\ac(○,3)优化整体布局版式设计的功能通过版面元素的编排达到信息传达的目的，文字的编排能够保证阅读的流畅，并通过编排的方法产生一定的美感，使读者阅读的过程充满轻松、美好的感觉。版式设计的程序EQ\o\ac(○,1)读者群定位——要根据读者群体来编排版式；根据读者不同而设计不同的版面风格与版面编排结构，才能更好、更有效的传达信息；EQ\o\ac(○,2)明确设计项目主题——根据主题，选择适合的元素，最后再考虑采用什么样的表现样式，实现版式与色彩的完美搭配；EQ\o\ac(○,3)明确传播信息内容——作为设计师应该明白该版式设计的主要目的，要传达给目标群体什么样的信息，其次再考虑采用什么样的版面编排形式能更好实现信息传达；EQ\o\ac(○,4)明确设计意图（宗旨）——版面要表达什么意思，传达什么样信息，要达什么目的；（例如：促销，提高产品知名度等）；EQ\o\ac(○,5)明确设计要求——有明确的设计宗旨，明确主题，通过画面与文字结合，把商品信息准确、快速地传达给大众，起到促销商品的作用；EQ\o\ac(○,6)设计流程——1】接到设计项目，了解主题，熟悉背景，明确宗旨，然后对以上信息分析，确认设计方案（即设计定位与表现风格）;2】适当的运用手绘草图，可以帮组构思的完整，完成草图以后再到电脑上完成制作稿；3】基本步骤：首先，根据版式的主题建立一张空白页面，然后在版面上划分出整个版面结构，最后根据版面结构的形式，把图片与文字编排在版面中，使版面平衡，达到信息传达的目的。第一步了解主题、熟悉背景、明确设计宗旨第二步进行信息分析第三步确认设计方案与表现风格第四步手绘草图第五步完成制作稿版式的视觉流程EQ\o\ac(○,1)单向视觉流程——1）直/竖线式视觉流程；2）横式视觉流程；3）斜式视觉流程；EQ\o\ac(○,2)重点视觉流程——1】视线常常迅速由左上角到左下角接触画面，再通过中心部分从右上角经右下角，然后回到以画面最吸引视线的中心圈停留下来，这个中心点就是视觉的重心；2】视觉重心偏向画面右边，会给人局促、拥挤、稳重的感觉；视觉重心在左边，给人一种自由、舒适、轻松的感觉；视觉重心在下面，给人下坠、压抑、消沉、稳定的感觉；视觉重心在上面给人以轻松、愉快、视觉向上扬的感觉。EQ\o\ac(○,3)反复视觉流程——就是以相同的或者相似的元素反复排列在画面中，给人视觉的重复感；EQ\o\ac(○,4)导向性视觉流程——1】放射性视觉流程就是将点和线作为引导，把散落在周围的所有元素统一在一个圆点上，达到统一画面的视觉效果，使整个画面赋有动态感；2】十字型视觉流程就相当于在画面上画了个十字架，这个十字架的中心就是整个版面的视觉中心，同时也引导读者的视线从四周往中间集中，突出重点，最大地发挥出信息传达的作用；EQ\o\ac(○,5)散点视觉流程——1】发射型具有一定的方向规律，发射中心就是视觉焦点，所有元素都向中心集中，或由中心散开，具有强烈的视觉效果；2】打散型就是把一个完整的东西分成几个部分，然后再根据版式设计构成原则进行组合。版面的排列版面的排列主要表现为版面上各类元素的和谐搭配，在编排的过程中，必须做到传达的信息逻辑关系一致、主次分明、表现合理。EQ\o\ac(○,1)版面的大小比例——指画面中各元素间的比例关系；同时，版面大小的比例，也指近大远小产生近、中、远的空间层次；（在编排中可将主体形象或标题文字放大，次要形象缩小，来建立良好的主次、强弱的空间关系，以增强版面的节奏感和明快度。）EQ\o\ac(○,2)对称与均衡——对称指左右版面完全一样，均衡指在视觉上给人左右平衡的感觉，但是不对称；对称与均衡的结合可以使整个版面变得更有趣味性，具有生动、活泼、明确的视觉效果；EQ\o\ac(○,3)黄金比例版面——1:1.618（0.618）EQ\o\ac(○,4)对比与平衡——1】对比是对画面的视觉要素进行编排处理的一种视觉效果；对比分为：文字对比、图形对比、色调对比、动静对比等；适当的对比可以使画面主体突出，视觉流程清晰，但过于强烈的对比会使得画面失去整体美感，因此在掌握对比的时候要把握分寸；在使用对比的时候，要求画面统一，视觉要素编排要有一定趋势，有重点，相互烘托，如果整个画面都是对比，不仅不能突出主题，还会使画面杂乱没条理，不能强调出对比因素；2】平衡是一种相对的稳定状态，在版式设计中，主要表现为版面的上、下、左、右比例适中，左右版面接近均衡的版面结构，在视觉上给人平衡、稳定的视觉效果；EQ\o\ac(○,5)四边与中心——四边是指版心边界的四个点，把四边连接起来的斜线即对角线，交叉点就是中心点；EQ\o\ac(○,6)破型版式设计基本类型EQ\o\ac(○,1)满版型——满版型主要以图片传达信息，将图片充满整个版面，在视觉上更直观、表现强烈；根据版面的需要，文字编排在版面的上下、左右、中心点上；满版型版式层次清晰，传达信息准确明了，给人大方、直白的感觉；（整个画面采用一整张照片的形式宣传信息，当照片放大到一定的比列后，就会具备强烈的视觉效果，吸引人们注意；广告的最终目的是宣传产品，满版型具有传播速度快、视觉表现强的宣传效果，是版式设计主要表现形式。）EQ\o\ac(○,2)分割型分割型版式设计在版面上采用分割再拼凑的方法，以一种打破常规的版面构成形式，在视觉上吸引人们的注意，表达一种有视觉冲击、活跃的版面效果。1】等形分割——分割形状完全一样，分割后再把分割界线加以调整或取舍，达到一种良好的效果；2】自由分割——自由分割就是不规则的、无限制的，将画面自由分割的一种方式，不同于数学规则分割产生的整齐效果，使画面产生活泼、不受约束的感觉；3）比例与数列EQ\o\ac(○,3)倾斜型——主要表现为：版面主体形象或多幅图版做倾斜编排，造成版面强烈的动感和不稳定因素，画面具有视觉冲击力引人注目；EQ\o\ac(○,4)三角型1】正三角型版式——给人稳定、安全、值得信赖的感觉；2】倒三角型版式——给人以动感和不稳定感；EQ\o\ac(○,5)曲线型——将同在一个版面中的图片或文字在排列结构上作曲线型的编排结构，产生一定的节奏和韵律；（曲线型版式设计具有一定的趣味性，让人视线随着画面上元素的自由走向产生变变化。）EQ\o\ac(○,6)自由型——是指在版面结构中采用无规律、随意编排构成，使画面产生活泼、轻快的感觉；文字EQ\o\ac(○,1)字体样式与风格1】从传达信息角度，文字分为：标题、副标题、正文、附文等；设计师必须根据文字内容的主次关系，采用合理的视觉流程进行编排，吸引大众目光；2】字体指文字风格款式（可理解为一种图形表达方式）；字体最主要的是要与总版面文字内容相协调；（宋体：大方、典雅、朴实；黑体：简洁明了；传统书法体：传统、民族。）【艺术字体一般用于标题编排以及版面重点描述部分，体现风格性；印刷字体一般用于正文的编排，体现文字的整齐性。】3】具有图形化意义文字与传达信息文字（图形化文字与可识别性文字）编排以传达信息为主文字时，要注意字体的选择，以整体的形式进行编排，不要选择过于花哨的字体样式与色彩样式，以免造成阅读困扰；4】一般较正式的版面编排文字时不会太强调文字的字体变化，而是以一种规整严肃的字体形式编排在版面中，给人稳定，可信赖的心理感受（例如涉及企业形象和文化的）；一些具有宣传性的传单、活动介绍、招贴设计、封面等版面中，则要求文字采用变化多样的字体形态，尽可能地提高跳跃率，在众多信息中跳跃而出，体现版面活跃的视觉效果；EQ\o\ac(○,2)多语言文字混排设计中文字体具有象形、会意、表音三位一体的优势，英文字体具有简洁、规范、图形化、线条感等特征。1】英文字母的字形笔画简练，主要以三角形（A、V），方形（H、E），圆形（Q、O）等几何图形组成；2】在一个版面上，不管有多少信息量，最好控制在两种或三种字体内；在控制三种字体时，最好采用标题吸引眼球，其他两种字体排列简洁、整齐、方便阅读，切勿三种字体同时很抢眼，那样会让版面看起来很杂乱；3】英文字体编排——4】中文字体编排——5】中英文混排——1）要注意中文字体与英文字体的设计创意与主次关系，在版面中应有明确的层次感；2）人们在阅读的时候，通常把字体样式相同的文字看成一个整体，所以在中英文混排的时候，要注意版面字体的统一性，在段落文字中，中文采用什么字体，英文采用什么字体，都要统一编排；3）中英文混排版面字符间的空格设定，可以将中文单词与英文单词间空出1/4个字符的位置；4）需要统一字号和位置的基准线；EQ\o\ac(○,3)字体磅值、字距与行距的设置——文字编排的疏密直接影响着阅读者的心情与阅读速度；大标题一般采用最大磅值或最粗的字体来表现它的重要性，然后根据阅读需要依次缩小字体大小的磅值，从而实现方便阅读的视觉效果；EQ\o\ac(○,4)文字的排列1】左右均齐；2】齐中；3】齐右/左；4】倾斜；5】沿形——围绕图形排列；6】重复——文字反复出现；7】渐变——文字在编排中由大到小、由远到近、由暗到明、由冷到暖的有节奏、有规律的变化过程；8】突变——在一组有规律的文字群中，个别单词出现异常变化，但没有破坏整体效果。EQ\o\ac(○,5)文字应用的技巧和方法1】文字对比的编排方法——1）文字大小、形态的不同会形成对比，对比能使画面更生动，更具节奏感，例如：正副标题间的大小关系就是对比，方形文字与圆形文字间的对比；2）文字大小的对比决定整个版面的活跃度，提高活跃度，版面就有生气，给人健康、愉悦哦印象，降低活跃度，就给人高品质、高格调的印象；3）文字字号大，体现刚硬、上进的感觉，字号小，体现出高品质的感觉；2】文字运用留白的编排方法——文字四周适当留有空白，能使读者阅读时感到舒适，给画面增添空间感与品质感，起到强调主题的作用；3】文字在版面四角的处理方法——4】文字在版面中立体状编排方法——5】文字在图片信息较多的版面的编排方法——6】文字在图片信息较少的版面的编排方法——文字的排列一般采用较规则的排列方式，使版面形成一种严肃、稳定的视觉效果，给人一种高品质的感觉；7】文字在版面中具有强调作用的编排方法——8】文字具有动感的处理方法——版式中，文字可以以阅读性文字或非阅读性文字的形式出现；文字可以充当画面中的点、线，使版面具有动感与节奏，例如：文字以点的形式出现在版面上，加上模糊的处理效果，使得整个版面文字具有强烈的动感；9】文字方向性的处理方法——文字排列过程中，按一定的规律，根据版面的需要进行有目的、有方向的排列，起到引导读者阅读的视觉效果，使版面视觉更流畅，例如：添加箭头；10】文字的方格型编排方法——在编排过程中，采用网格约束的方法，可使整个画面工整、规则的排列；方格型文字排列版式简洁、统一，给人稳定、可信赖的心理感受，但方格型排列容易使画面呆板，无生气；11】文字的自由编排图片与图形EQ\o\ac(○,1)图形的比例和分布1】跳跃率：就是画面中最小面积的图形与最大面积的图形之间的比率；（图形大小对比强烈，版面跳跃率较大，使版面具有活力。）2】图形间的比例大小还包括图形本身所含信息量大小；比例越小越显得画面稳定与安静，比例越大则表现出画面的强烈视觉冲击效果；3】统一图片分布，可使版面显得整齐；EQ\o\ac(○,2)图形形状的应用1】方形使画面更稳定，一般用于网格式版面，增强画面理性、男性的感觉；2】自由形可以是任何形状，比如：圆形、植物外形，抽象形态等，自由形的图形，表现出一种活跃的画面气氛；EQ\o\ac(○,3)图片的应用和排列1】图片位置——版面中的上下左右及对角线的四角都是视觉焦点，根据视觉焦点合理编排图片，可使整个版面主题明确，层次清晰，具有视觉冲击力；2】图片的面积——通常把用于传达主要信息的图片放大，其他次要的图片缩小，可以使整个版面结构清晰，主次分明；3】图片数量4】图片组合5】图片的方向——具有方向性的图片如果采用视觉效果向外的编排方式，会给人没有重心的散乱印象；6】图片的上下关系——编排较多人物图片时，要特别注意其上下关系，必须考虑到人物的职位与年龄问题；例如：将年长的人物头像放在年轻头像上方位置，画面显得合理自然，如果颠倒，就会显得不礼貌；EQ\o\ac(○,4)图片的处理1】去底图——照片去底不仅可以去除多余复杂的背景使画面主体更突出，而且可以更和谐地与整个版面设计元素相结合，形成整体、和谐的视觉效果；去底后的照片，画面空间感更强，达到版面平衡与协调；2】特写图——一张普通的照片你也许不觉得精彩，但是经过同特写拉近画面并进行合理裁切以后，就会形成新的画面效果，使照片视觉中心突出；3】组图运用4】出血图运用——图片以出血图形式编排在版面中，使版面具有强烈的空间感，版面具有活力；5】背景图的运用——将图片以背景的形式出现在版面中，使整个版面更具有层次感，可以改变文字单调乏味的设计；EQ\o\ac(○,5)图片与文字混排1】注意图片与文字间的距离关系1）文字说明是与图片内容相关的文字，在版面中与图片的对应必须明确；2）文字编排在图片下面，距离关系明确，具有说明图片的作用，让人一眼能分辨出画面中的文字属于那张图片的解释说明；3）2】注意图片与文字的统一——在图片与文字编排的版面中，应该注意版面的协调、统一感；3】注意图片与文字的位置关系应注意图片与文字的位置关系，不能损坏文字的可读性；例如：将图片编排在一段文字的中间，就会打断文字的阅读节奏，使整个版面失去连贯性，给读者的阅读顺序造成障碍；4】注意对图片中的文字处理文字是信息传达的主要元素，在文字与图片的混合排版中，文字往往起到解释说明的作用。1）文字不能放在图片重点展示位置上，以免破坏整个版面视觉效果；2）文字与图片的重叠编排——应注意文字的可识别性，应该选用适当的色彩区分文字与图片，以免造成版面混淆，失去文字的识别性特征；网格EQ\o\ac(○,1)网格类型1】对称式网格1）对称式栏状网格——1，单栏对称式网格；2，多栏对称网格；2）对称式单元格网格将版面分成同等大小的单元格，再根据版式需要编排文字和图片；这样的网格结构具有很大的灵活性，可以随意编排文字和图片；2】非对称网格1）非对称栏状网格2）非对称单元格网格——基础的版式网格结构；设计师可以根据版面的需要，将文字与图形编排在单元格中，可以编排在一个或几个单元格中；3】基线网格4】成角网格——向上倾斜的文字比向下倾斜的文字更方便阅读；EQ\o\ac(○,2)网格的应用1】网格的建立2】网格编排形式DM版式设计EQ\o\ac(○,1)常见版式1】左端对齐；2】右端对齐；3】中间对齐；4】文字“放入框中”——在DM的版面中，常常采用把文字放入方框中的版式，主要用于突出一部分信息与文字间的区别；EQ\o\ac(○,2)DM版面的视觉流程1】从上至下移动按照人们的视线移动习惯，人的眼睛对版面的事物有从上至下的观察习惯；2】运用色彩引导视线1）DM通常表现一系列的产品宣传，在编排图片时可以采用同色系的图片引导人们阅读的视线；2）因此在DM版面编排时，要注意文字与图片色彩的统