版式设计演示文稿.ppt

1、,第一章：版式设计原理（一）,第一章：版式设计原理（一）,第一章：版式设计原理（一）,二 十 一 世 纪 的 版 式 艺 术,第一章：版式设计原理（一）,1、版式设计概述： 版式设计是平面设计中重要的组成部分，也是一切视觉传达艺术施展的大舞台。 版式设计是伴随着现代技术和经济的飞速发展而兴起的，并体现着文化传统、审美 观念和时代精神风貌等方面，被广泛的应用于报纸广告、招贴、书刊、包装装潢、 企业形象（VI）和网页等所有平面、影像的领域。为人们营造新的思想和文化观念 提供了广阔的天地，版式设计艺术已成为人们理解时代和认同社会的重要界面。,第一章：版式设计原理（一）,2、版式设计的源流与发展 讲到

2、版式设计，应追溯到20世纪初欧洲的两位大师莫里斯和李捷斯基。 英国人莫里斯，是古典主义版式的创始人，更被后人称为“设计之父”。其设计 风格严谨、朴素大方，十分简洁、淡雅。在版式设计中采用对称式构图、美观 的字体、新颖的版式编排和精美的装饰纹样，具有经久耐看的效果。,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设

3、计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,3、版式设计的概念与功能 版式设计可以理解为：在有限的版式空间里，将版式设计要素文字字体、 图片图形、线条线框和色彩色块诸因素，根据特定内容的需要进行组合排列，并 运用造型要素及形式原理，把构想与计划以视觉形式表达出来。也就是寻求艺术 手段来正确地表现版式信息，是一种直觉性、创造性的活动。 版式设计肩负着双重使命：一是作为信息发布的重要媒介，同时它又要让读 者通过版式的阅读产生美的遐想与共鸣，让设计师的观点与涵养能进入读者的心 灵。,第一章：版式设计原理（一）,4、版式设计的发展趋势 过去，一讲到版式

4、设计。人们自然会把它局限于书籍、刊物之中。还有人认 为版式设计只是技术工作，还不属于艺术范畴，所以不重视它的艺术价值。更有 的认为版式设计只是规定一种格式即可，放上字体而不需要什么设计。长期忽略 整体考虑，仅在图片图形上下功夫。这是一个极大的误区。这种保守的、传统的 设计风格，严重阻挠着版式设计艺术的发展。,第一章：版式设计原理（一）,实际上，版式设计不再是单纯的技术编排，版式设计是技术与艺术高度统一体。 而信息传达之道靠的就是设计的艺术。随着社会的不断进步、生活节奏的加快，人 们的视觉习惯的改变，要求设计师们要更新观念，重视版式设计，吸收国外现代设 计思潮，改变我们以往的设计思路。 设计师不

5、仅要把美的感受和设计观点传授给观众，更重要的是广泛调动观众的激 情与感受。读者在接受版式信息的同时，并获得娱乐、消遣和艺术性感染，从而体现 出审美内涵。,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,版 式 设 计 的 原 则,第一章：版式设计原理（一）,1、思想性与单一性 版式设计本身并不是目的，设计是为了更好地传播客户信息的手段。 设计师以往中意自我陶醉于个人风格以及与主

6、题不相符的字体和图形中， 这往往是造成设计平庸失败的主要原因。,第一章：版式设计原理（一）,一个成功的版式设计，首先必须明确客户的目的，并深入去了解、观察、 研究与设计相关的方方面面。简要的咨询是设计的良好的开端。版式离不开 内容，更要体现内容的主题思想，用以增强读者的注目力与理解力。只有做 到主题鲜明突出、一目了然，才能达到版式设计的最终目标。主题鲜明突出， 是设计思想的最佳体现。,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式

7、设计原理（一）,案例赏析:,第一章：版式设计原理（一）,2、艺术性与装饰性 为了使版式设计更好的为内容服务，寻求合乎情理的版式视觉语言则显得 非常重要，也是达到最佳诉求的体现。 构思立意是设计的第一步，也是设计作品中所进行的思维活动。主题明确 后，版式构图布局和表现形式等则成为版式设计艺术的核心，也是一个艰辛的 创作过程。怎样才能达到意新、形美、变化而又统一，并具有审美情趣，这就 要取决于设计者文化的涵养。所以说，版式设计是对设计者的思想境界、艺术 修养、技术知识的全面检验。,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:

8、,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,3、趣味性与独创性 版式设计的趣味性，主要是指形式美的情趣。这是一种活泼性的形式美语言。 如果版式本无多少的内容，就要靠制造趣味取胜，这也是在构思中调动了艺术手 段所起的作用。版式充满趣味性，使传媒信息如虎添翼，起到了画龙点睛的传神 功力，从而更吸引人、打动人。趣味性可采用寓意、幽默和抒情的手法获得。 独创性原则实质上就是突出个性化特征的原则.,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（

9、一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,4、整体性与协调性 版式设计是传播信息的桥梁，所追求的完美形式必须符合主题的思想内容， 这是版式设计的根基。只讲表现形式而忽略内容，或只求内容而缺乏艺术表现， 版式设计都是不成功的。只有把版式设计与内容合理统一强化整体布局，才能 取得版式设计中独特的社会和艺术价值，才能解决设计应说什么，对谁说和怎 样说的问题。,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,

