《版式设计》课件 1-2章

《《版式设计》课件 1-2章》由会员分享，可在线阅读，更多相关《《版式设计》课件 1-2章（59页珍藏版）》请在金锄头文库上搜索。

1、,艺术设计之 版式设计,2020/9/15,版式设计,1,版式 format - 指书刊等的版面格式 版面 - （报刊书籍等的）整页 所谓版式设计 就是在版面上，将有限的视觉元素进行有机的排列组合；将理性思维，个性化地表现出来。它是一种具有个人风格和艺术特色的视觉传送方式。传达信息的同时，也产生感官上的美感。,版式设计是什么？,2020/9/15,版式设计,2,版式设计 vs 平面设计,2020/9/15,版式设计,3,版式设计对于平面设计是一门相对独立的设计艺术，研究平面设计的视觉语言和艺术风格，是现代设计艺术的重要组成部分，是视觉传达的重要手段。,2020/9/15,版式设计,4,从表面上

2、看，它是一种关于编排的学问；实际上，它不仅是一种技能，更是实现了技术与艺术的高度统一。版式设计可以说是现代设计者所必备的基本功之一。,2020/9/15,版式设计,5,版式设计的范围涉及到报纸、刊物、书籍（画册）、产品样本、挂历、招贴画、唱片封套和网页页面等平面设计的各个领域。,2020/9/15,版式设计,6,-报纸,2020/9/15,版式设计,7,LIjiao Design Works feb.2011,2020/9/15,版式设计,8,sculpture,LIjiao Design Works feb.2011,包装设计,2020/9/15,版式设计,9,LIjiao Design W

3、orks feb.2011,包装容器设计应用,2020/9/15,版式设计,10,sculpture,书籍装帧,LIjiao Design Works feb.2011,2020/9/15,版式设计,11,LIjiao Design Works feb.2011,书籍装帧,2020/9/15,版式设计,12,sculpture,海报设计,LIjiao Design Works feb.2011,2020/9/15,版式设计,14,sculpture,Vi系统及应用,LIjiao Design Works feb.2011,2020/9/15,版式设计,15,网页设计版式设计,LIjiao De

4、sign Works feb.2011,2020/9/15,版式设计,16,sculpture,字体作为符号设计的海报,LIjiao Design Works feb.2011,2020/9/15,版式设计,17,sculpture,文字排列,LIjiao Design Works feb.2011,2020/9/15,版式设计,18,sculpture,字体设计,LIjiao Design Works feb.2011,2020/9/15,版式设计,19,产品宣传广告,LIjiao Design Works feb.2011,2020/9/15,版式设计,20,sculpture,工业产品设

5、计版式设计,LIjiao Design Works feb.2011,2020/9/15,版式设计,21,学习版式设计的目的,将平面的主要元素文字、图像、图形及色彩，在限定的平面空间内选择符合内容的形式将其组合，以传达准确的信息。,LIjiao Design Works feb.2011,2020/9/15,版式设计,22,学习方法,本课程核心内容是视觉思维方式引导下的形式语言研究与训练。 视觉思维的训练-讲授视觉思维的基本理论，分析编排设计的视觉要素，培养以视觉方式研究、解决问题的习惯和能力。 形式语言的训练-了解编排设计表现的形式语言，掌握运用构成要素进行分析、描述、重构的方法。 表现手法

6、的训练-了解视觉语言形式表现的多种手法，自如的运用多种体裁、材料、媒介、技法、效果。,教学内容的选择体现在编排设计的内在形式语言建构，在内在规律与系统方法叙述中，实现理性分析与感性实践的融合，以此为出发点，强化课程功能，优化课题。,LIjiao Design Works feb.2011,2020/9/15,版式设计,23,目标和任务,版式设计是设计专业重要的基础课之一。通过该课程的学习，使学生掌握设计的视觉要素、构成要素，编排设计表现内容与形式的关系，设计要素及其构成的规律与方法，以及各种应用性设计的形式特点，使学生能够进行有感染力的版式设计，从而使作品的内容更清晰、更有条理地传达给读者。,

7、LIjiao Design Works feb.2011,2020/9/15,版式设计,24,雕塑技法,参考书目,books,LIjiao Design Works feb.2011,2020/9/15,版式设计,25,LIjiao Design Works feb.2011,作者： （日）佐佐木刚土 著，武湛 译 出 版 社： 中国青年出版社,作者： （美）萨马拉著，齐际，何清新译 出 版 社： 广西美术出版社,版式设计(艺术设计方法与实践-平面设计系列),徐舰，杨春晓编著/2008年10月/重庆大学出版社,版式设计,杨敏 编著/2006年08月/西南师范大学出版社,国际最新商业版式设计,高

8、色调图书有限公司编著/2007年12月/湖南美术出版社,2020/9/15,版式设计,26,雕塑技法,LIjiao Design Works feb.2011,第一章 版式设计原理,design,2020/9/15,版式设计,27,1.1 版式设计概念及意义 1.2 版式设计的基本原理 1.3 版式设计的视觉流程 1.4 版式设计基本程序,LIjiao Design Works feb.2011,2020/9/15,版式设计,28,1.1 认识版式设计，也称编排设计。 是将有限的视觉元素在版面上进行有机的排列组合，将理性的思维个性化地表现出来。是一种具有个人风格和艺术特色的视觉传达方式，在传达

