《版式设计课件李鱼神话》由会员分享，可在线阅读，更多相关《版式设计课件李鱼神话（73页珍藏版）》请在金锄头文库上搜索。
1、版式设计,一、版式设计概念1、版式即版面的样式,版面是版式设计的载体.版面不仅仅是一张纸,还可以是一面墙、一个瓶罐、一件T血衫、显示器的屏幕、公交车的车身 总之是一切可以人为利用的信息承载媒介。,第一章 版式设计概述,2、版式设计也称为编排设计，是指在有限的、特定的版面空间中，根据设计内容、目的要求、把文字字体、图形图片、线条线框、颜色色块等视觉元素，按照设计创意要求进行组合排列，并运用造型要素及形式原理把创意构思以视觉形式表达出来的过程，是一种具有个人风格和艺术特色的视觉传达方式。,3、应用领域书籍杂志设计、报刊广告设计、招贴广告设计、包装设计、企业形象设计、 产品样本设计、网页设计所有平面
2、以及影像设计制作领域。,二、版式设计的目的版式设计的终极目的：将版面上的信息更有效地传播给读者。 要做到“更有效”必须具备2个条件： 1、版面上的信息编排要合理，主题明确，一目了然。 2、版面的设计要新颖，艺术感染力强，符合主题内容的特点需要，让读者印象深刻并乐于接受。,三、版式设计的发展趋势 1、强调创意表现版式设计的创意有2种，一种是针对主题思想的意，另一种是版面编排设计的创意。 2、追求个性品位个性是设计师对设计样式差异的独到见解。品位既定 了设计作品的档次，也决定了读者的档次。版式设中追求新颖独特的个性表现，或者以追求幽默、风趣表现形式。,3、注重情感效应 水平、对称、并置的结构表现严
3、谨与理性； 曲线与散点的结构表现自由、轻松、热情与漫； 出血版使感情舒展； 框版使感情内蕴； 留白富于抒情； 黑白富于庄重、理性。 、巧用电脑编排。,作业一,每位同学从网络或其它途径搜集两张，你认为非常优秀或具有创意的版式设计图片，并对其赏析,第二章 版式设计的编排原则与审美原理 第一节、版式设计的编排原则 一、主题与中心的突出1、任何一种形式的版式设计，其共同目的都是使版面中的各种视觉元素按照一定的主次关系和形式美法则进行有条理的组织和排列，然后共同说明或表达一个问题或一种含义。也就是说各视觉元素必须围绕一个视觉中心来突出一个设计主题或思想主题。2、版面主题或中心的突出并不是纯粹地强调单一和
4、简单，而是追求一种设计内容的概括及巧妙的提炼过程。,实例分析,1、课本第15页，图2-1 2、课本第16页，图2-3,二、内容与形式的统一,1、一个优秀的版式设计不只是字体、图形、色彩等视觉元素组合形成的一种表现载体，它是设计者创意构思的舞台。 2、版式设计的内容是表达形式运用的重要依据，而形式是让版式设计内容产生共鸣的重要途径。二者相辅相成，共同塑造一个完整的版式设计效果。,三、设计与艺术的结合,1、版式设计构思与表达本身就是一种创作过程，但如果仅仅把目标局限在一种纯粹的“设计”层面上，那么其版式设计的整体质量无疑将会大打折扣，为了避免这种情况的产生，就应使字体、图形、色彩、等视觉元素通过其
5、审美原理，并运用夸张、象征、比喻等表现手法来装饰和丰富整个版面效果。 2、随着时代的发展，版式设计与艺术的结合将会更加紧密。,四、局部与整体的协调,1、版式设计是文字、图形、色彩等视觉元素的一个集合体。版式设计要始终坚持其各视觉元素相互协调、相互补充的原则。 2、在具体的版式表现中，只追求局部的表现美感而忽视整体的协调统一，其版式设计是不成功的。 3、课本第18页图2-20分析。,第二节、版式设计的审美原理,一、对称与均衡 1、对称是以“中轴线或中轴点”为基础，两边置以同形、同量、同色的对称形态，是等形等量的形态元素组合。 2、其版式特点是稳定、庄重、整齐、秩序、安全等 3、课本第19页，图2
6、-25实例分析,4、均衡是遵循杠杆力学原理，以等量不等形的组合，利用视觉规律，通过对大小、形状、距离。疏密等因素的改变来调节“轴”两侧的分量，形成心理上的平衡。 5、版式设计中主要表现为形状、大小、色彩、材质等视觉元素，利用特定的空间来决定主与次的位置，通过控制各元素的位置、面积、大小、色彩等，得到视觉和心理上的平衡。,二、节奏与韵律,1、节奏是造型要素按照一定条理、秩序、重复连续的排列，形成一种律动的形式。 2、韵律和节奏一样都源于音乐上的概念，韵律就像音乐中的旋律，有起伏有重点，比节奏更具情调和感染力。 3、节奏和韵律是联系在一起的，但有节奏不一定有韵律，有韵律一定有节奏。 4、课本第20
7、页，图2-32实例分析。,三、对比与调和,1、对比是强调差异性的组合关系。如大小、粗细、疏密、曲直、高低、长短、远近、虚实、软硬、浓淡、明暗、强弱、钝锐、轻重等。 2、调和是指使两个或两个以上的要素相互具有共性，强调版面元素的近似性组合关系。如版面中应避免使用多种字体等。 3、版面设计一般遵循“大调和，小对比”原则，即版面整体要求调和，局部强调对比。,四、秩序与变异,1、秩序可以营造出和谐、整齐的组织美，体现版面编排的科学性和条理性，可以帮助版面获得较好的可读性，使读者对版面上的信息一目了然。 2、变异是规律的突破，是一种在大秩序中少数局部的突变。变异是相对秩序而言的，没有秩序也就没有变异，变
8、异使版面既有条理又生动活泼。,五、虚实与留白,1、留白不一定是白色的空间，它是“虚”的特殊表现手法。中国画有“计白当黑”之说，以虚托实，对突出版面创意意境有着重要的作用。留白还可以丰富版面的空间层次，使画面内容表达更含蓄，更有意境，引发读者联想。 2、课本第24页，图2-54实例分析。 3、课本第24页，图2-58实例分析。,第三章 版式设计的视觉元素和造型要素 第一节 视觉要素及其构成设计 一、文字 1、基本常识 （1）字体中文字体分书写体、印刷体、收回美术字体三大类拉丁字体分常规体、斜体、黑体、黑斜体等常用的字体有宋体、仿宋、黑体和楷体同一版面中，字体种类一般不超过三种,电脑字体的安装控制
9、面板 外观和个性化 字体（2）字号字号是表示字体面积大小的术语。 （3）字距、行距字距、行距处理，直接体现了设计师对版面 的心理感受和审美品味。（一般电脑已设定）,2、文字编排的基本形式,(1)左右齐整即文字从左至右长度均齐。这种编排字群端正、严谨、稳定，但易显平淡。如课本P26图3-1。 （2）左或右对齐左或右对齐能使行首或行尾形成一条直线，另一端则因语句不同而有长短之变，张弛有度，是一种和谐的对比关系。如课本P26图3-3。,（3）中间对齐文字以轴线为中心，对称排列。这种编排中心突出，左右两侧长短不一，富于节奏变化。 （4）图形化排列一种是文本绕图，即文字绕图片边缘排列，两者相容，自然融洽
10、。另一种是将文字按某种形状编排，使其图形化。这种方式有趣夸张，但要与艺术创意一致。如课本P26图3-6,（5）自由排列不拘泥于整齐、规律的排列方式。这种编排灵活、生动、个性十足，但对设计者自身能力要求较高，一般不建议初学者使用，因为会使版面混乱不堪。,3.正文、标题、注释正文编排时，首先根据具体版面划分栏，一般使用通栏。对于面积大、字数多、内容多的报刊、杂志等可使用双栏、三栏、四栏等。正文排列最常用的是横排，也有少数竖排、斜排、弧线排等标题应醒目，视觉冲击强，副标题是对标题的补充，视觉效果应若于标题。注释相对弱小。,4、文字强调为了突出版面某些内容，引起读者特别关注，可对相关文字进行处理。 （
11、1）首字强调对某段文字的字首进行放大、装饰处理。如课本 P27图3-11。 （2）线、框、符号等强调利用线、框等符号强调文字，如课本P28图3-12。,5、文字的特殊处理 （1）文字图形化设计中的文字，是字又是图；是信息传递工具，又是审美对象。文字图形化是在不影响其原有传递功能的情况下，对字体进行艺术创造，强调字体的美学效应，也就是字体设计。如课本P28图3-14。 （2）文字叠置即文字不印在单一背景上，以其他文字、图形、图片等做底，进行叠置，也叫杂音。形式活泼、个性、艺术感强，但也容易使版面凌乱。如课本P28图3-15。,二、图形,一图胜千字 图形包括照片和插图 1、图形的形式 （1）出血图
12、形图片充满整个版面，不需边框。此形式打破版心束缚，自由奔放，舒展，动感十足，贴近受众。如课本P29图3-17。,（2）退底图形即根据内容所需，选取必要部分保留，减弱或去除其它背景。此形式排出背景干扰，主体形象突出醒目。如课本P29图3-18。 （3）形状图形即把图片用一定形状限定。如方向、三角形、梯形、有机形等。具体形状可视设计内容和表现而定，以使版面新颖，从而提高读者阅读兴趣。,2、影响图形编排效果的因素 （1）图形位置将图形置于版面中心，会强化其视觉冲击力，形成关注焦点。如课本P29图3-19。在对角线上安排图片，可支配版面空间，效果灵动独特。如课本P29图3-20。版面上下左右、对角线、
13、四角均能安置图形，设计中应根据其内容要素、视觉效果、心理感受来经营，有效控制各个点，使版面主题鲜明、简洁、清晰、富于理性。如课本P29图3-21。,（2）图形面积一般情况下，图形面积的大小变化，决定了注意度的高低。人的自然观看顺序是从大到小，所以通常重要的图形面积较大。如课本P30图3-22-25。 （3）图形数量图形数量少（最少一张），这样的版式简洁、单纯、格调高雅。当然也有可能单调、索然无味。图形数量多，这样的版面丰富活泼、有浏览余地，适合新闻类刊物、产品说明类宣传册等。当然也有可能松散混乱、缺乏重点。如课本P30图3-26。,（4）图形方向图形方向可以是人物、动物的视线动作，可以是有方向
14、性的线条、符号、图形组合形式，也可以借助近景、中景、远景来达到。方向感越强，动势就越强。如课本P30图3-27。 （5）图形组合图形组合可分为块状组合和散点组合。块状组合图形密集、整体、文字与图片相对独立，图形的块状格局与文字间的强弱变化富有节奏。散点组合图形与图形间分散安排，图形穿插于文字群间，自由轻松，活泼随意，具有亲和力。如课本P30图3-29。,三、色彩,1、色彩的对比色彩对比的依据是色彩三要素。明度对比，通过亮色调、中色调和暗色调的不同变化形成的对比。纯度对比，鲜艳的色彩和灰色放置在一起产生的鲜灰对比。色相对比，不同相貌的色彩产生的种种对比。另外还有色彩的面积对比、冷暖对比等。色彩对
15、比旨通过对比突出视觉差异，但过分对比不利于设计语言的表达。如课本P31图3-31。,2、色彩的均衡色彩使版式丰富，多彩纷呈。根据色彩自身的规律，从色彩形状的大小变化，色彩的冷暖，明度及纯度等方面来考虑色彩的均衡，同时还要注重调和色的作用，以达到版面的色彩视觉平衡。如课本P31图3-32-33。,3、色彩的条理化画面色彩最忌庞杂，过多的色彩会分散人们视觉的注意力。在同一版面中使用相对固定的几套色，依据版面整体需要进行合理安排，有利于美化版面，使版面整体统一。如课本P31图3-34-35。,第二节 造型要素及其构成设计,点、线、面是构成视觉空间的基本元素，也是版面构成上的主要语言。一个字母，一个页
16、码可以理解为一个点；一行文字，一行空白可理解为一条线；数行文字与一片空白则可理解为面。它们相互依存、相互作用、组合出来各种各样的形态，构建成一个完美的版面。,一、点的构成,点的感觉是相对的。它是由形状、方向、大小、位置等形式构成的。点可以是一个文字，也可以是一块色彩，一张小小的照片或图像，点可以以任何形态显示。1、点的扩张性点在版面中往往都能产生中心感，这由点的扩张性特征所决定。也就是“焦点”作用，在视觉心理上有一种空间感。如图3-36,2、点的视觉连线在一定的版面空间内出现的两个或两个以上的点在视觉上会使人产生相关联的心理知觉。在实践中，可以用点的视觉连线规律，通过秩序规律的组织使不同视觉元
17、素形成整体感，达到统一版面视觉效果的目的。如图3-42,3、点的视觉转移当版面内出现大小不同的两个点时，人们的注意力往往都是先注意在大的点上，然后注意力向小的点转移。这种现象被称为点的视觉转移。在实践中，可以利用点的视觉转移现象，处理好内容主次关系，有意识安排视觉信念的先后顺序。如图3-44-47,4、点的形态在版式设计中，点有着一定的具体形态。这是在版面内，针对视觉范畴而言的，是由相对于版面空间的具有一定比例关系的视觉图形元素所决定的。因此版面内点的形态可以是几何形、抽象形、文字、具象形等。在实践中，应通过合理的比例关系，根据实际情况，加强具体视觉图形元素的点的效果，从而驾驭好版面内点、线、面、空间及层次关系。如图3-48-51,
