视觉传达设计版式设计.ppt

《视觉传达设计版式设计.ppt》由会员分享，可在线阅读，更多相关《视觉传达设计版式设计.ppt（55页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、本章讲授内容本章讲授内容版式设计概述版式设计排列一一三三版式设计原则二二版式设计方法步骤四四本本节节课课学学习习内内容容版式设计概述版式设计排列一一三三版式设计原则二二1 版式设计概念2 版式设计的应用范围与功能3 版式设计的三大要素一、版式设计概述一、版式设计概述一、版式设计概述一、版式设计概述版式 format-指书刊等的版面格式版面 -书报杂志每一页的整面所谓版式设计 就是在版面上，将有限的视觉元素进行有机的排列组合；将理性思维，个性化地表现出来。它是一种具有个人风格和艺术特色的视觉传达方式。传达信息的同时，也会产生感官上的美感。1、版式设计概念、版式设计概念一、版式设计概述一、版式设计

2、概述 版式设计对于平面设计是一门相对独立的设计艺术，研究平面设计的视觉语言和艺术风格，是现代设计艺术的重要组成部分，是视觉传达的重要手段。版式设计版式设计 从表面上看，它是一种关于编排的学问；实际上，它不仅是一种技能，更是实现了技术与艺术的高度统一。版式设计可以说是现代设计者所必备的基本功之一。1、版式设计概念、版式设计概念一、版式设计概述一、版式设计概述版式设计，也称编排设计。是按照一定的视觉表达内容的需要和审美的规律，结合各种平面设计的具体特点运用各种视觉要素，将各种文字，图形及其他视觉形象元素加以组合编排，进行表现的一种视觉传达的设计方法。1、版式设计概念、版式设计概念一、版式设计概述一

3、、版式设计概述应用范围书报杂志，宣传画册，网页设计等功能版式设计的功能主要体现在通过版面元素的编排达到信息传达信息传达的目的，文字的编排能够保证阅读的流畅阅读的流畅，并且通过编排的方法产生一定的美感美感，使读者阅读的过程充满轻松、美好的感觉。一个好的版式设计能更快、更准更快、更准地传递信息，帮助信息交流交流。版式设计可以采用各种不同的版面编排形式体现其功能性体现其功能性，它可以调整版面的协调性协调性，使杂乱的文字与图形具有规律规律，体现出版面统一，协统一，协调调的视觉效果，使信息在阅读时具有明确的节奏感明确的节奏感并使版面具有阅读美阅读美感感，同时达到了信息传达的目的。2、应用范围与功能、应用

4、范围与功能一、版式设计概述一、版式设计概述2、应用范围与功能、应用范围与功能一、版式设计概述一、版式设计概述3、版式设计三大视觉要素、版式设计三大视觉要素文字 图形色彩一、版式设计概述一、版式设计概述3、版式设计三大视觉要素、版式设计三大视觉要素主题内容（标题，正文，注解等离不开文字，通过文字获得主要信息。）设计者需掌握中外字体的一般常识，不同的字体给人的心理感受不一样，美的字体能使人感到愉悦，帮助阅读和理解。文字文字一、版式设计概述一、版式设计概述3、版式设计三大视觉要素、版式设计三大视觉要素文字文字一、版式设计概述一、版式设计概述3、版式设计三大视觉要素、版式设计三大视觉要素图形或者图像图

5、形或者图像图片在版面设计中，占有很大的比重，视觉冲击力比文字强85%。这并非语言或者文字表现力减弱了，而是说图片在视觉传达上能辅助文字，帮助理解，可以使得版面立体，真实。文字版中加入图形图像立即引起视觉流程的变化。图形的形式、大小和数量影响读者注意力。一、版式设计概述一、版式设计概述3、版式设计三大视觉要素、版式设计三大视觉要素图形或者图像图形或者图像特写图像视觉冲击力强一、版式设计概述一、版式设计概述3、版式设计三大视觉要素、版式设计三大视觉要素图形或者图像图形或者图像同类广告的不同表现手法一、版式设计概述一、版式设计概述3、版式设计三大视觉要素、版式设计三大视觉要素色彩色彩在版面设计中，色

