广告设计构图与版式设计PPT格式课件下载.ppt

1、就是在版面上，将有限的视觉元素进行有机的排列组合,将理性思维，个性化地表现出来。是按照一定的视觉表达内容的需要和审美的规律，结合各种平面设计的具体特点运用各种视觉要素，将各种文字，图形及其他视觉形象元素加以组合编排，进行表现的一种视觉传达的设计方法。它是一种具有个人风格和艺术特色的视觉传送方式。传达信息的同时，也产生感官上的美感。版式设计是什么？文字文字 图形图形色彩色彩版式设计三大视觉要素版式设计三大视觉要素从哪些方面去思考，如何让版式从哪些方面去思考，如何让版式 达到目的？达到目的？版式设计样式版面视觉度图版率文字跳跃率照片跳跃率网格拘束率空白率文字排列类型字体印象明确主题分开主副题群化整

2、理流向避免暧昧抑制四角利用版心线造型技巧 版式设计的应用范围涉及到报纸、刊物、书籍（画册）、产品样本、挂历、招贴、唱片封套和网页页面等平面设计的各个领域。LIjiao Design Worksfeb.2011版式设版式设计的应用范围计的应用范围sculptureVi系统及应用网页设计版式设计版式设计的功能主要体现在通过版面元素的编排达到信息传达的目的，通过编排的方法产生一定的美感，使读者阅读的过程充满轻松、美好的感觉,一个好的版式设计能更快、更准地传递信息，帮助信息交流。版式设计可以采用各种不同的版面编排形式体现其功能性，它可以调整版面的协调性，使杂乱的文字与图形具有条理性秩序性等规律，体现出

3、版面统一，协调的视觉效果，使信息在阅读时具有明确的节奏感并使版面具有阅读美感，同时达到了信息传达的目的。版式设计的功能版式设计的功能感受分开主副体（一）：感受分开主副体（一）：结论（一）：分开主副体产生动感左图两张照片放的靠近，画面右面有冲击力，但是却不平衡了。右图把两张照片分开，视线从左到右流动，形成的动感。感受分开主副体（二）：结论（二）：分开主副体产生动感。左图的图片放的很近，虽然工整，但是缺乏动感。右图把图片分开放置，产生了动感。什么是网格拘束率？网格拘束率指，文字、图片受网格约束的程度。什么是网格？网格是一种重要的编排辅助手段。我们依靠网格对版面的框架结构进行大致的规划。高网格拘束率

4、低网格拘束率感受网格拘束率（一）：感受网格拘束率（一）：严格拘束于网格的版面给人稳重的印象。脱离网格则有自由的感觉，产生轻松有趣的版面。感受网格拘束率（二）：要体现庄重、高格调，最宜使用高网格拘束率的版面设计。结论（三）：选择正确的网格拘束率，传递正确的信息：类型类型拘束率拘束率效果效果感受感受严肃文学严肃文学（企业报表、财经杂志、（企业报表、财经杂志、教材等）教材等）高高给人以条理清晰、可靠、给人以条理清晰、可靠、严谨、高品质的感觉。严谨、高品质的感觉。严肃严肃活泼活泼趣味图书趣味图书（时尚杂志、儿童读物等）（时尚杂志、儿童读物等）低低增加阅读兴趣增加阅读兴趣三三.广告版式编排的目的及意义广

5、告版式编排的目的及意义 设计时应注意载体的形式和类别，特别要注意应用环境对版式设计的影响。如在复杂环境中，版式应尽量简洁；在开阔地带，可相对丰富，以形成对比而引人注目。1.1.有效提高版面的注意值有效提高版面的注意值放大某些图片，形成主次，版面显得更加有条理，有生气。大框架中宜用局部特写的照片：用大小两张照片做人物设计，原则上大的框架中宜采用特写照。小的框架中采用全身照。照片面积的大小与照片中物体的繁简程度进行对比，可以增强了动感。结论：用大小两张照片做人物设计，原则上大的框架中采用特写照。不同视觉效果的画面，却有着同样轻松的氛围。（图型创意、主题内容、文字有机结合）不同视觉效果的画面，却有着

6、同样轻松的氛围。（图型创意、主题内容、文字有机结合）2.2.有利于信息的有效传递有利于信息的有效传递优秀的版式设计能使视觉传达更具条理性与趣味性。3.3.强化传达效果的持续留存强化传达效果的持续留存完美有趣的视觉传达作品，能深度刺激大脑皮层，保持信息的持续留存。四四.广告版式编排的原则广告版式编排的原则思想性与单一性思想性与单一性艺术性与审美性艺术性与审美性趣味性与独创性趣味性与独创性整体性与协调性整体性与协调性sculpture1 1 思想性与单一性思想性与单一性 版面设计本身不是目的，是为了更好的传播客户信息的手段。初学者常自我陶醉于个人风格以及与主题不相符的字体和图形中，这往往是造成设计

7、平庸失败的主要原因。一个成功的版面设计，首先必须明确客户的目的，并深入了解，观察，研究与设计相关的方方面面。版面离不开内容，更要体现内容的主题思想，用以增强读者的注意力和理解力。只有紧紧围绕客户的要求，使主题单一纯粹，做到主题鲜明，内容清晰，才能达到版面设计的最终目标。sculpture2 2 艺术性与审美情趣艺术性与审美情趣 主题鲜明的版面布局和表现形式等成为版面设计的艺术核心。怎么才能达到有创意，形式美，变化又统一，具有什么情趣，这就取决于设计者自身的文化内涵和不断的学习过程。高炉家酒高炉家酒sculpture3 趣味性与独创性趣味性与独创性 版式设计中的趣味性，主要是指形式上的情趣。如果

