版式设计12章学习.pptx

《版式设计12章学习.pptx》由会员分享，可在线阅读，更多相关《版式设计12章学习.pptx（59页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

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

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

3、jiaoDesignWorksfeb.2011包装容器设计应用2023/3/26版式设计9第9页/共59页sculpture书籍装帧LIjiaoDesignWorksfeb.20112023/3/26版式设计10第10页/共59页LIjiaoDesignWorksfeb.2011书籍装帧2023/3/26版式设计11第11页/共59页sculpture海报设计LIjiaoDesignWorksfeb.2011第12页/共59页2023/3/26版式设计13第13页/共59页sculptureVi系统及应用LIjiaoDesignWorksfeb.20112023/3/26版式设计14第14页/

4、共59页网页设计版式设计LIjiaoDesignWorksfeb.20112023/3/26版式设计15第15页/共59页sculpture字体作为符号设计的海报LIjiaoDesignWorksfeb.20112023/3/26版式设计16第16页/共59页sculpture文字排列LIjiaoDesignWorksfeb.20112023/3/26版式设计17第17页/共59页sculpture字体设计LIjiaoDesignWorksfeb.20112023/3/26版式设计18第18页/共59页产品宣传广告LIjiaoDesignWorksfeb.20112023/3/26版式设计19

5、第19页/共59页sculpture工业产品设计版式设计LIjiaoDesignWorksfeb.20112023/3/26版式设计20第20页/共59页学习版式设计的目的学习版式设计的目的将平面的主要元素文字、图像、图形及色彩，在限定的平面空间内选择符合内容的形式将其组合，以传达准确的信息。LIjiaoDesignWorksfeb.20112023/3/26版式设计21第21页/共59页学习方法学习方法本课程核心内容是视觉思维方式引导下的形式语言研究与训练。视觉思维的训练-讲授视觉思维的基本理论，分析编排设计的视觉要素，培养以视觉方式研究、解决问题的习惯和能力。形式语言的训练-了解编排设计表

6、现的形式语言，掌握运用构成要素进行分析、描述、重构的方法。表现手法的训练-了解视觉语言形式表现的多种手法，自如的运用多种体裁、材料、媒介、技法、效果。教学内容的选择体现在编排设计的内在形式语言建构，在内在规律与系统方法叙述中，实现理性分析与感性实践的融合，以此为出发点，强化课程功能，优化课题。LIjiaoDesignWorksfeb.20112023/3/26版式设计22第22页/共59页目标和任务目标和任务 版式设计是设计专业重要的基础课之一。通过该课程的学习，使学生掌握设计的视觉要素、构成要素，编排设计表现内容与形式的关系，设计要素及其构成的规律与方法，以及各种应用性设计的形式特点，使学生

7、能够进行有感染力的版式设计，从而使作品的内容更清晰、更有条理地传达给读者。LIjiaoDesignWorksfeb.20112023/3/26版式设计23第23页/共59页雕塑技法参考书目参考书目booksLIjiaoDesignWorksfeb.20112023/3/26版式设计24第24页/共59页LIjiaoDesignWorksfeb.2011作者：（日）佐佐木刚土著，武湛译出版社：中国青年出版社作者：（美）萨马拉著，齐际，何清新译出版社：广西美术出版社版式设计(艺术设计方法与实践-平面设计系列)徐舰，杨春晓编著/2008年10月/重庆大学出版社版式设计杨敏编著/2006年08月/西南

8、师范大学出版社国际最新商业版式设计高色调图书有限公司编著/2007年12月/湖南美术出版社2023/3/26版式设计25第25页/共59页雕塑技法LIjiaoDesignWorksfeb.2011第一章第一章 版式设计原理版式设计原理design2023/3/26版式设计26第26页/共59页1.1 版式设计概念及意义1.2 版式设计的基本原理1.3 版式设计的视觉流程1.4 版式设计基本程序LIjiaoDesignWorksfeb.20112023/3/26版式设计27第27页/共59页1.1认识版式设计，也称编排设计。是将有限的视觉元素在版面上进行有机的排列组合，将理性的思维个性化地表现出

9、来。是一种具有个人风格和艺术特色的视觉传达方式，在传达信息的同时，也产生了感官上的美感。LIjiaoDesignWorksfeb.20112023/3/26版式设计28第28页/共59页1.2 1.2 意义意义版式设计的功能主要体现在通过版面元素的编排达到信息传达的目的，文字的编排能够保证阅读的流畅，并且通过编排的方法产生一定的美感，使读者阅读的过程充满轻松、美好的感觉。一个好的版式设计能更快、更准地传递信息，帮助信息交流。版式设计可以采用各种不同的版面编排形式体现其功能性，如图21图25，这些就是版式设计的功能性表现它可以调整版面的协调性，使杂乱的文字与图形具有规律，体现出版面统一，协调的视