6、彩总是至少成双出现的，即使是黑色的字，在白色的底面上，也成了黑白对比的色彩效果，而不同的配色，带给我们不同的视觉心理感受，好的配色同样可以起到引导交流信息的效果。二、版式设计原则二、版式设计原则思想性与单一性艺术性与审美性趣味性与独创性整体性与协调性二、版式设计原则二、版式设计原则1、思想性与单一性、思想性与单一性版面设计本身不是目的，设计是为了更好的传播客户信息的手段。一个成功的版面设计，首先必须明确客户的目的，并深入了解，观察，研究与设计相关的方方面面。版面离不开内容，更要体现内容的主题思想，用以增强读者的注意力和理解力。只有做到主题鲜明，内容清晰，才能达到版面设计的最终目标。二、版式设计

7、原则二、版式设计原则1、思想性与单一性、思想性与单一性二、版式设计原则二、版式设计原则2、艺术性与审美情趣、艺术性与审美情趣主题鲜明的版面布局和表现形式等成为版面设计的艺术核心。怎么才能达到有创意，形式美，变化又统一，具有什么情趣，这就取决于设计者自身的文化内涵和不断的学习过程。二、版式设计原则二、版式设计原则2、艺术性与审美情趣、艺术性与审美情趣二、版式设计原则二、版式设计原则3、趣味性与独创性、趣味性与独创性版式设计中的趣味性，主要是指形式上的情趣。如果版面本无多少精彩的内容，就要在创作中运用艺术手段，使版面增加趣味性，从而更吸引人更打动人。趣味性可采用寓意，幽默，和抒情等表现手法来实现。

8、独创性实质上是突出个性化特征的原则。鲜明的个性是版面设计的创意灵魂。二、版式设计原则二、版式设计原则3、趣味性与独创性、趣味性与独创性福田繁雄（1932年-）是日本当代视觉设计大师，他的设计理念及其设计作品所取得的成就，对当代平面设计界都产生了深远的影响。二、版式设计原则二、版式设计原则3、趣味性与独创性、趣味性与独创性二、版式设计原则二、版式设计原则4、整体性与协调性、整体性与协调性二、版式设计原则二、版式设计原则4、整体性与协调性、整体性与协调性三、版式设计的编排形式三、版式设计的编排形式1、版式的排列类型、版式的排列类型2、版式设计的基本类型、版式设计的基本类型3、版式设计的网格系统、版

9、式设计的网格系统三、版式设计的编排形式三、版式设计的编排形式版面的排列主要表现为版面上各类元素的和谐搭配，在编排的过程中必须做到信息传达的逻辑关系一致、主次分明，表现合理。版面的主要元素是文字、图形、色彩等通过点、线、面的组合与排列构成的，并采用夸张、比喻、象征的手法来体现视觉效果，既美化了版面又提高了传达信息的功能。三、版式设计的编排形式三、版式设计的编排形式版面的大小比例版面的大小比例以图形为主的杂以图形为主的杂志版式设计志版式设计以文字为主的杂以文字为主的杂志版式设计志版式设计以图形为主的杂以图形为主的杂志版式设计志版式设计1、版式的排列类型、版式的排列类型三、版式设计的编排形式三、版式

10、设计的编排形式1、版式的排列类型、版式的排列类型对称对称对称画面的特点是使画面统一、庄严，给人高品质、可信赖的感觉。均衡是在视觉上给人左右平衡的感觉，但是不对称。对称与均衡的结合可以使整个版面变的更趣味性，具有生动、活泼、明确的视觉效果。两栏对称示意图两栏对称示意图三栏对称示意图三栏对称示意图三栏对称版面三栏对称版面三、版式设计的编排形式三、版式设计的编排形式1、版式的排列类型、版式的排列类型 “破”是指打破拘束、打破平衡、增添动感的手法。破型的版式表现应注意把持这个尺度，不能太过，必须考虑到受众是否能够辨别出并从中获得信息，这才是版式设计的主要目的所在。破型破型三、版式设计的编排形式三、版式

11、设计的编排形式2、版式设计的基本类型、版式设计的基本类型满版型版式设计满版型版式设计 满版型主要以图片传达信息，以图片充满整个版面。在视觉传达上直观，表现强烈。根据版面的需要，文字的位置编排在版面的上下、左右、中心点上，层次清晰传达信息准确明了。满版型给人大方、直白的感觉，常用于平面广告中。三、版式设计的编排形式三、版式设计的编排形式2、版式设计的基本类型、版式设计的基本类型分割型版式设计分割型版式设计 分割也是版式设计中重要表现手法，分割可以调整画面的灵活性，对画面进行一些取舍再拼贴，形成另一种风格的版式。下面介绍三种常用的分割方法。第一种是等形分割。分割形状完全一样，分割后再把分隔界线加以

