版式设计笔记

使版面具备清晰的条理性，用悦目的编排方式来更好地突出主题，使版面达到最佳效果。

○1主题鲜明突出——按照主从关系的顺序，使放大的主体形象作为视觉中心，表达主题思想。

○2形式与内容统一○3优化整体布局通过版面元素的编排达到信息传达的目的，文字的编排能够保证阅读的流畅，并通过编排的方法产生一定的美感，使读者阅读的过程充满轻松、美好的感觉。

○1读者群定位——要根据读者群体来编排版式；根据读者不同而设计不同的版面风格与版面编排结构，才能更好、更有效的传达信息；○2明确设计项目主题——根据主题，选择适合的元素，最后再考虑采用什么样的表现样式，实现版式与色彩的完美搭配；○3明确传播信息内容——作为设计师应该明白该版式设计的主要目的，要传达给目标群体什么样的信息，其次再考虑采用什么样的版面编排形式能更好实现信息传达；○4明确设计意图（宗旨）——版面要表达什么意思，传达什么样信息，要达什么目的；（例如：促销，提高产品知名度等）；○5明确设计要求——有明确的设计宗旨，明确主题，通过画面与文字结合，把商品信息准确、快速地传达给大众，起到促销商品的作用；○6设计流程——1】接到设计项目，了解主题，熟悉背景，明确宗旨，然后对以上信息分析，确认设计方案（即设计定位与表现风格）;2】适当的运用手绘草图，可以帮组构思的完整，完成草图以后再到电脑上完成制作稿；3】基本步骤：首先，根据版式的主题建立一张空白页面，然后在版面上划分出整个版面结构，最后根据版面结构的形式，把图片与文字编排在版面中，使版面平衡，达到信息传达的目的。

○1单向视觉流程——1）直/竖线式视觉流程；2）横式视觉流程；3）斜式视觉流程；○2重点视觉流程——1】视线常常迅速由左上角到左下角接触画面，再通过中心部分从右上角经右下角，然后回到以画面最吸引视线的中心圈停留下来，这个中心点就是视觉的重心；2】视觉重心偏向画面右边，会给人局促、拥挤、稳重的感觉；视觉重心在左边，给人一种自由、舒适、轻松的感觉；视觉重心在下面，给人下坠、压抑、消沉、稳定的感觉；视觉重心在上面给人以轻松、愉快、视觉向上扬的感觉。

○3反复视觉流程——就是以相同的或者相似的元素反复排列在画面中，给人视觉的重复感；○4导向性视觉流程——1】放射性视觉流程就是将点和线作为引导，把散落在周围的所有元素统一在一个圆点上，达到统一画面的视觉效果，使整个画面赋有动态感；2】十字型视觉流程就相当于在画面上画了个十字架，这个十字架的中心就是整个版面的视觉中心，同时也引导读者的视线从四周往中间集中，突出重点，最大地发挥出信息传达的作用；○5散点视觉流程——1】发射型具有一定的方向规律，发射中心就是视觉焦点，所有元素都向中心集中，或由中心散开，具有强烈的视觉效果；2】打散型就是把一个完整的东西分成几个部分，然后再根据版式设计构成原则进行组合。

版面的排列主要表现为版面上各类元素的和谐搭配，在编排的过程中，必须做到传达的信息逻辑关系一致、主次分明、表现合理。

○1版面的大小比例——指画面中各元素间的比例关系；同时，版面大小的比例，也指近大远小产生近、中、远的空间层次；（在编排中可将主体形象或标题文字放大，次要形象缩小，来建立良好的主次、强弱的空间关系，以增强版面的节奏感和明快度。

）○2对称与均衡——对称指左右版面完全一样，均衡指在视觉上给人左右平衡的感觉，但是不对称；对称与均衡的结合可以使整个版面变得更有趣味性，具有生动、活泼、明确的视觉效果；○3黄金比例版面——1:1.618（0.618）○4对比与平衡——1】对比是对画面的视觉要素进行编排处理的一种视觉效果；对比分为：文字对比、图形对比、色调对比、动静对比等；适当的对比可以使画面主体突出，视觉流程清晰，但过于强烈的对比会使得画面失去整体美感，因此在掌握对比的时候要把握分寸；在使用对比的时候，要求画面统一，视觉要素编排要有一定趋势，有重点，相互烘托，如果整个画面都是对比，不仅不能突出主题，还会使画面杂乱没条理，不能强调出对比因素；2】平衡是一种相对的稳定状态，在版式设计中，主要表现为版面的上、下、左、右比例适中，左右版面接近均衡的版面结构，在视觉上给人平衡、稳定的视觉效果；○5四边与中心——四边是指版心边界的四个点，把四边连接起来的斜线即对角线，交叉点就是中心点；○6破型○1满版型——满版型主要以图片传达信息，将图片充满整个版面，在视觉上更直观、表现强烈；根据版面的需要，文字编排在版面的上下、左右、中心点上；满版型版式层次清晰，传达信息准确明了，给人大方、直白的感觉；（整个画面采用一整张照片的形式宣传信息，当照片放大到一定的比列后，就会具备强烈的视觉效果，吸引人们注意；广告的最终目的是宣传产品，满版型具有传播速度快、视觉表现强的宣传效果，是版式设计主要表现形式。

