版式设计 版面编排 1优选.ppt

版式设计,第一单元（一）概述版面编排设计是一个很广泛的概念，它被广泛应用到各个相关的设计领域，不同的领域有不同的侧重点，例如海报招贴设计，它的版式侧重于图形元素，而报纸杂志则侧重于文字编排元素，另外，还有产品包装设计，则是图形，文字，色块相结合的结果。所以我们定义版面编排设计；,第一单元（一）概述版面编排设计是现代设计艺术的重要组成部分，是视觉传达的重要手段，从表面上看，版面编排只是一种编排的技巧，实际上却是技术与艺术修养高度统一的结晶。版面编排设计是指在有限的空间里将文字、图形、线条、色块等内容，按一定的方式成功组合排列，产生美的感觉。,编排设计课程是江苏省高等教育自学考试艺术设计专业(独立本科段)的必修课程。是检验应考者解决各类平面，空间设计中构图表现，形式美感的诸多要求为主的平面专业设计实践课程。目的:1、能够在形态，色彩，肌理，空间，动势等设计要素和构成要素方面有所认知及研究。2、通对编排的基本元素（文字、图形、画面空间等）之间的组织协调关系有所了解。,图例,这是一张含有浓厚中东文化气息的设计作品，图中阿拉伯女性的头纱是由阿拉伯文字组合而成的，是典型的文字构成图形的版式，再通过和颜色，线条等设计元素的有机组合，使画面产生特殊的美感。,图例,是一张中国国际海报双年展的招贴，作品运用了错位的编排方式，使原本平淡静止的画面增添了许多动感和更加具有设计的意味。,图例,黑白对比是视觉冲击力最强的一种设计，用在书籍版面中，令到小版面充满张力，给人焕然一新的感觉。,（二）版式设计的要求1、创意:把主题思想和编排技巧相结合,设计出新颖别致的版式是出人制胜的关键。,图例,这是一张婚礼主题的海报，图中利用婚纱随风飘动的感觉，运用了曲线切割画面的编排技巧，使画面产生流动感，画面也有随风飘动的感觉。虽然是很平常的主题，但在视觉上却给人新颖的感觉。,图例,（罗杰.福德）瑞士儿童节公演海报，作品采用了马戏团小丑的特写图片，把儿童节主题清楚表达之余，通过和文字的有机排列，使设计充满新奇.,儿童画展的海报图中的黄色块是一支画笔，绿色则是划出的颜色，用的是对称编排。,图例,（二）版式设计的要求2、有个性，个性突出是给人留下强烈印象的重要手段，将文字图形化，是一个不错的选择，如果图片本身具有趣味性，效果会更好。,图例,沃尔德曼.斯威兹波兰戏剧海报招贴，用对比强烈的色块，通过特殊的笔触制造动感强烈的效果，和强烈的感情色彩表现,版面视觉张力强烈，能造成即时的视觉刺激，并形成自己特有的个人风格。,图例,沃尔德曼.斯威兹波兰展览海报招贴，带有明显的沃尔德曼.斯威兹个人表现风格的作品，虽然版式上不出现色彩，但带来的视觉，震撼是非同一般的。,图例,格特.芬德利希德国以全文字的版式风格进行设计，文字在这种情况下，本身的说明意义已经边缘化与模糊化，往往会承担了很大部分的图形说服的作用，起到文字图形化的效果。,图例,格特.芬德利希德国文字以非常规的手法进行排列，或者通过有意的变形，使版式能更好的对受众造成有效的视觉记忆。,（二）版式设计的要求3、有情节，有情节的版面设计可以迅速引起读者的注意，主要体现在文案内容及文字的编排。,图例,这是一张有关电台节目的海报，图中的文案按照图形中的电波形状排列，有放射的效果，右方的系列内容的图片则和文案共同表达出画面的情节需要。,图例,反对种族主义的招贴海报，画面的黑猫和白猫和谐相处的情景，把严肃的种族主义问题变得简单易懂和人性化这一情节使观众能够在脑海里留下深刻的印象,图例,奥林匹克画报，龟兔赛跑的情节的运用，龟兔两者位置的巧妙编排，画面的趣味性得到加强。,图例,戏剧与电视的关系的海报招贴，以一个专注看电视的人物形象的插图描绘情节，并与下方文字的巧妙排列，很大程度的吸引观众眼球。,（二）版式设计的要求4、电脑技术的运用，也是编排设计发展的重要趋势。,图例,图中为我专业一学生作品，作品编排运用了计算机技术，刻意营造中国绘画中的干笔触效果，收到非常好的视觉效果。,（三）编排的原则1、主题突出一个成功的版面设计不是设计师个人风格的自我陶醉，而是在明确客户目的的基础上对内容的完美体现。方法一，按照主从关系的顺序，使产品本身成为主体形象，占据版面的设计中心。,图例,（三）编排的原则1、主题突出一个成功的版面设计不是设计师个人风格的自我陶醉，而是在明确客户目的的基础上对内容的完美体现。方法二，使主体处在被强调的位置上，如主体周围增强空白，或处理成前明后暗的效果。,图例,（三）编排的原则2、简明易懂由于平面类的设计只能在有限的空间里与读者交流，这就要求版面单纯，简洁，通过对信息的浓缩处理，精炼表达内容，形成新颖的构思。,图例,画面选择了产品的图片，产品名称等几样必须的元素，其余的适当省略了。使版面的信息得到精确的提炼。,（三）编排的原则3、内容和形式的统一只讲内容，没有美感的编排呆板、空洞，脱离内容只讲形式则更糟糕。,图例,是一本年册的封面，用了面构成的编排形式，红色部分象征打开的书本，内容和形式非常统一。,（三）编排的原则4、整体协调a加强结构的方向感和秩序感，增强视觉的冲击力。,图例,文本内容较多，设计师把其浓缩并有序的排列在一个特定的符号中，使画面看起来有方向和次序感，视觉冲击力非常强。,（三）编排的原则4、整体协调b加强文案的合理性，条理性c运用同一因素时可以采取不同表现形式,图例,这是一张文字较多的图面，设计师把文字分成三个等面积的块面，配合产品的合层图片，排列既有条理，视觉上又给人舒适感。,图例,同样是采用文字作为设计的主要元素，可以通过不同的切割方式，达到丰富画面的效果。,（四）造型要素点、线、面是三种基本元素，组成视觉空间，任何复杂的版面都可以简化为点、线、面的构成。,（四）造型要素1、点点是指版面中较小的形象，点在版面中会给人静止而稳重的感觉；如果点在版面的左方或右方会产生向中心运动的趋势；在上方或下方会产生上升或下降的趋势,图例,由左往右消失的点，是电插座的商业招贴，用不同的插座形象构形，非常特别。,图例,下坠的点，配合画面的抛物线，使画面产生不稳定感，并有下坠的趋势。,图例,上升，飘动的点的版式，作品有一种空灵感。,（四）造型要素2、线线具有位置，长度，宽度，也有方向，形状的属性。性格；直线简明醒目，曲线幽雅，抛物线具有速度感。象征性：水平线平和安宁，垂直线庄重稳定，斜线活泼有动感。,图例,直线与曲线相结合的结果，静中有动，动静结合。,图例,抛物线的采用，作品产生运动的速度感，配合运动T恤的设计主题。,图例,曲线的运用，使作品增添许多柔和感。,图例,运动感是我们在设计中常追求的视觉感，斜线构成，产生高速运行的动势。,（四）造型要素3、面面具有明显长度和宽度，由于占的面积最多，视觉上比点，线更强烈，一般可分几何形和自由形两类。,图例,几何形的有规律的变化，通过错位设计的方式，使画面稳重而有变化，并具有立体感。,图例,随意的形状构成高速运动的画面，能造成现代高科技的感觉，从而使画面具有一定的时代感。,图例,画面选择了产品的图片，产品名称等几样必须的元素，其余的适当省略了。使版面的信息得到精确的提炼,（四）造型要素4、版式中的空间构成版式设计中应该能体现视觉的空间感，而不应仅仅是二维效果的体现，只有这样才能保持作品的生命力a通过比例展示空间,图例,画面红色部分占的面积较大，白色部分较小，所以视觉上，红色给人在后面的感觉，而白色则有往前的效果，图面非常有层次感。,（四）造型要素4、版式中的空间构成版式设计中应该能体现视觉的空间感，而不应仅仅是二维效果的体现，只有这样才能保持作品的生命力b通过黑，白，灰的关系展示空间,图例,黑色给人往后退的效果，往往被用作背景。白色给人往前的感觉，往往被用在要突出的元素上。灰色则象中间层，处于黑白对比之间。,（四）造型要素4、版式中的空间构成版式设计中应该能体现视觉的空间感，而不应仅仅是二维效果的体现，只有这样才能保持作品的生命力c通过位置关系展示空间,图例,琢木鸟夸张的形态和在画面正中占的位置使到它呼之欲出，和后面的背景拉开了距离，从而形成空间距离感。,（四）造型要素4、版式中的空间构成版式设计中应该能体现视觉的空间感，而不应仅仅是二维效果的体现，只有这样才能保持作品的生命力。d疏的编排近，密的编排远。,图例,疏的编排给人在前的感觉，密的编排给人在后面的感觉。,（四）造型要素5、最佳的视线与视觉流程重要的信息放在引人注目的位置上，版面的上侧注意力强于下侧，左侧强于右侧，左上部和中上部被称为“最佳视线。当人们在阅读时，视线由左上角沿一条自然的弧线，向右下方流动，,越向下，注意力越下降，这跟弧线上的点比起线外的点更具有明显的运动特点，这一无形的流动线我们称之为为视觉流程。一个成功的视觉流程应该是符合一般视觉原理和读者普遍的认识心理的，这样的视觉流程才具有逻辑性强，主次分明的特点。,图例,这张作品把主要的元素安排在版面的上方，在视觉流程上组织的很好，令人们的视线顺其组织方向流动。,阶段性互动练习,1、以文字作为版式主要构成元素进行版式设计练习。要求：版式中要能体现一定的感情因素（如：喜悦、悲伤、积极、活泼等又或具有部分自然形态的因素（如：水、火、雷、电等）。2、以黑白对比的方式进行版式设计练习。要求同上。,3、利用数字的趣味组合，设计12月月历一张要求,月历所应具