9、信息的同时，也产生了感官上的美感。,LIjiao Design Works feb.2011,2020/9/15,版式设计,29,1.2 意义 版式设计的功能主要体现在通过版面元素的编排达到信息传达的目的，文字的编排能够保证阅读的流畅，并且通过编排的方法产生一定的美感，使读者阅读的过程充满轻松、美好的感觉。 一个好的版式设计能更快、更准地传递信息，帮助信息交流。 版式设计可以采用各种不同的版面编排形式体现其功能性，如图21图25，这些就是版式设计的功能性表现它可以调整版面的协调性，使杂乱的文字与图形具有规律，体现出版面统一，协调的视觉效果，使信息在阅读时具有明确的节奏感并使版面具有阅读美感，同

10、时达到了信息传达的目的。,2020/9/15,版式设计,30,图21-24 将图片与文字合理地进行编排设计，使版面层次清晰、主题突出达到信息传达的目的。 图25 是一个杂志的版面，从整个版面结构来看版面文字与图形编排整齐，具有一定的规律性，使读者在阅读的时候具有明确的阅读节奏与视觉流程。 图片与文字的合理编排，减少了阅读时的视觉疲劳感。整个版面整洁，具有稳定性给人平稳、理性的视觉感受。,2020/9/15,版式设计,31,2 版式设计的基本原理 根据内容进行版面的编排 根据版面调整版面率（留白率） 根据版式设计调整设计元素的设置顺序（色彩、图像、图形和文字） 首先注意到并留下印象的元素具备以下

11、特征：在整个版面中所占面积最大，或者色彩最为鲜明，或者造型独特。,2020/9/15,版式设计,32,3 版式设计的视觉流程 单向视觉流程（斜线式、竖线式、横线式） 重心视觉流程（重心在左、重心在中央偏右） 反复视觉流程 导向性视觉流程（通过点和线引导：放射性视觉流程和十字星视觉流程） 散点视觉流程（发射型视觉流程和打散型视觉流程） 在版式设计中，对视觉进行反复的引导，可以增强信息传播的强度，使版面形式显得有条理，产生秩序美、整齐美和韵律美。,2020/9/15,版式设计,33,4 版式设计的基本程序 明确设计项目（主题-合适元素-表现方式和色彩搭配） 明确传播信息内容（准确、清晰传达信息）

12、定位读者群体（年轻读者适合时尚、活泼、个性化的版式；儿童则适合活泼趣味的版式；老年人适合规整常见和较大字号的版式） 明确设计宗旨（表达意思和宣传目的明确） 明确设计要求 计划安排（收集背景资料-了解背景信息-熟悉背景特征-确定设计方案-安排设计内容） 设计流程（了解主题，熟悉背景，明确设计宗旨-进行信息分析-确认设计方案与表现风格-手绘草图-完成制作稿）,2020/9/15,版式设计,34,雕塑技法,LIjiao Design Works feb.2011,第二章 版式设计的构图元素,design,2020/9/15,版式设计,35,1、点的编排构成,版面中的点由于大小、形态、位置不同，所产生

13、的视觉效果也不同， 心理的作用也不同。,为了追求新颖的版式，更特意追求将视点导向左、右、上、下 边置的变化已成为今天常见的版式表现形式。,把握好“点”的排列形式、方向、大小、数量、分布，可以形成稳重、活泼、动感、轻松等不同的版面效果。 最常见的“点”分布形式有上下式、左右式、左上式、右上式、左下式、边缘发散式、中心发散式和自由式。,2020/9/15,版式设计,38,2、线的编排构成,点的移动的轨迹为线。线的形态很复杂，有形态明确的实线、虚线， 也有空间的视觉流动线。,A线的分割,在进行版面分割时，既要考虑各种形态元素彼此间支配的 形式，又要注意空间所具有的内在联系。,B线的“力场”,“力场”

14、是一种虚空间，是对一定范围的空间的知觉或感应， 所以也称为“心理空间”。,线的“力场”增强了版面各空间相互依存的关系而使之成为一个 整体，并使版面获得清晰、明快、条理、富于弹性的空间关系。,现具有引导视线的作用,C线框的约束与强调,线框的限定，即使主体产生空间“场”的作用，同时也具有相对约束的 功能。在强调情感或强调动感的出血版中，如以线框配置，动感与情感则 获得相应的稳定和规范。,线的情感 （线的曲直、粗细、长短、疏密等特征不同，带给人的视觉感受不同） 线的节奏 （线的大小、方向、疏密呈现韵律感） 线的空间（线的起伏所产生的视觉空间上的深度和广度就是线的空间）,2020/9/15,版式设计,

15、48,2020/9/15,版式设计,51,3、面的编排构成,面在版面中的概念可理解为点的放大， 点的密集或线的重复。另外，线的分割产生 各种比例的空间。,由文字组成面，与图片形成对比,面的分割构成 （直线或曲线对面进行分割） 面的情感构成 （面用来塑造多重情感，展现出不同性格和内涵，带给人稳重、强势、开阔、立体、饱满等各种视觉感受）,2020/9/15,版式设计,54,更改版面比例营造版面空间感（处理远、中、近的空间层次） 更改版面位置关系营造版面空间感 通过调整版面黑白灰层次营造版面空间感 一个成功的版式设计作品，应该具有明确的色调。如对比强烈的高调、对比柔和的低调或层次细腻的灰调。如果色调处理得不到位，就会出现混乱模糊的效果。,4、版面空间构成,2020/9/15,版式设计,58,