版面编辑设计笔记.doc

版面编辑设计笔记作者:海明月光影 来源:/weicwyg/blog/item/75ebdcdc8397d7aacc11661d.html 发布时间:2010-01-26 08:57 版面编辑设计笔记_海明月光影_百度空间/weicwyg/blog/item/75ebdcdc8397d7aacc11661d.html 2010-01-20 14:00案例型排版设计，适合有一定基础的设计人员。有兴趣可以看下：一、版面编辑设计的形式原理统一与变化：1、调子的统一与变化：版面中的色彩关系可以体现版面的整体感觉，版面中的主色调与辅色形成统一而对立的感觉2、位置的统一与变化：版面中的很多元素在画面穿插运用时，能够在不同的位置上起到相互呼应的作用，可使版面灵活地统一起来3、主与从：明确主与从，能弱化冲突，避免凌乱：能通过重点的强化，对比，集中，甚至其中的图形的特定指向都能突出主体4、重点的强调：在一个统一的版面中，强化一个具体的点来形成剧烈的变化，就会突出重点，打破单调的气氛，使画面主次分明，活泼生动，也更容易给人留下印象。5、避免视觉混乱：人的视觉习惯放置主要与次要的物体，千万不要使之冲突，例如蜗形中心周围如果放上一个抢眼的物体会产生两个视觉中心，导致视线模糊对称与均衡：完全对称一般会使人产生稳定感，但过多的对称会显得呆感。均衡不受中轴线的限制，没有对称的结构，从量的结构上达到画面力的平衡要点：不完全对称的图形居中排列会使画面协调而且活泼。框的用处：强调突出，对称结构十字型的对称构图很常见的理由是：能产生对称感对比与调和：在对比的要素里面要注意对比的量不要超过三分之一。对比是活泼画面，调和则是强调差异性。对比的形式：明暗的对比，大小的对比，色彩的对比，面积的对比。透明重叠会产生层次感。1、文字的对比与均衡：文字的对比有大小、粗细、明暗、疏密、质感的对比来调节版面中的诸多关系。使得画面增添更多的层次感和跳跃感。重叠文字的空隙，有对比之感，利用对比的底色来突出就能达到巧妙地突出效果2、图版的对比与调和：图版的大小对比，色彩对比，明暗对比，面积对比，曲线与直线对比等方法来使版面更加生动，协调出血的处理，文字的集中排放和大小的对比使得画面主次分明。节奏与韵律：如果构成的元素单纯，所产生的节奏感就比较简单，但元素复杂的话产生的效果则丰富。但这种变化要适度，对形状、大小、位置、比例等均做出规律性的移动或增减。在造型艺术中，韵律是指基本单位略有调整地多次反复，在统一中施以变化。沿着对角线来排列图形与文字，主要集中在黄金分割线附近。这种排列方式合乎形式美的特点比例与分割：比例是造型与构图的局部与局部之间、局部与整体之间的比重关系。黄金定律是最完美的比例。黄金比例也可以用于上下分割。上下左右的黄金分割的重心放置主体图形会产生科学的比例。斜线黄金分割很常见。两斜线的以对角线分割画面，使得画面能有完美呼应。虚实与留白：虚与实体现了画面中各个元素的前后、远近、主次的关系。留白能使画面更具通透感。空白多，就能给人以格调高雅的恬静的感觉；空白少，则令人觉得比较热闹。出血的作用可以突出主体，而且有活跃版面，造成新颖的感觉。标题和说明文字之间有一部分留白的处理，能使主次比较分明。画面中如果图形跟背景色不能自然的融合，可以考虑用渐变为元素，把图形与背景联系起来。图形留着一部分，以虚的方式配以文字，会使版面落落大方视觉流程与网格：1、集中与放射的作用：集中视线。向外扩散型的设计视觉冲击力很强，向心型画面显沉稳。2、细线的作用有：牵引视线，集合细线，融化分割3、呼应之感：相同类似的图形在画面中会使视线连成一个呼应感觉渐变也有引导视线之感，一般视觉感觉是偏向渐变隐退的一边，明暗也是，向明的一方偏。二、版面编辑设计的构成：点在版面上的处理：点可以点缀画面，可以通过聚合、分散组合的方式来衬托画面。辅助元素的使用：要注意主形态的特征才能结合字体的颠倒，变换排列，能使得画面活泼自然。线在版面上的处理：不同的线的形态，可以分割文字或者链接各种视线组合，起到稳定版面的作用。面在版面上的处理：面的呼应使用有链接画面的作用，还可以用模拟形态的画面来活跃画面。三角形画面有固定版面，还有动态之感。特殊形态的处理：1、正三角形：给人以稳定感觉。一般画面是暗示三角形。倒三角有打破画面呆板的感觉。横三角可形成极大的动感，同时具有安全感。由大到小：当漫不经心地看到版面时，首先，眼睛会被放大的照片吸引，最后落到小照片上。由大到小形成单纯、明快、易于理解的构图。人物视线移动会从左上角到右下角，如果在右下角换上大的物体，会使人感觉到此物体是压轴之感。图形中人的眼神，手部身体动作能事先引起人们视线的注意。2、蜗形：把各种过度在弧线上向中心引导。把重要消息安排在蜗形中心，具有强烈的视觉效果。3、向心：从视线外围向中心集中。注意在这个中心图的周围，不要放置妨碍这个主题的其他内容。钩形和钩形的空白：可配合图片使用形成钩形空白。4、N字型：在N字形上进行运动的构图，可形成极大的节奏感。分割：1、左右分割：用垂直线将版面分割成两个或者两个以上部分，左右形成对比。分割的线，可以使实体的线，可以使形态的线。2、上下分割：将版面分为上下两部分，可以使直线，空白，对比的形态3、形的对比：图片、文字的对比能形成分割感，色块分割，空白分割4、斜线分割：冷静中产生动感。版面的平衡：1、对角线：链接画面对角的线，可以体现画面安全感。压住四角：在四角的部分有着不可思议的力量，在四角任何地方安排元素都能迅速产生安定感，被破坏的构成都能迅速地产生平衡。2、并列：并列图形是杂志常见的形式，选择图形的并列要注意图形的呼应，会产生节奏与韵律。如制作一样东西的方法，逐一表示，化妆过程的脸部变化都能成为并列的元素。3、天地的处理：版面中，天与地的一边设计空白的位置与密度很大的场所，会产生一个被强调的重点。天小地大会形成优雅稳定效果，天大地小会形成稳定效果。4、版面的黑白灰：黑、白正方形交替链接的黑白纹样，作为版面构成的一种样式被广泛运用，也是变现的对角线型的一种版面构图。三、文字的编排与设计文字的基本要素1、字号与字体：大的字体视觉冲击力较强，而小的字体则容易形成连续的视觉吸引。字体的选择要符合版面表达的个性2、字体总数：在设计作品中，所包含的文本内容一般会有主次之分，除了通过大小字号的变换来达到层次变化之外，在同一版面中，选用的字体不宜太多，一般用到两到三种最为合适。在现代版面中，设计为了追求新颖才选用较多的字体。在搭配不同的字体时注意，字体之间要相互区别，也有一定的包容性，已达到整体的统一。3、字体粗细：在统一字体中，通过字体中的粗细来达到字体的丰富多彩。对少量的文字标题一般选用装饰性的字体，打断的文字选用笔画较细，字形简洁的字体，以方便阅读。4、手写字体：突出个性。蜡笔书写的字体稳重给人以温暖的感觉，毛笔则能表达细腻丰富的感情。5、群组文字图形化：图形化是根据文字主题、内容对文字群进行艺术化处理。有形态模拟，也有形态表述6、变形字体：通过拉长拉短等手法进行再设计，以产生新颖的效果。字体的设计中堆砌，立体化，重叠的手段会比较常见，还可以对其进行裂解，重构达到活泼，新颖的感觉，局部缺失字体会显得比较特别，同时保持了良好的识别性。7、中英文并用：能使得版面增加层次感，动感。文字群组的4种形式：把主体形象放在视觉流程不符合的地方会产生沉闷之感。反之就是舒适流畅。1、左右均齐：左右均齐是指文字群从左端到右端长度相同，竖排也一个样。虽然是版面有点呆滞，但是可以通过不同形式的字体混合来达到版面的变化。2、行首取齐：齐左比较适合阅读习惯，齐右一般用于特殊的排版，会产生活泼之感。有倾斜式行首对齐，这种手法新颖而稳定，是设计中常用到的手法。3、中齐：以版面的中心为轴线，文字居中排列，特点就是使视线集中，主体更加突出，而且庄重优雅，是古典版面的编排最常用的对齐形式。4、绕图和自由排列：使得图形生动活泼。更能体现设计的现代感。也可以在图片上用字体做画龙点睛的用处。字距与行距：为了增加画面的层次感，可以混合使用不同宽窄的字距、行距。疏离的文字可以产生跳跃感，密集的文字可以产生沉郁感。版式：1、横排：横排的版面可以分为通栏，双栏或多栏。通栏适用于开本较小或版心较小的版面，一旦版面较大，字数多的时候使用双栏或多栏。2、竖排：竖排通栏可以通过一些版式的变形来达到与众不同的效果，如在版面上方或下方流出大面积的空白，或者缩小栏宽，通过图片以及注释来增加变化，活跃版面。3、横竖混用与自由版式：在同一版面中横排与竖排混用比较常见。线的运用：划分：线具有分割图片与文字，分割栏目的作用。点线有动感的作用，细线一般具有清晰感。细框：空间加上线框之后会产生稳定感。下划线跟重线会产生强调作用。符号：图形化以及强调：中圆点、四方点，三角形，括号等符号图形化后，都能成为版面的重要元素，与文字或图片形成对比。符号还可以配合标题文字的使用，使得标题引人注目。文字的编排方式：1、主标题：主标题的使用是吸引视线的第一个程序，标题的色彩，大小，形式，位置都能体现标题的特征与个性。2、副标题，小标题：通过大小，色彩，肌理等方面来区别和标题正文加以区分，做到多样的统一。另外，小标题也可以使用特殊符号或重线，线框等加以提示。3、前文：前文的设计一般通过与正文不同的字号，字体或者文字颜色来加以区别。除此之外，一些强调手法，如加括号、线框等也能使得前文更加醒目，以取得良好的导读效果。字号大的前文有着强烈的导读作用，而字号小的前文则显得理性，雅致。4、正文：应该注意的是,字号，字体，字据，行距。中文字体一般采用9-11磅的大小，而英文可以相对缩小一点。字据小的正文，行的感觉相对强烈，易于形成文字块。过紧的字据会影响正文的易读性。字据，行距大易产生精致的感觉，但过大，会影响阅读的速度。行宽小，每行的字数小则易于快速的阅读。行宽大每行字数多则是舒畅文静的感觉。5、特殊文字的处理：特殊文字的处理大致可以分为围框记事，对话形式，问答形式。有说明、提示资料，最新消息、结论等圈起来，与正文构成不同的调子。圈起来的形式可以是线，也可以使色块。图版说明和引出式图版说明：原则上图版说明一般放在图版的旁边，方便对照阅读，一般采用与正文不同的字体，而且字号也略小于正文。6、注释：大段的注释一般放在正文之后，或正文上方或下方的空白处,简短的注释常常被切入文中。7、页码与书眉：一般与正文不同，或大或小，应该有版面风格来设定。书眉的位置一般都放在天头或者地角，页码则位置比较灵活多变8、目录：目录的设计风格要与书籍的内容相结合，设计可以运用点、线、面、甚至是小插图和图片来丰富版面，一般独特趣味的文字趣味性的编排也能提高版面的设计感与艺术感。9、扉页：即正文之前或正文之间的页面，是简单记录书名、作者、出版社等信息的页面。扉页上可以配以合适的图片等使得页面更具特色。10、版权页：很多设计师会在版页文字的编排以及图形的装饰上下功夫。文字设计的表现手法：1、造型的安排：参差的造型：少许的参差会产生妙趣。完整的造型的一部分，出现少许的错落，会产生微妙的效果。少许的错落使人感觉到细节感，错落大了效果反而减弱。若错落放在不产生空白的场所，那么就会适得其反，要把错落放在周围有充分空白，效果显著的位置。群化：将文字元素排列在一起发挥群化的性质组成文字群体，使其成面。字的大小和粗细虽然不同，只要距离近就可以组成组群。把距离调节适当，可以将不同的字体、字群组合成自由的形状。分离排列：适合现代情趣的一种活泼表现。将文字一个一个分离开来加以排列的手法广为流行，可以说是一个时代的直率反应，也可以说是点的元素在版面中的灵活运用。图框的处理：可以自由移动的造型一旦纳入围框就会产生稳定感。图框的面积过大，都会造成画面的董事停止，或者失去与其他版面元素的交流。纳入围框时要与整个画面取得平衡。叠印的处理：叠印的处理会产生层次感，叠印包括图与文字的叠印，字体与字体的叠印等。色块文字的叠印，环扣，黑白灰底的混合使用等等。2、字体：文章开头字体的处理：一般用大号跟装饰形式使用方式。装饰字体的使用：设计得当的装饰字体通常会成为画面的主角，抓住观众的眼球。文字的打散与抓裂：具有独特个性。可以通过线的切割，肌肤的处理，渐变，抓裂，左右切割，上下切割，重新组合的方式来表现。将文字具体具象化：把文字当成装饰的一部分，可以是背景，也可以使其他的用途。四、图版的构成与设计版式设计的基本要素：图片：1、图片的面积：图片的面积大小决定版面气氛和效果的重要因素。大幅的图片可以产生很强的视觉冲击力，小幅插图则是表达出细腻感。图片的数量：插图小版面看起来就会冷静，严肃，版面热闹容易被别人接受。2、主题的形象：不外乎几种主题,人物，动物，静物，景物以及一些抽象的形象。同一主题有生命力的主题比较吸引人，同一主题的人物当中，越是与读者贴近的形象就越能吸引读者，同一个人表情部分会比身体部分更能吸引。将不同性质以及同样性质的图片放在一起，故意拉开距离，会产生强烈的兴趣。3、图解式照片：常常采用正面和侧面的展示形式，并且往往采用大小相同，角度各异的等比例展示手法，达到明确、冷静的传达信息的效果。4、选择一个局部：用蒙太奇的方式来表达完整的形象，小版面放不来大场景时运用这种图片蒙太奇手法能达到精妙的效果。5、头部裁剪的原则：当画面中出现并列的人物头像时，通常把每一张的面积裁剪成一样大小。因为图片的大小可以显示照片的重要程度，也可以说明人物的重要程度，因此一旦照片产生差异，人物之间的关系就有了主次之分。除此之外人的头的大小也可以显示出人物的重要程度。头部小的显得比较次要，如果要保持平衡，记得将头部大小和照片大小调整相同的比例，外框面积大的图片头部比例适当地缩小。然而，在版面设计中固然要体现人物的重要程度，但是还要把握住版面的趣味性，人物的动作指向，眼神，都能成为版面的趣味所在。图片群的处理：1、方式版式，出血版式和处理版式原则：将图片放置在版面的方形框中，四周留出相应的白边，称为方形版式。这种版式是经常被采用的，是图片的基本表现形式，而将图片充满整个画面是出血版式，有向外延伸的感觉。处理版式是指非放行切割、去背景或任意的处理之后的版式是处理版式，也称烂版。方形版式使人感觉拘谨，此版就是显得尤为突出，平易近人。2、格子的限制性：利用网格来规范布局，进行图片的大小、位置的限定，是一种非常方便快捷而十分理性的设计方法。运用自有版式可以适当地打破限制。3、块状组合与散点构成：在安排版面中的图片时，将几张方形图片并列接在同一区域组合成版面，相反，将图片分散在各个部分。则成为散点式的版面。块状组合的图版常常将同一主题多角度低画面合而为一，或者将不同的图片形式组合在一起，运用图片蒙太奇效果。这种版式在外形上形成整块的图片，避免了图片因分散而产生的凌乱。适量的图文混排，使得版面看起来比较清晰，富于理智，散点的构图形式会打破块状的拘谨。视觉的选择：视觉的意义：视觉的选择会产生不同效果。俯视的角度有一种温和亲切的感觉，如平面图和鸟瞰图，能够客观地表达对象。由于这个角度能够把对象同他周围的东西隔开，形象的外形十分明确。所以这一角度能够客观地表现对象的特点。正面的角度跟着读者直接面对面，给人正直的感觉。侧面则是亲切之感，背影能给人思考的空间。视线：是指人物的视线以及物体正面的朝向。同一方向的视线可以表达同一的立场，及时原本没有关系的几个主题也可以因视线一致而产生某种关系，完全一致的视线表达了同事或同学的关系，交错的视线能说明是亲密的朋友关系。相对的视线使得主题有彼此的交流，集中于一点并相互交错，暗示着双方相对峙。由于视线可以产生版面的深度和空间，因此相反的视线可以产生更丰富的空间效果。利用这种作用，可以有效地安排画面空间，控制版面的中心点。同时，在视线的方向安排不同的空间可以产生完全不同的效果。图片的表现手法：1、点对空间的支配：如何确定图片的位置，可以用点代替做些实验，点对空间起到与图片相同的作用。在一些点中安排，也可以方便地了解图片应摆放的位置。2、四周包围起来：会产生安全感。同时使得版面形成一个整体。从四周透露主题：与出血版式不同的是，此构图是将中心