平台公告:
查看更多>> 
当前位置:首页 -> 编辑与排版 -> 正文

版面编辑设计笔记

作者:海明月光影    来源:http://hi.baidu.com/weicwyg/blog/item/75ebdcdc8397d7aacc11661d.html      发布时间:2010-01-26 08:57    浏览量:3295

版面编辑设计笔记_海明月光影_百度空间
http://hi.baidu.com/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、四周包围起来:会产生安全感。同时使得版面形成一个整体。从四周透露主题:与出血版式不同的是,此构图是将中心物体放在版面的四周,并为了突出这个中心而故意去掉边缘的空白,是画面的兴趣点向外延伸。一方面使得版面不受约束,另一方面使得版面由于被控制在边角之内产生固定感觉。
  3、物与物的间隔:在图片之间、图片与文字之间,需要有一些自然的空隙,从而带来一种流动感。
  4、分割与再组合。编组:把一张图片分为几部分并以一定的距离的间隔进行重组,会产生与原图完全不同的效果。以规则的间隔进行组合,产生一种既分离又结合的力,就是蒙太奇效果。另外,用其他的方式也可以将不同的图片进行分组排列与组合。
  5、图片与文字的空间:图文之间应保持一定的距离,这一距离可以使得读者阅读较为清晰,也可以加强图片的独立性,而且随着距离的加大而增加。然而距离不宜过远,一般两个字左右。
  6、照片的外形:如何将文字巧妙地结合在一起,除了上述的方法以外,比较重要的还有图片的外形的处理,可以加以边框,利用花边和装饰、在边框的形式上和肌理上寻找变化
  7、中缝与跨页处理:重要的图片应该避开中缝,放置由于印刷以及装订的偏差而对图片的破坏,内容文字也要避免这种存在。同时也可以做跨页处理。
  8、夸张的手法:以夸张的图形来表现某个主题常常会达到出乎意料的效果。这种手法借助图片的处理、手绘插图、多维元素混合以及创意图形的运用等,可以到表达主题、吸引观众的目的。
  9、噪音式表现:所谓噪音式的表现是指打破图片原来的形状,将主题从背景中脱离并添加一些装饰性元素,产生类似杂音搬的效果和趣味。这种方法可以将版面各种元素进行组合,可以使其图形化、趣味化、自由化、规律化,这种表现手法不仅加强了图文之间的联系,使版面各元素更为协调,而且使得版面生动活泼,阅读趋于图像化、简单化、趣味化。
  10、美人照式的表现手法:通过对图片的裁剪、构图、色彩组调等手段。成为吸引读者的兴趣点。

 

特别推荐:

特别推荐:亲爱的校园达人们,青春不要挥霍,财富等你创造,检验你的能力,实现你的抱负!诚邀高校学子,课余创业,成就自己!

联系QQ:1431537992、2558318645,电话:010-62978088

咨询电话:010-59919787转1、4008817579、010-62978088
咨询QQ:给我留言   高校平台官方QQ老师群号:84578568 学生群:9747849 技术支持:华文科教  
举报不良信息