10、第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,练习作业: 1、找一张包含大量细节、能引起关注的图片。 浏览图片并选择你认为最适合图片内容的形状格式。 尝试将这张图片变成另外一种形状格式。 最后，剪切出图片中引人注目的部分。审视一下你看到的结果。,第一章：版式设计原理（一）,第一章：版式设计原理（一）,第一章：版式设计原理（一）,版 式 设 计 的 造 型 要 素,第一章：版式设计原理（一）,点、线、面是构成视觉空间的基本元素，也是版式设计构成上的主要语言。 版式设计实际上就是如何经营好点、线、

11、面。不管版式设计的内容与形式如何复 杂，但最终可以简化到点、线、面。,第一章：版式设计原理（一）,在平面设计家的眼里，世上万物都可归纳为点、线、面上：一个文字、一个 页码数、可以理解为一个点；一行文字、一行空白，均可理解为一条线；数行文 字与一片空白，则可理解为面。它们相互依存，相互作用，组合出各种各样的形 态，构成一个个千变万化的全新版面。,第一章：版式设计原理（一）,1、点在版式设计上的构成 点的感觉是相对的。它是由形状、方向、大小、位置等形式构成。这种聚散的排列 与组合，带给人们不同的心理感应。,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式

12、设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,2、线在版式设计上的构成 线游离于点与形之间，具有位置、长度、宽度、方向、形状和性格。直线和曲线是 决定版式形象的基本要素。每一种线都有它自己独特的个性与情感存在着。将各种不同 线运用到版式设计中去，就会获得各种不同的效果。所以说，设计者能善于运用它，就 等于拥有了一个最得力的工具。,第一章：版式设计原理（一）,A、线的情感因素 由于线具有不同特征，便赋予线在视觉上的多样性。因此，我们在版式设计之前， 应先对线的运用有一

13、定的了解，知道怎样的线和形式比较适合于哪一类版式，这是极 为重要的条件，也才能产生你所需要表达的意念。,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,B、线的空间构成 线不但具有其情感上的因素，且具有方向性、流动性、延续性及远近感。它所产生 的空间深度和广度，为版式设计带来了广阔的思维空间。,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,C、线的自由分割构成 线的自由分割性，使线在版式设计中具有独特的造型功能。它可以完全凭借个 人感

14、觉来分，不受固定的条条框框所制约，灵活性大。 悉心钻研此种方法，对版式的标新立异大有好处。,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,3、面在版式设计上的构成 面在空间上占有的面积最多，因而在视觉上要比点、线来得强烈、实在，具有鲜明的 个性特征。面可分成几何形和自由形两大类。因此，在版式设计时要把握相互间整体的 和谐，才能产生具有美感的视觉形式。,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,4、版式黑、白、灰的空间构成 黑、白、灰在版式设计中也是一种点、线、面因素的构成。无论是有色的或是无色 的版式，都可归纳为黑、白、灰的空间构成。,第一章：版

15、式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,版 式 设 计 的 形 式 原 理,第一章：版式设计原理（一）,版式设计离不开艺术表现。美的形式原理是规范形式美感的基本法则。,第一章：版式设计原理（一）,一、 重 复 与 交 错 二、 节 奏 与 韵 律 三、 对 称 与 均 衡 四、 对 比 与 调 和 五、 比 例 与 适 度 六、 变 异 与 秩 序 七、 虚 实 与 留 白 八、 “ 力 场 ” 与 网 格,第一章：版式设计原理（一）,一、 重 复 与 交 错 在版式设计中，不断重复使用相同的基本

16、形或线，它们的形状、大小、 方向都是相同的。重复使设计产生安定、整齐、规律的统一。,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,但重复构成后的视觉感受有时容易显得呆板、平淡、缺乏趣味性的变化。 故此，我们在版式中可安排一些交错与重叠，打破版式呆板、平淡的局面。,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,二、 节 奏 与 韵 律 节奏与韵律来自于音乐概念。韵律被现代版面构成所吸收。节奏是按照 一定的条理、秩序、重复连续地排列，形成一种律动形式。它有等距离的连 续，也有渐变、大小、长短、明暗、形状、高低等的排列构成。,第一章：版式设计原理（一）,案

17、例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,三、 对 称 与 均 衡 两个同一形的并列与对齐，实际上就是最简单的对称形式。 其特点是稳定、庄严、整齐、秩序、安宁、沉静。,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,均 衡是一种有变化的平衡。其特点是形式富于变化、趣味，具有灵巧、生动、 活泼、轻快的特点。,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,四、 对 比 与 调 和 对比是差异性的强调。 把相对的两要素互相比较之下，产生大小、明暗、黑白、疏密、高低、 远近、直曲等对比

18、。 对比的最基本要素是显示主从关系和统一变化的效果。,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,调和是指适合、舒适、安定、统一，是近似性的强调，使两者或两者以上的要素 相互具有共性。对比与调和是相辅相成的。 在版式设计中，一般整体版式要做到调和，局部版式要有对比。,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,练习作业: 2、选择一张图片或照片，图形应占据80%的版面 改变图片和文字的比例，图占20%的版面，文字和空白部分占80%。 可变换图片和文字的角度。 最后，挑选自己认为比较好的图片和文字组合。,第一章：版式设计原理（一）,第一章：版式设计原理（一）,五、比 例 与 适 度 比例是形的整体与部分以及部分与部分之间数量的一种比率。 成功的版式设计，首先取决于良好的比例。,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,案例赏析:,第一章：版式设计原理（一）,六、 变 异