）○2分割型分割型版式设计在版面上采用分割再拼凑的方法，以一种打破常规的版面构成形式，在视觉上吸引人们的注意，表达一种有视觉冲击、活跃的版面效果。

1】等形分割——分割形状完全一样，分割后再把分割界线加以调整或取舍，达到一种良好的效果；2】自由分割——自由分割就是不规则的、无限制的，将画面自由分割的一种方式，不同于数学规则分割产生的整齐效果，使画面产生活泼、不受约束的感觉；3）比例与数列○3倾斜型——主要表现为：版面主体形象或多幅图版做倾斜编排，造成版面强烈的动感和不稳定因素，画面具有视觉冲击力引人注目；○4三角型1】正三角型版式——给人稳定、安全、值得信赖的感觉；2】倒三角型版式——给人以动感和不稳定感；○5曲线型——将同在一个版面中的图片或文字在排列结构上作曲线型的编排结构，产生一定的节奏和韵律；（曲线型版式设计具有一定的趣味性，让人视线随着画面上元素的自由走向产生变变化。

）○6自由型——是指在版面结构中采用无规律、随意编排构成，使画面产生活泼、轻快的感觉；○1字体样式与风格1】从传达信息角度，文字分为：标题、副标题、正文、附文等；设计师必须根据文字内容的主次关系，采用合理的视觉流程进行编排，吸引大众目光；2】字体指文字风格款式（可理解为一种图形表达方式）；字体最主要的是要与总版面文字内容相协调；（宋体：大方、典雅、朴实；黑体：简洁明了；传统书法体：传统、民族。

）【艺术字体一般用于标题编排以及版面重点描述部分，体现风格性；印刷字体一般用于正文的编排，体现文字的整齐性。

】3】具有图形化意义文字与传达信息文字（图形化文字与可识别性文字）编排以传达信息为主文字时，要注意字体的选择，以整体的形式进行编排，不要选择过于花哨的字体样式与色彩样式，以免造成阅读困扰；4】一般较正式的版面编排文字时不会太强调文字的字体变化，而是以一种规整严肃的字体形式编排在版面中，给人稳定，可信赖的心理感受（例如涉及企业形象和文化的）；一些具有宣传性的传单、活动介绍、招贴设计、封面等版面中，则要求文字采用变化多样的字体形态，尽可能地提高跳跃率，在众多信息中跳跃而出，体现版面活跃的视觉效果；○2多语言文字混排设计中文字体具有象形、会意、表音三位一体的优势，英文字体具有简洁、规范、图形化、线条感等特征。

1】英文字母的字形笔画简练，主要以三角形（A、V），方形（H、E），圆形（Q、O）等几何图形组成；2】在一个版面上，不管有多少信息量，最好控制在两种或三种字体内；在控制三种字体时，最好采用标题吸引眼球，其他两种字体排列简洁、整齐、方便阅读，切勿三种字体同时很抢眼，那样会让版面看起来很杂乱；3】英文字体编排——4】中文字体编排——5】中英文混排——1）要注意中文字体与英文字体的设计创意与主次关系，在版面中应有明确的层次感；2）人们在阅读的时候，通常把字体样式相同的文字看成一个整体，所以在中英文混排的时候，要注意版面字体的统一性，在段落文字中，中文采用什么字体，英文采用什么字体，都要统一编排；3）中英文混排版面字符间的空格设定，可以将中文单词与英文单词间空出1/4个字符的位置；4）需要统一字号和位置的基准线；○3字体磅值、字距与行距的设置——文字编排的疏密直接影响着阅读者的心情与阅读速度；大标题一般采用最大磅值或最粗的字体来表现它的重要性，然后根据阅读需要依次缩小字体大小的磅值，从而实现方便阅读的视觉效果；○4文字的排列1】左右均齐；2】齐中；3】齐右/左；4】倾斜；5】沿形——围绕图形排列；6】重复——文字反复出现；7】渐变——文字在编排中由大到小、由远到近、由暗到明、由冷到暖的有节奏、有规律的变化过程；8】突变——在一组有规律的文字群中，个别单词出现异常变化，但没有破坏整体效果。