12、调整取舍，达到的一种有良好的效果。等型分割等型分割三、版式设计的编排形式三、版式设计的编排形式2、版式设计的基本类型、版式设计的基本类型倾斜型版式设计倾斜型版式设计倾斜型版式设计主要表现为：版面主体形象或多幅图版做倾斜编排，造成版面强烈的动感和不稳定因素，引人注目。三、版式设计的编排形式三、版式设计的编排形式2、版式设计的基本类型、版式设计的基本类型三角型版式设计三角型版式设计倒三角形版式倒三角形版式 第二种是倒三角形版式。倒三角形则给人以动感和不稳定感。三、版式设计的编排形式三、版式设计的编排形式2、版式设计的基本类型、版式设计的基本类型曲线型版式设计曲线型版式设计曲线型版式曲线型版式 曲线

13、型版式设计就是在一个版面中图片或文字在排列结构上作曲线的编排构成，所产生的节奏和韵律。曲线版式设计具有一定的趣味性，让人的视线随着画面上元素的自由走向而产生变化。三、版式设计的编排形式三、版式设计的编排形式2、版式设计的基本类型、版式设计的基本类型自由型版式设计自由型版式设计 自由型版式设计在版面结构中采用无规律、随意地编排构成，使画面产生活泼、轻快的感觉。自由型版式设计没有网格的约束，在排版上体现个性风格化设计。在编排的过程中要注意把握画面的协调性。自由型版式自由型版式三、版式设计的编排形式三、版式设计的编排形式2、版式设计的基本类型、版式设计的基本类型自由型版式设计自由型版式设计 这是一张

14、餐饮杂志的版面，从版面编排类型来看，杂志版面运用的是满版型的编排形式突出版面主题，使版面具有活跃性，给人强烈的视觉效果。该版面图片编排在版面的上部具有强烈的视觉效果，文字编排在图片的下部具有信息说明的作用。该版面的视觉重心设置在上部，给人以轻松、愉快之感。三、版式设计的编排形式三、版式设计的编排形式2、版式设计的基本类型、版式设计的基本类型自由型版式设计自由型版式设计三、版式设计的编排形式三、版式设计的编排形式网格在版式设计中的重要性网格在版式设计中的重要性网格构成是现代版式设计最重要的基础构成之一。作为一种行之有效的版面设计形式法则，将版面中的构成元素点、线、面协调一致地编排在版面上。网格在

15、版式设计中有着约束版面的作用，其设计特点主要强调了比例感、秩序感、整体感与严肃感，使整个版面具有简洁、朴实的版面艺术表现风格，在版式设计中成为主要的构成元素。3、版式设计的网格系统、版式设计的网格系统三、版式设计的编排形式三、版式设计的编排形式3、版式设计的网格系统、版式设计的网格系统（一）对称式网格（一）对称式网格对称式网格的目的主要是组织信息，平衡左右版面的作用。杂志版式杂志版式对称网格对称网格网格的类型网格的类型三、版式设计的编排形式三、版式设计的编排形式3、版式设计的网格系统、版式设计的网格系统对称式栏状网格分为单栏网格、双栏网格、三栏、四栏、甚至多栏网格等。单栏网格单栏网格双栏对称网

16、格双栏对称网格对称式栏状网格疲惫。单栏用于文字性书籍，如小说、文学著者等。因此在单栏式网格中文字的长度一般不要超过60字。2）版面平衡，使阅读更流畅。版面缺乏变化，文字的编排比较密集，画面显得有些单调。网格的类型网格的类型（一）对称式网格（一）对称式网格三、版式设计的编排形式三、版式设计的编排形式3、版式设计的网格系统、版式设计的网格系统三栏对称网格三栏对称网格五栏对称网格五栏对称网格避免视觉疲劳感。三栏网格的运用使版面具有活跃性，打破了单栏的严肃感。4）有关表格形式的文字，比如说联系方式、术语表、数据目录等信息。这种版式的单栏太窄式不适合编排正文的。对称式栏状网格网格的类型网格的类型（一）对

17、称式网格（一）对称式网格三、版式设计的编排形式三、版式设计的编排形式3、版式设计的网格系统、版式设计的网格系统单元格对称网格单元格对称网格对称式单元网格 对称式单元网格在版面编排中，将版面分成同等大小的网格，再根据版式的需要编排文字与图片。这样的版式具有很大的灵活性，可以随意编排文字和图片。在编排过程中，单元格之间的间隔距离可以自由放大或者缩小，但是每个单元格四周的空间距离必须相等。网格的类型网格的类型（一）对称式网格（一）对称式网格三、版式设计的编排形式三、版式设计的编排形式3、版式设计的网格系统、版式设计的网格系统非对称栏状网格非对称栏状网格(二二)非对称式网格非对称式网格 非对称网格是指