8、版面本无多少精彩的内容，就要在创作中运用艺术手段，使版面增加趣味性，从而更吸引人更打动人。趣味性可采用寓意，幽默，和抒情等表现手法来实现。独创性实质是突出个性化特征的原则。鲜明的个性是版面设计的创意灵魂。为吸引和讨好年轻一族，麦当劳以为吸引和讨好年轻一族，麦当劳以“IM IM lovinlovin it”it”为诉求口号，非常符合年轻为诉求口号，非常符合年轻人心理，并为其不同表现埋下伏笔人心理，并为其不同表现埋下伏笔福田繁雄（1932年-）是日本当代视觉设计大师，他的设计理念及其设计作品所取得的成就，对当代平面设计界都产生了深远的影响。sculpture4 4 整体性与协调性整体性与协调性 通

9、过版面图文间的整体组合与协调编排，使得版面具有秩序美，调理清晰，从而获得良好的传播效果。群化？简单的说，群化就是让别人一眼就能看出物体间的关系来。左图看不出四张图片以何种方式组合在一起的。右图很容易就能说出四张图片的关系。感受群化：群化能够使画面工整，各组图片和文字都有各自区域，这样可以使版面条理清晰。五五.广告版式编排的方法广告版式编排的方法1.1.分割法分割法上下分割：将整个版面分割成上下两部分，上半部分或下半部分配置图像，另一部分配置文字。左右分割：将整个版面分割成左右两部分，左半部分或右半部分配置图像，另一部分配置文字（其中要注意左右的均衡处理）。斜向分割：利用斜线分割版面，产生活泼的

10、运动感。将图片、文字、色块左右与上下分割（注意留白位置不要太小）。左右与上下分割型：2.2.视线引导法视线引导法 人们阅读广告时，视线容易注意画面上部的东西，以及画面左边的东西。重要的内容，有魅力的标题、图形应该放在左上部，以便于一开始就吸引受众的视线，诱导其由上到下，由左到右地移动。视线的移动又是可以通过适当的编排而改变其程序的。为了达到这个目的，设计师要做的两件事。第一件事，就是要在版面上设置一个“着眼点”。受众观看一幅广告时，总有一处注意力首先被吸引的地方，这就是受众的“着眼点”。第二件事，就是要从“着眼点”出发，设置一条“视觉的途径”，即“视觉流程，让受众的眼睛沿着这条途径巡视广告版面

11、的其他部位。（1 1）线行的导向线行的导向 这种线可以是抽象的线段，也可以是具象的线形物；也可以是直线，也可以是曲线；也可以上、下行，也可以左、右行。（2 2）运动的导向）运动的导向 运动中的物体形象，其运动的方向就是视线移动的方向（3 3）渐变的导向）渐变的导向 形象向一定方向作形体、浓淡或色彩的渐变，可以引导视线向一定方向移动.（4 4）符号的导向）符号的导向包括箭头或其他有导向作用的几何形体等。（5 5）画中人的导向）画中人的导向例如画中人的视线所向，或画中人的手势与体态的指向等。（6 6）文字的导向）文字的导向文字总是按一定的顺序有始有终的排列的，它本身就可以引导受众的视觉循着文字的走

12、向移动。3.3.骨格构成骨格构成 骨格有如人体的骨架树木的主干，是在构图中起支配作用的主干。合理地运用骨格线，会使我们获得良好的秩序感。我们常常有意或无意的运用骨格来进行设计。有时骨格出现在设计中，成为图形的一部分，但更多的是运用骨格作为构图的结构线，并不一定要明确地绘写出来，而只是使人感到其内在的控制力量。4.4.垂直与水平对比垂直与水平对比版面的一侧为垂直的编排，另一侧做水平方向的配置，产生T型的构成，具有很好的稳定感。5.5.中央配图中央配图在版面垂直方向的中央位置配置图像，造成分割上下或左右的编排，从而产生图文对比的关系。6.6.对角线对角线对角连接版面四隅的线，称为对角线。如果把表现

13、主题的配置在这一条线上，便可以对整个画面空间产生支配作用，且形成安全感。7.L7.L型留白型留白把大型图像配置与版面的边沿位置，图的另外两边形成L型的留白。在L型处进行图文的安排（注意留白位置不要太小）。8.8.并置重复并置重复将数幅图片，用图形反复出现的方法，配置于画面，使之产生协调感（注意图像的形状、尺寸不要变化太大，应尽量统一）。9.9.指示型指示型标题或图片指向广告内容。主要图片、文字放在图片边，此图片可吸引读者眼睛并将其带至住图像和主文字上。10.10.全景图（满版型）全景图（满版型）画面占整页位置。文字、标志等的位置不要影响画面的整体感觉。分分 类类同类合并原则同类合并原则邻近原则邻近原则确定中心内容确定中心内容六六.广告版式设计原理及案例分析广告版式设计原理及案例分析原理原理-分类重点提示重点提示重点提示重点提示 分分 区区1 1、分区、分区 2 2、黑白灰关系、黑白灰关系 3 3、面构成、面构成 4 4、空白空间、空白空间原理-分区原理-分区明。明。原理-分区标题区的明度关系可以通过字型、大小、粗细、色彩来表现。正文区可以通过字