○5文字应用的技巧和方法1】文字对比的编排方法——1）文字大小、形态的不同会形成对比，对比能使画面更生动，更具节奏感，例如：正副标题间的大小关系就是对比，方形文字与圆形文字间的对比；2）文字大小的对比决定整个版面的活跃度，提高活跃度，版面就有生气，给人健康、愉悦哦印象，降低活跃度，就给人高品质、高格调的印象；3）文字字号大，体现刚硬、上进的感觉，字号小，体现出高品质的感觉；2】文字运用留白的编排方法——文字四周适当留有空白，能使读者阅读时感到舒适，给画面增添空间感与品质感，起到强调主题的作用；3】文字在版面四角的处理方法——4】文字在版面中立体状编排方法——5】文字在图片信息较多的版面的编排方法——6】文字在图片信息较少的版面的编排方法——文字的排列一般采用较规则的排列方式，使版面形成一种严肃、稳定的视觉效果，给人一种高品质的感觉；7】文字在版面中具有强调作用的编排方法——8】文字具有动感的处理方法——版式中，文字可以以阅读性文字或非阅读性文字的形式出现；文字可以充当画面中的点、线，使版面具有动感与节奏，例如：文字以点的形式出现在版面上，加上模糊的处理效果，使得整个版面文字具有强烈的动感；9】文字方向性的处理方法——文字排列过程中，按一定的规律，根据版面的需要进行有目的、有方向的排列，起到引导读者阅读的视觉效果，使版面视觉更流畅，例如：添加箭头；10】文字的方格型编排方法——在编排过程中，采用网格约束的方法，可使整个画面工整、规则的排列；方格型文字排列版式简洁、统一，给人稳定、可信赖的心理感受，但方格型排列容易使画面呆板，无生气；11】文字的自由编排○1图形的比例和分布1】跳跃率：就是画面中最小面积的图形与最大面积的图形之间的比率；（图形大小对比强烈，版面跳跃率较大，使版面具有活力。

）2】图形间的比例大小还包括图形本身所含信息量大小；比例越小越显得画面稳定与安静，比例越大则表现出画面的强烈视觉冲击效果；3】统一图片分布，可使版面显得整齐；○2图形形状的应用1】方形使画面更稳定，一般用于网格式版面，增强画面理性、男性的感觉；2】自由形可以是任何形状，比如：圆形、植物外形，抽象形态等，自由形的图形，表现出一种活跃的画面气氛；○3图片的应用和排列1】图片位置——版面中的上下左右及对角线的四角都是视觉焦点，根据视觉焦点合理编排图片，可使整个版面主题明确，层次清晰，具有视觉冲击力；2】图片的面积——通常把用于传达主要信息的图片放大，其他次要的图片缩小，可以使整个版面结构清晰，主次分明；3】图片数量4】图片组合5】图片的方向——具有方向性的图片如果采用视觉效果向外的编排方式，会给人没有重心的散乱印象；6】图片的上下关系——编排较多人物图片时，要特别注意其上下关系，必须考虑到人物的职位与年龄问题；例如：将年长的人物头像放在年轻头像上方位置，画面显得合理自然，如果颠倒，就会显得不礼貌；○4图片的处理1】去底图——照片去底不仅可以去除多余复杂的背景使画面主体更突出，而且可以更和谐地与整个版面设计元素相结合，形成整体、和谐的视觉效果；去底后的照片，画面空间感更强，达到版面平衡与协调；2】特写图——一张普通的照片你也许不觉得精彩，但是经过同特写拉近画面并进行合理裁切以后，就会形成新的画面效果，使照片视觉中心突出；3】组图运用4】出血图运用——图片以出血图形式编排在版面中，使版面具有强烈的空间感，版面具有活力；5】背景图的运用——将图片以背景的形式出现在版面中，使整个版面更具有层次感，可以改变文字单调乏味的设计；○5图片与文字混排1】注意图片与文字间的距离关系1）文字说明是与图片内容相关的文字，在版面中与图片的对应必须明确；2）文字编排在图片下面，距离关系明确，具有说明图片的作用，让人一眼能分辨出画面中的文字属于那张图片的解释说明；3）2】注意图片与文字的统一——在图片与文字编排的版面中，应该注意版面的协调、统一感；3】注意图片与文字的位置关系应注意图片与文字的位置关系，不能损坏文字的可读性；例如：将图片编排在一段文字的中间，就会打断文字的阅读节奏，使整个版面失去连贯性，给读者的阅读顺序造成障碍；4】注意对图片中的文字处理文字是信息传达的主要元素，在文字与图片的混合排版中，文字往往起到解释说明的作用。