10、觉效果，使信息在阅读时具有明确的节奏感并使版面具有阅读美感，同时达到了信息传达的目的。2023/3/26版式设计29第29页/共59页图21-24 将图片与文字合理地进行编排设计，使版面层次清晰、主题突出达到信息传达的目的。图25 是一个杂志的版面，从整个版面结构来看版面文字与图形编排整齐，具有一定的规律性，使读者在阅读的时候具有明确的阅读节奏与视觉流程。图片与文字的合理编排，减少了阅读时的视觉疲劳感。整个版面整洁，具有稳定性给人平稳、理性的视觉感受。2023/3/26版式设计30第30页/共59页2 2 版式设计的基本原理版式设计的基本原理根据内容进行版面的编排根据版面调整版面率（留白率）根

11、据版式设计调整设计元素的设置顺序（色彩、图像、图形和文字）首先注意到并留下印象的元素具备以下特征：在整个版面中所占面积最大，或者色彩最为鲜明，或者造型独特。2023/3/26版式设计31第31页/共59页3 3 版式设计的视觉流程版式设计的视觉流程单向视觉流程（斜线式、竖线式、横线式）重心视觉流程（重心在左、重心在中央偏右）反复视觉流程导向性视觉流程（通过点和线引导：放射性视觉流程和十字星视觉流程）散点视觉流程（发射型视觉流程和打散型视觉流程）在版式设计中，对视觉进行反复的引导，可以增强信息传播的强度，使版面形式显得有条理，产生秩序美、整齐美和韵律美。2023/3/26版式设计32第32页/共

12、59页4 4 版式设计的基本程序版式设计的基本程序明确设计项目（主题-合适元素-表现方式和色彩搭配）明确传播信息内容（准确、清晰传达信息）定位读者群体（年轻读者适合时尚、活泼、个性化的版式；儿童则适合活泼趣味的版式；老年人适合规整常见和较大字号的版式）明确设计宗旨（表达意思和宣传目的明确）明确设计要求计划安排（收集背景资料-了解背景信息-熟悉背景特征-确定设计方案-安排设计内容）设计流程（了解主题，熟悉背景，明确设计宗旨-进行信息分析-确认设计方案与表现风格-手绘草图-完成制作稿）2023/3/26版式设计33第33页/共59页雕塑技法LIjiaoDesignWorksfeb.2011第二章第

13、二章 版式设计的构图元素版式设计的构图元素design2023/3/26版式设计34第34页/共59页1 1、点的编排构成、点的编排构成、点的编排构成、点的编排构成版面中的点由于大小、形态、位置不同，所产生的视觉效果也不同，版面中的点由于大小、形态、位置不同，所产生的视觉效果也不同，心理的作用也不同。心理的作用也不同。第35页/共59页为了追求新颖的版式，更特意追求将视点导向左、右、上、下为了追求新颖的版式，更特意追求将视点导向左、右、上、下边置的变化已成为今天常见的版式表现形式。边置的变化已成为今天常见的版式表现形式。第36页/共59页把握好“点”的排列形式、方向、大小、数量、分布，可以形成

14、稳重、活泼、动感、轻松等不同的版面效果。最常见的“点”分布形式有上下式、左右式、左上式、右上式、左下式、边缘发散式、中心发散式和自由式。2023/3/26版式设计37第37页/共59页2 2、线的编排构成、线的编排构成、线的编排构成、线的编排构成点的移动的轨迹为线。线的形态很复杂，有形态明确的实线、虚线，点的移动的轨迹为线。线的形态很复杂，有形态明确的实线、虚线，也有空间的视觉流动线。也有空间的视觉流动线。第38页/共59页A线的分割线的分割在进行版面分割时，既要考虑各种形态元素彼此间支配的在进行版面分割时，既要考虑各种形态元素彼此间支配的形式，又要注意空间所具有的内在联系。形式，又要注意空间

15、所具有的内在联系。第39页/共59页第40页/共59页B线的线的“力场力场”“力场力场”是一种虚空间，是对一定范围的空间的知觉或感应，是一种虚空间，是对一定范围的空间的知觉或感应，所以也称为所以也称为“心理空间心理空间”。第41页/共59页线的线的“力场力场”增强了版面各空间相互依存的关系而使之成为一个增强了版面各空间相互依存的关系而使之成为一个整体，并使版面获得清晰、明快、条理、富于弹性的空间关系。整体，并使版面获得清晰、明快、条理、富于弹性的空间关系。第42页/共59页现具有引导视线的作用第43页/共59页C线框的约束与强调线框的约束与强调线框的限定，即使主体产生空间线框的限定，即使主体产

16、生空间“场场”的作用，同时也具有相对约束的的作用，同时也具有相对约束的功能。在强调情感或强调动感的出血版中，如以线框配置，动感与情感则功能。在强调情感或强调动感的出血版中，如以线框配置，动感与情感则获得相应的稳定和规范。获得相应的稳定和规范。第44页/共59页第45页/共59页第46页/共59页线的情感 （线的曲直、粗细、长短、疏密等特征不同，带给人的视觉感受不同）线的节奏（线的大小、方向、疏密呈现韵律感）线的空间（线的起伏所产生的视觉空间上的深度和广度就是线的空间）2023/3/26版式设计47第47页/共59页第48页/共59页第49页/共59页2023/3/26版式设计50第50页/共5

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