18、左右版面采用同一种编排方式，但是在编排的过程中并不像对称网格那样绝对。非对称网格形式在编排的过程中，根据版面需要调整版面的网格栏的大小比例。使整个版面更灵活，更具有生气。网格的类型网格的类型三、版式设计的编排形式三、版式设计的编排形式3、版式设计的网格系统、版式设计的网格系统非对称网格主要分为非对称栏状网格与非对称单元网格两种。非对称栏状网格非对称栏状网格非对称单元格网格非对称单元格网格(二二)非对称式网格非对称式网格网格的类型网格的类型三、版式设计的编排形式三、版式设计的编排形式3、版式设计的网格系统、版式设计的网格系统基线网格基线网格(三三)基线网格基线网格 基线网格通常是不可见的，但它却

19、是平面设计师的基础。基线网格提供了一种视觉参考，它可以帮助版面元素的准确编排与对齐页面，是凭感觉无法达到的版面效果。网格的类型网格的类型三、版式设计的编排形式三、版式设计的编排形式3、版式设计的网格系统、版式设计的网格系统对称网格对称网格栏状网格与单元格栏状网格与单元格 一套好的网格结构可以帮助设计师明确设计风格，排除设计中随意编排的可能，使版面统一规整。设计师可以利用两者的不同风格来编排出灵活性较大，协调统一的版面构成设计。网格的建立网格的建立三、版式设计的编排形式三、版式设计的编排形式3、版式设计的网格系统、版式设计的网格系统（1）多语言网格编排（2）说明式网格编排网格的编排形式网格的编排

20、形式三、版式设计的编排形式三、版式设计的编排形式3、版式设计的网格系统、版式设计的网格系统网格与无网格对比版面网格与无网格对比版面网格与无网格对比版面网格与无网格对比版面无网格版面无网格版面(3)(3)打破网格打破网格 打破网格的约束使版面设计更具有自由性，但是很难把握版面的平衡，就算是很优秀的设计师也很难准确的把握画面的平衡感。网格的编排形式网格的编排形式三、版式设计的编排形式三、版式设计的编排形式3、版式设计的网格系统、版式设计的网格系统 时尚女性品牌宣传画册版面设计，在编排这样的版面时，注意版面的文字与图形的编排结构，使版面具有个性新颖的视觉版面效果，符合品牌形象宣传。三、版式设计的编排

21、形式三、版式设计的编排形式3、版式设计的网格系统、版式设计的网格系统 版面采用网格结构中的两栏对称编排的网格结构，使整个版面左右具有强烈的稳定性。运用图片的对比编排使版面具有活跃感。文字的大小对比关系打破了对称网格的沉闷，具有版面的活跃感。三、版式设计的编排形式三、版式设计的编排形式3、版式设计的网格系统、版式设计的网格系统 该设计是是一张网页版面设计。该网页采用对称式单元格网格的编排形式，该网页设计中每个单元格的距离为零，图片集中编排在版面中心，使整个版面结构更紧凑，更具有规律性。版面的四周空出很大面积的空间，强调了版面的视觉中心，同时也加强了版面的空间节奏感，整个版面给人规律、整洁的视觉效

22、果。三、版式设计的编排形式三、版式设计的编排形式3、版式设计的网格系统、版式设计的网格系统 该设计是一张杂志版面设计。文字与图片的编排采用了对称栏状网格的编排形式，使整个版面文字编排更有秩序，版面更严谨。对称栏状网格形式使该版面在视觉上达到了平衡。但是从视觉角度来看，版面虽然达到了平衡，文字变化不大，缺乏活力，编排较密集，使整个版面显得有些单调，让人阅读时容易造成视觉疲劳。作业作业内容：内容：设计画册或杂志版面页主题：主题：以下内容选择一种攀枝花景点宣传设计攀枝花特色美食宣传设计攀枝花特色水果宣传设计攀枝花阳光康养宣传设计设计方法：设计方法：借助网格进行版面设计步骤：步骤：搜集相关资料信息，如：图片、文字建立网格版面草图方案进行电脑绘制编排设计要求：要求：主题明确，层次分明；利于观者获取信息；具有强烈的美感；A版面彩稿。