《版式设计ppt课件.ppt》由会员分享,可在线阅读,更多相关《版式设计ppt课件.ppt(261页珍藏版)》请在三一文库上搜索。
1、版式设计,主讲人:宋方昊 13953168575,一、版式设计概论 1、版式设计概念(这个学科是研究什么的?) 版式设计即排版设计亦称版面编排设计。所谓编排,即在有限的版面空间里,将版面构成要素-文字字体、图片图形、线条线框和颜色色块诸因素,根据特定内容的需要进行组合排列,并运用形式原理,把构思与计划以视觉形式表达出来。 版式设计研究对象:视觉艺术规律,2、版式设计地位: 版式设计是艺术设计重要的组成部分,也是一切视觉艺术的基础。被广泛地应用于报纸广告、招贴、书刊、包装装潢、直邮广告(DM)、企业形象(CI)和网页等所有平面、影像的领域。,3、版式设计的历史发展 古代绘画 现代绘画 设计萌芽
2、版式设计,古代绘画,现代绘画,马蒂斯,康定斯基,蒙德里安,安迪沃霍,阿尔瓦.阿尔托(芬兰 ),小结:) 19世纪下半叶,英国兴起了“工艺美术运动”(The Arts & Crafts Movement),标志着现代设计时代的到来。 工艺美术运动的领袖人物是英国艺术家、诗人威廉莫里斯(William Morris ,1834-1896),他提倡合理地服从于材料性质和生产工艺、生产技术和设计艺术的区分,认为“美就是价值,就是功能”。莫里斯有句名言:“不要在你家里放一件虽然你认为有用,但你认为并不美的东西。” 艺术从关注形象(内容)到关注艺术 本体(线条、色彩等,中国 古代绘画,吴冠中,小结: 王国
3、维(晚清):“一切之美皆形式之美也” 李泽厚:1980年在美学杂志重申形式美 吴冠中:“美就是形式”,“笔墨等于零” 90年代 版式设计(形式美)逐渐进入大家研究视野。,普利兹克建筑奖得主建筑师法兰克 盖瑞,著名美国艺术家杰夫昆斯,二、形式美规律,形式美的规律是多样统一性。造型中的美是在变化和统一的矛盾中寻求“既不单调又不混乱的某种紧张而调和的世界。”简单的说就是“变化”中求“统一”,(1)主次关系:但凡艺术都有主题,而且只有一个主题,建筑也是一样,只有一个主要表现的位置,然后在看其他,但并不是其它部分不重要,而是在创造中处理手法的主次要分明。在其建筑中,做出主要、其次、在次的关系,要有能抓住
4、人们眼球的要素。 (2)虚实对比:这里说的虚实是相对的。在建筑中,虚与实的概念是用物质实体和空间来表达的,如墙、地面是“实”的,门、窗、廊是“虚”的,建筑是虚实有自己的概念,规则是虚实得体。,(3)比例尺度:比例是形体之间谋求统一,均衡的数量秩序。比较常用的有黄金分割点比1:1.618,此外还有1:1.3的矩形常用于书籍,报纸。1:1.6用于信封和钱币。1:1.7用于建筑的门窗与桌面,1:2、1:3也常用,在立体设计和建筑设计时,无法标准的比例分割是常有的,不一定非遵守某条定则,加以现代社会大众的审美综合考虑。 尺度则是指整体与局部之间的关系,以及和环境特点的适应性。同样体积的物体,水平分割多
5、会显高,其视觉高度要大于实际物体高度,反之,则显低,其给的感觉比实际尺度小,因此尺度处理要恰当,否则会使人感到不舒服,也难于形成视觉美感。 (4)对称、均衡 在美学中,对称与均衡是运用最广泛的,也是最古老普通的内容之一,无论哪方面的艺术创造都同对称和均衡有着直接和间接的关系,对称是指中轴线两侧形式完全相同.均衡则是指视觉上的稳定平衡感,过于对称显出了庄严,单调,呆板的性格,均衡则不同,它追求一种变化的秩序,对称与均衡的法则在某种情况下有不同的适用性,关键还是在于设计者的适当选择和应用,(5)对比,调和 对比是两者的比较,人们于许多事物都有比较的想法,如美丑、善恶、大小等都显示了对比的法则,在造
6、型中,对比的目的在于打破单调,造成重点和高潮,对比的类别有明暗对比,色彩对比,造型对比,及质感肌理的对比等,对比法则含有类似矛盾的现象,然而此种矛盾能够表达美感要素,对比是从矛盾的因素中求得的良好效果。 调和是两种或两种以上的物质或物体混合在一起,彼此不发生冲突的意思。调和是通过明确各部分之间的主与次,支配与从属或等级秩序来达到的,在视觉上有形式调和,色彩调和和肌理调和等,这是人类潜在的美感知觉,调和是庄严、优雅而统一的,然而调和有时也会产生沉闷单调及无生动感的效应。 在主体设计中,为了形成一定的视觉显著点(亮点)多采用少调和(没有调和)多对比的形式,或巧妙利用某种不调和的方法,来产生美感效果
7、。,(6)节奏、韵律 节奏与韵律是指由于有规律的重复出现或有秩序的变化,激发起人们的美感联想。人们创造的这种具有条理性,重复性和连续性为特征的美称为韵律美,节奏和韵律在连续的形式中常会体现同小变大,由长变短的一种秩序性的规律。在设计中常有的处理方法是在一个面积上做渐增或渐减的变化,并使其变化有一定的秩序和比率,所以节奏韵律与比例就产生了一定的关联。其形式有: 重复:以一种或几种要素连续重复的排列而形成各要素间保持着恒定的距离和关系。 浙变:连续的要素在某方面按某种秩序变化,比如渐长或渐短,间距渐宽或渐窄等。显现出这种变化形式的节奏或韵律为渐变。 交替:连续的要素按照一定的规律时而增加时而减小,
8、或各种分按一定的规律交织穿插而形成,节奏和韵律可以加强整体的统一性,又可以求的丰富多采的变化。,(7)量感 量感有两个方面,即物理量和心理的量。物理量绝对值是真实大小,多少,轻重。心理量是心理判断的结果,指形态,内心变化的形体表现给人造成的冲击力,是形态抽象物化的关键。创造良好的量感,可以给主题带来鲜活的生命力。 (8)空间感 空间感包括两个方面,即物理空间和心理空间,物理空间是实体所包围的,可测量的空间。心理空间来自于对周围的扩张,是没有明确的边界却可以感受到空间,创造丰富的空间感可以加强主题的表现力。 (9)尺度感 “尺度”不同于“尺寸”,尺寸是造型的实际大小,而尺度则是造型局部大小同整体
9、及周围环境特点的适应程度,通过不同的尺度处理,可获得夸张或亲切等不同效果。,三、版式设计视觉规律,视觉流程是一种视觉空间的运动,是受众阅读信息的先后过程,它引导读者的视线进入一个组织有序,主次分明、条理清晰、传达迅速、流畅的视觉信息空间中,并按设计者的意图接受信息。 组织合适的视觉流程,追求形式上的完美则是版式设计成功与否的关键。,1、视觉流程设计的基本原则,抓住重点 要在瞬息间抓住人们的视线,引起人们的惊觉和关注,首先画面要有刺激性的重点。设计时,牢牢抓住这一重点(如动人的情感、新奇的形态、迷人的色彩、鲜明的夸张等)不放,并布置在最突出的空间范围内。 信息简明 将图形、文稿、色彩等各视觉传达
10、要素,依据战略性内涵,作严谨的功能处理,以求达到信息简明,流程简化,传达迅速的效果。 突出形象 留存印象的基本方法是强化形象,突出标题,企业名置于视觉流程的末尾,给人们最后的回音。 导向明确 为了使视觉流程简捷、有力,往往要借助视线的明确导向,如人的朝向、手势、动势、眼神、文字排列趋向、线条或色块的趋向等,使视觉传达要素主次分明地串联起来,焦点集中,重点突出。,3 1视觉中心与视觉流程 视觉中心与一般几何的中心有所不同,从视觉阅读的心理分析上来看,我们往往把版面中心偏上的位置称之为视觉中心。如果将编排设计所要表达的主要信息,安排在这一区域,再把其它次要信息按照一定的逻辑关系与形式美的法则去进行
11、编排设计就会出现良好的效果。 “最佳视域”系指画面上最引人注目的区域。 画面视觉规律为上侧的视觉诉求力强于下侧左侧的视觉诉求力强于右侧。因此,画面左上部和中上部称“最佳视域” 。平面广告中突出的信息(标题和商品名等),一般编排在这些方位上,大多数报刊的刊名也均编排此方位上。,“最佳视域”区 在最佳焦点的周围,有着一个放射状的平缓递减区域直径为画面宽度的56许,这是画面的“最佳视域”区,3 2阅读习惯与视觉流程 人们阅读平面作品时,其视线有着一种自然的流动习惯,普遍都是由左到右,由上到下,由左上沿着弧形线向右下方流动的过程线,其注意值逐渐递减。在此流动线上的各点,都会比流动线外的任何点明显,这流
12、动线称“视觉流程”。,以上是习惯上的视觉流程的一般规律, “视觉流程”不是不可以改变的,通过巧妙的编排,视线的流向是可以改变的,如:平行线,可使视线左右流动;垂直线可使视线上下流动;倾斜线可使视线不稳定流动。 利用阅读习惯进行视觉流程的设计是一个常规的视觉流程设计方法人们在阅读的过程中,通常的阅读习惯是按从上至下,从左至右的顺序进行。根据这种习惯在编排中将信息按主次分序排列使内容表达一目了然。这种编排方式或许被认为缺乏新意但通过对文字和色彩的处理设计的新面貌仍然会展现出来,321对比构成与视觉流程 在编排设计中利用对比的手法来突出主题,能改变读者常规的阅读习惯,从而使读者沿着设计的视觉流程依次
13、阅读。对比的方式有很多,如:通过形态、大小、疏密、色彩、字体等对比关系来强调主次。还有通过加大主题与周边的留白来突出主题形象。这样可以摆脱设计的平庸和刻板的表现。对比产生层次,这种层次也就是设计者为阅读者设计的视觉流程。,322呼应构成与视觉流程 设计中的呼应构成元素有:文字、字体、字号、对齐、方向和图形形态的大小以及色彩的呼应。它是创建视觉流程的重要手段。利用共性带来的相互呼应,使读者习惯性地将具有共性的视觉元素联系到一起,在阅读的先后上有很强的引导性这种自觉、跳跃地获取信息的过程,如果在心理上产生良好的效果,这个视觉流程的设计就是成功的。,323信息群组与视觉流程 信息群组就是要求在编排设
14、计中,将所要传达的不同信息,通过群组分成几个层次,并按照主次进行富有创意的编排。其目的是避免在信息传达和阅读的视觉流程上产生混乱,使之井然有序。在编排的构成方面,可把群组中的元素在视觉上作一定的对比,如疏密、强弱:或在空间关系上进行创意组合,如透叠、复叠、连接,也可以通过色彩来进行调和、呼应。使得群组之间的关系具有整体性和层次感,33视觉流程的设计形式 331单向视觉流程 单向视觉流程使版面的流动线更加简明,一般按照视觉习惯从左到右或从上到下,由主到次具有逻辑性地、有次序地排列,引导读者快速地阅读。这种流程也可具体分为:横向视觉流程、斜向视觉流程、竖向视觉流程。横向给人以稳定、恬静之感。斜向以
15、不稳定的动态引起关注,而竖向会给人带来坚定、直观的感受。,332曲线视觉流程 将编排设计中的各视觉要素随弧线或旋线进行运动化的编排构成,称之为曲线视觉流程,这种具有韵味、节奏和曲线美等形式的构成,给人以优雅柔美的感受,可营造轻松随意的阅读气氛。在版面上增加深度和动感。,333导向视觉流程 通过点、线、箭头或具体形象的方向性等元素,由主及次地引导读者视线向一定方向顺序运动,这种方式能整合整个版面,使之成为一个整体,并使版面条理清晰、重点突出,而在信息传达方面井然有序。,334反复视觉流程 将相同或相似的视觉要素作规律、秩序,有节奏的编排处理,这种视觉流程的设计方法,我们称之为反复视觉流程。它的主
16、要构成特征是具有韵律和秩序的美。但视觉冲击力上没有单向、曲线和重心流程强烈,应用得不好会产生平淡的感觉。,335重心视觉流程 这里提的重心指的是视觉心理的重心,设计师可以将主要形象或文字,通过夸张、对比、特异的处理手法独据版面的某一个部位,其重心的位置根据创意设计的构思而定。视觉流程的过程,首先是以版面的重点开始,然后顺沿着主体,重心形象的方向与力度的倾向来发展视线的进程。而向心、离心的视觉运动,同样也是重心视觉流程的设计方法。它们的主要构成特点是:主题鲜明突出、一目了然,具有强烈的视觉感召力。,336散点视觉流程 在编排设计中将图与图、图形与文字呈现一种非常自由、分散、无序的极具个性化的编排
17、我们称它为散点视觉流程的设计。它的构成面貌常常体现一种偶合性和随机性追求新奇、刺激和强烈的空间动感这是它的构成目的。这种自由随意的视觉流程设计给读者轻松随意的阅读享受。,四、编排设计的基本要素,文字与字体 在编排设计中文字是任何版面的核心是不可或缺的基本要素。它不仅仅局限于传达信息意义上的概念在文宇与字体的处理上更是一种提高设计品位的艺术表现手段。 在编排设计中出现的文字可划分为大标题、中标题、小标题、引文、正文、说明文、页码等类别。合理地根据文字信息内容的主次关系通过有效的视觉流程组织编排文字运用精心处理的文字和字体的视觉元素而不需要任何图形,同样可以设计出富有美感和形式感的成功作品。应该说
18、文字的编排与设计是一个成功设计作品的关键所在。,4 1 1字体 设计师应该清楚地认识到每种字体都有特殊的个性并传达出不同的性格特征如具有现代感的黑体古典感的宋体、罗马体清晰感的等线体和充满浪漫的花线体等。在选择字体时必须充分考虑它与内容的关系 在编排设计中一般选择两到三种字体并通过对字体进行加粗、变细、压扁、拉长或调整字体的大小和间距与行距的变化等达到设计的最佳效果。字体的选用不能太多,否则在设计中会产生零乱而缺乏整体效果字体的内涵也将产生杂乱从而不能达到体现字体个性的目的。,412字号 字号是表示字体大小的术语。计算字体面积的大小有号数制、级数制和点数制的计算法。点数制是世界流行计算字体的标
19、准制度。 “点”也称磅(P)。每一点等于O3 5毫米。标题用字一般大约14号以上现代版面的正文用字越来越小,可以是7-5点比9-1 2点显得整体。字越小,精密度越高,但低于5点以下,就会影响阅读。,413字距与行距 文字的间距与行距是初学者较难把握的问题。他们往往采用电脑默认的字距、行距。为了设计的需要设计师通常对间距和行距进行调整特别是标题文字。例如将主题文字拉近或分散。字距的缩小排列使阅读加速产生整合的视觉效果。但过于拉近宇距会影响文字的可读性产生混淆不清的负面效果。而拉大宇距虽然会影响阅读速度但这种方式感觉疏朗清新现代感强。目前国际上流行这种方式。字距的排列没有绝对的标准应根据设计的需要
20、而定。,字距和行距的把握是设计者对编排形式的心理感受,它能反应出设计的品位。在行距的设计上,一般要求略大于字级常规的比例应为:用字8点行距则为10点。紧密的行距在段落版面中产生“面”的视觉感而加大行距则产生“线”的视觉感。调整行距是设计师根据作品的需要,更多是谋求形式感上的变化,产生独特的风格及形式特殊的个性。为了增强版面的空间层次,往往采用拉大、压缩同时并存的手法,在单一中求得变化。,414文字的编排左右齐整 文字从左端到右端的长度均齐,一般大量应用于段落性文字的编排上。是一种常用的编排形式。在风格上显得端正规整、美观、严谨。如果采用不同的字体穿插使用可避免平淡,整体划一的优势可使版面清晰整
21、体而不杂乱。 A这是一项很成功的文字编排设计,其特点是将文字作无行距的整体排列,并通过色彩的划分来加强它的阅读感,字号大小的选用,使设计具有丰富的层次感。 B这项设计采用了统一个性的字体,通过字号大小的穿插排列,使得设计具有很强的节奏感。编排构成主次清晰,层次分明。 C文字采用了横排和竖排的对比构成,在横排文字的构成上采用了渐变的手法,并在字距上作了适当的调整,在构成的外形上形成整体,规整而不单调。,415文字的编排左齐或右齐 在文字的编排上,让每一行的第一个字母统一在左边的垂直轴线上。右边可以自然地参差不齐。但要注意它的节奏,给人以自然、愉悦的节奏感。这种编排方式适合人们的 阅读习惯,可以沿
22、着垂直的轴线毫不费力地找到每一行的开头,容易产生亲切感。而右边对齐则是将字尾统一在右边的垂直轴线上,同我们的阅读习惯相违背这种编排只适合于少量的文字,如:主标题,副标题等。但这种编排形式具有现代感应用得好能控制整个版面的统一性。 A在一个版面的文字编排上,同时采用了左对齐和右对齐的两种构成形式,使版面具有变化。 B作品采用左对齐的构成方式,但在字号和行距上进行了调整,使之产生主次分明的视觉效果。 C主画面上下同时采用左对齐的文字编排方式,增强了设计的整体感,使活泼的画面和规整的文字排列产生对比,很好地调整了视觉感受的平衡。,416文字的编排中心对齐 这是一种对称的文字编排形式,以中轴线为主,左
23、右两端长短不齐。这种优雅庄重的编排,能使视线集中,但给阅读带来一定的困难,如果文字内容太多,这种方法是不适合的。 A.作品不论是文字还是图片都采用了中心对齐的构成方式,并通过字体的大小和行距的变化来活跃编排的形式。 B.三项文字内容在编排上都采用中心对齐的编排方式,并通过字号粗细和大小的变化来帮助读者分断阅读,在形式上具有很强的设计感。 C.此项中心对齐的排列注意了左右的节奏关系,使得设计具有一定的韵味,设计中的竖向色块编排,更加强了中心对齐的形式美。,417文字的编排图文混排 文字与图形的叠加。文字围绕画面中的图形的外轮廓进行编排,以加强视觉的冲击力,烘托画面的气氛,使文字排序生动有趣,给人
24、以亲切、生动、平和的感觉。 这是一个典型的以图片为主的编排设计,图片在设计中成为主体,而文字则在图片边缘适当的位置加以精心的编排。 B图片和修饰的有趣并置。图片上的文字小心翼翼地摆放,为的是避免破坏图片的整体形象。 C将主题文字的一部分叠加在图片上,但又不影响文字的可读性,其它文字采用左对齐和右对齐的编排方式,使设计既具有秩序又富有变化。,418文字的编排标题与正文的编排 标题在编排设计的视觉传达要素中起着主要的作用,它的位置、大小、字体、形状、方向等的处理,是设计作品成败的关键所在。虽然是整篇正文的标题,但不一定都要置于段首之上,随着内容的不同可以不受一般顺序的约束,可进行居中、横向、竖向或
25、边 置等编排的处理。有的更直接插入字群中,或采用线框的手法加以强调,以求新的版式打破旧的规律。 在一个版面里,如果标题和正文处理不好,很容易给人造成凌乱的感觉,为了整体起见,这就需要我们对文字进行群组,将文字段落组成整体的形,使其条理化、整体化,并将段落间用线或空白分割,采用大小对比的排列方式,使得文字间的整体性更强风格也具个性化,给人以清晰的视觉形象。 A标题与正文采用错位的编排方式,加上边框,以此来突出标题,这种设计方式给人以精致的感觉。 B这个主题文字是根据创意的需要,而放置在图片边,并作了黑白关系的处理,这种编排使图片、标题成为一个整体。 C这幅作品的主标题是采用竖式的编排,构成新颖,
26、但对阅读有一定的影响,42图片与构成 在编排设计中图能够形象直观地表现内容的主题通常成为设计着力表现的元素是一种非文字的符号具有很强的视觉语言的表现力可以不受国家、地域、文化等条件的限制在视觉传达上能辅助文字的理解。一直以来以其形象直观的表达优势在人类多种沟通方式中具有不可取代的地位。应用得好将获取视觉效果和导读效果的成功。,4 2 1图片的位置 在遵循形式美的法则和达到视觉传达的最佳效果的前提下图片在版面上放置的位置是不受任何局限的但它的位置直接关系到版面的构图和布局。支配版面的四角和中轴是版面的重要位置在这些点上恰到好处地安排图片可以相对容易地达到平衡而又不失变化。在视觉的冲击力上起到良好
27、的效果。 A图片安放在版面的中轴线上即使左右不是等量的比重但版面中心的平衡也不会被打破扩大图片的面积,能产生版面的震撼力 B在对角线上安置图片要素可以支配整个版面的空间能起到相互呼应的作用具有平衡性 C把不同大小尺寸的图片按秩序地编排,显得理性且有说服力,并增加版面的说服力,32 2图片的面积 图片面积的大小设置直接影响着版面的视觉效果和情感的传达大图片的采用一般反映具有个性特征的物品以及物体局部的细节使它能吸引读者的注意力而将从属的图片缩小形成主次分明的格局。大图片感染力强小图片显得简洁精致大小与主次得当的穿插组合能使版面具有层次感这是版面构成的基本原则。 A小的图片给人以精致的感觉,图片的
28、大小编排变化,丰富了版面的层次 B将主要诉求对象的图片扩大,能在瞬间传达其内涵,渲染一种平和的直接的诉求方式 c扩大图片的面积并将文字缩小因此产生强烈的对比,能加强对视觉的震撼力,4 2 3图片的数量 图片的数量首先要根据内容的要求而定,图片的多少可影响读者的阅读兴趣,适量的图片可以使版面语言丰富,活跃文字单一的版面气氛,同时也出现对比的格局在图片需要多的情况下,可以通过均衡或者错落有致的排列形成层次并根据版面内容来精心地安排,有的现代设计采取将图片精简并且缩小的方式留下大量的空白,以取得简洁明快的视觉效果 A多张图片等量地安排在一个版面上,使读者一目了然地浏览众多的产品款式,并提高了阅读的兴
29、趣。 B将同样大小的多张图片,采用叠加的方式进行组合这种前后关系可为设计带来层次感。 C精美、独特、单一的图片编排形式、能使版面有视线集中之感并且给读者带来高雅稳健的视觉感受。,4 2 4图片的组合 图片的组合有块状组合和散点组合二种基本形式,将多幅图片通过水平、垂直线分割整齐有序地排列成块状使其具有严肃感理性感、整体感和秩序的美感:或者根据内容的需要分类叠置并具有活泼、轻快同时也不失整体感的块状我们称它为块状组合 散点组合则是将图片分散排列在版面的各个部位使版面充满着自由轻快的感觉这种排列的方法应注意图片的大小、位置、外形的相互关系在疏密、均衡视觉方向程序等方面要作充分的考虑否则会产生杂乱无
30、序的感觉。 A将不同大小的图片有机地构成一种块状使之成为一个整体并在黑白灰的关系上进行了调整使设计在规整的形式下不失生气 B图片自由的安排,具有轻松活泼的特点,在编排中隐含着视觉流程线,使编排构成散而不乱。 六张相同大小的照片,均衡地安排,其中一张突破秩序,产生一种特异的效果,活跃了整个版面。 八张同等大小的图片整合在一起,其中二张采用横式构成,达到了在统一中求变化的视觉效果。,2 3色彩与信息 在版面的编排设计中设计师要非常谨慎地考考虑所选要用的色彩并不是每一种颜色都适合于你的设计主题如果错误地选择了颜色它可直接彩响视觉传达的效果和目的如同字体能传达信息一样色彩给我们的信息更多因为色彩具有的
31、象征意义是非常重要的对色彩的认识是一个不断运用体验和提高的过程这是艺术设计教学的一个基本特点,五、设计的版面设置,51理性的设计骨格 编排设计在方法上有着两种倾向:一种是注意理性分析通过运用严格的数学和几何学方面的知识达到构成上的和谐与组织上的合理严密。另一种是注重感性的判断认为编排的审美规则主要依赖于设计者感官的直觉判断力。在实践中这两种方法并没有非常严格地划分开来事实上是常常穿插地运用在设计中。在编排设计的学习中既要学习理性的骨格 法也要培养对各种视觉要素感性的判断、组织能力,总之编排设计合适就好。,5. 1. 1基本骨格的确定 在编排设计中各种骨格的分割形式有很多而各种风格给人的视觉效果
32、各有不同。设计师应根据设计内容的要求和性质来创意设计具有特别个性的设计风格。从而打动读者的心灵。 A作品采用了横向五档的骨格型编排, 其中一栏通过突变的设计手法使具有秩序的编排增添了活跃的气氛 B在文字的竖向双栏编排中插入图片而每页图片的外形又各有不同增强了版面的活力 C这是一种采取不同宽窄的竖栏编排形式主题文字和图片打破了分栏的格局在理性的构成中 包含着感性的情节,5. 1. 1基本骨格的确定 在编排设计中各种骨格的分割形式有很多而各种风格给人的视觉效果各有不同。设计师应根据设计内容的要求和性质来创意设计具有特别个性的设计风格。从而打动读者的心灵。 A作品采用了横向五档的骨格型编排, 其中一
33、栏通过突变的设计手法使具有秩序的编排增添了活跃的气氛 B在文字的竖向双栏编排中插入图片而每页图片的外形又各有不同增强了版面的活力 C这是一种采取不同宽窄的竖栏编排形式主题文字和图片打破了分栏的格局在理性的构成中 包含着感性的情节,513竖栏的确定 竖栏是版面上骨格的主体,亦是骨格各个部分展开的基础。竖栏的大小变化,根据版面纸张开本的尺寸、文字字体的样式及文字内容的多少、插图的大小和多少等各方面综合因素而定。总之竖栏的构成规定了编排关系中的纵向联系。,514横栏的确定 横栏的骨格形式规定了编排构成中横向方面的主要关系,其主要功能是确立了文字内容的基本位置。横栏各分栏的尺寸大小,应根据内容需要而定
34、,分栏之间的大小比例可以有变化,特别是表现主题的分栏,在尺度上可以灵活,以便突出版面的重点,同时各分栏的高低也可根据内容的多少和创意的需要而确定,使之达到统一中求变化的目的。,52 感性的版面设置 A作品采取横向三栏的形式等距离编排,追求每栏的疏密变化,在视觉感受上避免了单调的感觉。 B在三栏的编排中,采用图片进行分割,图片的错位构成、不同宽度的分栏白线使版面产生了节奏和动感。 C横栏的宽窄产生变化,起到了将信息内容归类的作用,使编排设计具有层次,方便了读者清晰地阅读。,521 曲线型 将图片或文字以及手绘图形,在编排设计构成上作曲线形式的处理。但应注意的是由文字构成曲线和弧线时,尽量不要影响
35、它的阅读性。 曲线的构成使设计产生节奏和韵律的美感。,522中轴型 中轴型的排列,可以是横向的也可以是竖向的。是一种将主题文字或图片随轴线编排的构成方式。横向排列给人以稳定、平和、安静的视觉感受,而竖向排列给人以强烈的动感并具有冲击力。,523倾斜型 在编排设计的构成上,将文字或图形作倾斜型编排,在结构线上可以是直线倾斜也可采用曲线倾斜,在节奏感上应作充分的考虑。这种构成方式将会产生强烈的动感和不稳定感,适合于运动、欢快等方面主题内容的设计。 A标志和图形统一编排在对角的斜线上,随图形编排的文字设置在不同的位置,加强了版面构成的节奏和动感。 B将图片倾斜地设置在版面上,既表现了产品的功能,又增
36、强了版面的冲击力。,524满版型 这种编排构成的方式的主要特征是,将图片或文字充满整个版面,图片的采用可以是完整的,也可以是局部的,设计师在对图片进行处理时要根据主题而定它给人以舒展、大方的感觉。这种构成形式,在现代广告设计中应用得较多,它能直观反应主题内容。,525并置型 将内容要求的众多图片,在编排时作大小的调整,在版面上作并置的排列,使复杂版面整合并具有秩序感,通过对图片大小和位置的调整编排,使版面具有调和感并且有节奏之美。,526重心型 重心型的编排构成方式有三种概念, 一是向心:视觉元素构成的运动方向从外向版面中心聚拢。 二是离心:与向心相反,视觉元素构成的运动方向由版面主题中心向周
37、围散开。 再是直接将设计主题完整地设置在版面视觉中心位置,这种编排构成的方式,能使主题突出,从而产生强烈的视觉效果。,527几何型 几何型编排的方式有:圆形、四方形、三角形等基本构成形式。圆形的构成使版面内容的重点突出。正三角形给读者以稳定的感觉,倒三角形使设计产生动感。而四方形则给人以严谨、规范的感觉,528对称型 对称型一般可分为上下对称和左右对称它是同等同量的平衡,因此有绝对对称与相对对称二种对称形式。在设计中采用相对对称的手法比较多,其特点是具有庄严、稳定、秩序的感觉。,529均衡型 均衡就是在构成中强调变化的平衡。它是运用等量不等形的方式来表现变化的统一性使版面各视觉因素之间达到量的均等和谐这是一种视觉和心理上的感受。均衡将给人以沉静、安宁和稳定的感觉.,521 0自由型 打破所有规范格局,将编排设计中的各项视觉元素作无规律地,随意地布置来进行版面构成,它完全依赖于人对视觉形象的直觉判断。 自由型的构成方式给人以轻快而奔放的感觉。但应避免产生杂乱无序之感,使设计的品位受到影响。,作业练习,1、视觉流程的设计练习 要求:先后有序,有较强的视觉流程的控 制能力。 数量:10幅,
链接地址:https://www.31doc.com/p-3046897.html