第四章版式设计的视觉要素课件.ppt

1、第四章 版式设计的视觉要素第一节 点、线、面一、点 在版面中，任何一个单独而细小的形象可以称之为点，点的面积是相对比较而言的，比如在版面中一个文字、一个商标、一个按钮、一个LOGO等都可称为点。另外点的形状并不一定指圆，也可以是其它的几何形体，点是相对线和面存在的视觉元素。点排列的形状、方向、大小、位置、聚集、发散，能够给人带来不同的心理感受和视觉冲击、向心原理、向心原理、点在版面中心会给人静止而稳重的感觉；如果点在版面的左方或右方会产生向中心运动的趋势；在上方或下方会产生上升或下降的趋势。2.线 线是决定版面现象的基本要素。线的总体形状有 垂直、水平、倾斜、几何曲线、自由线几种。线的性格特征

2、、斜线具有动荡和速度的感觉曲线给人流畅、柔美的性格特征平行线表现出规律、平稳；垂直线具有庄严、挺拔、力量、向上的感觉；线可以串联各种视觉要素，可以分割画面和图像文字，使画面具有节奏感；线的放射、粗细、渐变的排列可以体现三维空间的感觉。阴影也能造成空间感3.面 版式设计中的面比点、线的视觉冲击力更大。它大体分为：几何型的面（方、圆、三角、多边形）、有机切面（弧形的相交或相切得出）、不规则的面。面的排列要考虑形状与面积的对比，间隔和面积的对比，面积与面积的对比等因素，这样版式设计才能产生动感。稳重、大方且不失优美 动感、张力，视觉冲击力强 垂直、水平的面等距离的排列产生稳重，简单的感觉。不同面积、

3、不同位置排列产生活泼，跳跃的感觉。处理好不同形状的面之间的相互关系和整体的和谐程度，才能设计出充满美感、艺术、实用的版式作品。垂直、水平的面等距离的排列产生稳重，简单的感觉。不同面积、不同位置排列产生活泼，跳跃的感觉。4.版式设计中的空间构成 版式设计中应该能体现视觉的空间感，而不应仅仅是二维效果的体现，只有这样才能保持作品的生命力。（1）通过比例展示空间 （2）通过黑，白，灰的关系展示空间 黑色给人往后退的效果，往往被用作背景。白色给人往前的感觉，往往被用在要突出的元素上。灰色则象中间层，处于黑白对比之间。（3）通过位置关系展示空间 （4）最佳的视点（重点）一个成功的视觉流程应该是符合一般视

4、觉原理和读者普遍的认识心理的，这样的视觉流程才具有逻辑性强，主次分明的特点。黄金分割黄金分割是造型艺术中的一种分割法则。亦称黄金分割率，简称黄金率，即两个长度的总和与较长一条的比值，恰好等于较长一段与较短一段的比值，应用时一般取1.618，被称为黄金比。黄金比最早是由古代希腊人发现的，直到19世纪被欧洲人认为是最美、最谐调的比例。黄金比广泛用于造型艺术中，具有美学价值，尤其在工艺美术和工业设计的长和宽的比例(如书籍开本)设计中容易引起美感，故称为黄金分割。蒙德里安 红黄蓝（研究色彩和比例间的美）霓虹灯九宫格九宫格，九宫格的源头可是我们中国人发明的一种构图模式，但巧的是它与黄金分割有着惊人的理论

5、联系，画面的上下左右用黄金分割来做出4条线，我们惊奇的发现这就是我国古人所说的九宫格，人们发现在九宫格的4条线交汇的4个点是人们的视觉 最敏感的地方，在国外的摄影理论里把这4个点称为 “趣味中心”。顾名思义，被反复证明的是当被摄主体 处于或发布在这4个点附近最容易得到“眼球”。第二节第二节 文字要素文字要素一、文字设计的要求一、文字设计的要求 文字是人类文化的重要组成部分。无论在何种视觉媒体中，文字和图片都是其两大构成要素。文字排列组合的好坏，直接影响着版面的视觉传达效果。因此，文字设计是增强视觉传达效果，提高作品的诉求力，赋予版面审美价值的一种重要构成技术。特别提醒:这部分工作应该是人脑完成

6、的工作，电脑是无法代替的。文字版面的设计同时也是创意的过程，创意是设计者的思维水准的体现，是评价一件设计作品好坏的重要标准。在现代设计领域，一切制作的程序由电脑代劳，使人类的劳动仅限 于思维上，这是好事，可以省却了许多不必要的工序，为创作提供了更好的条件。但在某些必要的阶段上，我们应该记住：人，才是设计的主体。1.提高文字的可读性 文字的主要功能是在视觉传达中向大众传达作者的意图和各种信息，要达到这一目的必须考虑文字的整体诉求效果，给人以清晰的视觉印象。因此，设计中的文字应避免繁杂零乱，使人易认，易懂，切忌为了设计而设计，忘记了文字设计的根本目的是为了更好，更有效的传达作者的意图，表达设计的主

7、题和构想意念。举例如下让你想表达的内容清晰，醒目。让阅览者一开始就可以明白你的意思 避免使用不清晰的字体，否则容易使阅览者产生反感和麻烦（除非你需要这种效果）恰当的选择你所需要的字体但是，经过特别的处理，你可以使用一些本来并不合适的字体，比如注意文字在编排时的方向，注意安排阅览者的视线 如果：那么，你可以做成这样 或者是这样也可以 最后一点，通常情况下，你应该 2.文字的位置要符合整体要求 文字在画面中的安排要考虑到全局的因素，不能有视觉上的冲突。否则在画面上主次不分，很容易引起视觉顺序的混乱。而且作品的整个含义和气氛都可能会被破坏，这是一个很微妙的问题，需要去体会。不要指望电脑能帮你安排好，

8、它有时候会帮你的倒忙。细节的地方也一定要注意，1个像素的差距有时候会改变你整个作品的味道。安排好文字和图形之间的交叉错合，既不要影响图形的观看，也不能影响文字的阅览。如果你不小心做成了这样（有意安排这种效果的不在此例）文字一定不要全部都顶着画面的边角，这样看起来很不专业 再说一点细节上应该注意的问题，这是容易忽视的地方，也是容易出问题的地方 这样看起来就好一点了 3.在视觉上应给人以美感 在视觉传达的过程中，文字作为画面的形象要素之一，具有传达感情的功能，因而它必须具有视觉上的美感，能够给人以美的感受。字型设计良好，组合巧妙的文字能使人感到愉快，留下美好的印象，从而获得良好的心理反应。反之，则

9、使人看后心里不愉快，视觉上难以产生美感，甚至会让观众拒而不看，这样势必难以传达出作者想表现出的意图和构想。这是一个带有图形的文字版面，也许你认为这样也不错了 但是是不是太平淡了呢？改一下文字的位置和大小，效果又会怎么样呢？看下图 或者是这样也可以，看下图 4.在设计上要富于创造性 根据作品主题的要求，突出文字设计的个性色彩，创造与众不同的独具特色的字体，给人以别开生面的视觉感受，有利于作者设计意图的表现。设计时，应从字的形态特征与组合上进行探求，不断修改，反复琢磨，这样才能创造出富有个性的文字，使其外部形态和设计格调都能唤起人们的审美愉悦感受。这是一个很普通的文字版面 那么加一点自己的感受在里

10、面，对文字的大小、间距、透明度做些调整，就会是完全不同的效果了。根据画面或作品的要求，可以使用一些图形化的文字（这可是汉字设计的一种新观点）。注：所谓“文字图形化”即将文字笔画做合理的变形搭配，使之产生类似有机或无机图形的趣味。强调字体本身的结构美和笔画美。比如、一开始好象总感觉文字在这里面的表现力有些苍白了。对主题的表达没有什么帮助。那么试一下改成这样行不行 味道出来了吗？在一定的条件下，确实不能用电脑中提供的字体，必须要自己创造。这也是汉字魅力所在的地方。5.更复杂的应用 文字不仅要在字体上和画面配合好，甚至颜色和部分笔画都要加工，这样才能达到更完整的效果。而这些细节的地方需要的是耐心和功

11、力。记住一定要有自己的想法和感受在里面，如果想表达自己对作品的态度，就不要在文字上偷懒，这也是不能偷懒的地方。对作品而言，每一件作品都有其特有的风格。在这个前提下，一个作品版面上的各种不同字体的组合，一定要具有一种符合整个作品风格的风格倾向，形成总体的情调和感情倾向，不能各种文字自成一种风格，各行其是。总的基调应该是整体上的协调和局部的对比，于统一之中又具有灵动的变化，从而具有对比和谐的效果。这样，整个作品才会产生视觉上的美感，符合人们的欣赏心理。除了以统一文字个性的方法来达到设计的基调外，也可以从方向性上来形成文字统一的基调，以及色彩方面的心理感觉来达到统一基调的效果等等。个性照片文字合成表

12、现及实例 第一种 表现手法另类的色调 第二种第二种 表现手法表现手法另类的文字搭配另类的文字搭配 第三种第三种 表现手法表现手法独特的版式独特的版式 第四种 表现手法特殊的边框效果 二、文字的装饰性设计二、文字的装饰性设计1.1.文字组图：文字组图：利用文字的排列形成图形效果。2.2.文字抽象表现：文字抽象表现：把文字作为视觉符号使用，文字基本失去本身的阅读性，可以把文字任意拆分、放大、扭曲、变形、颠倒等设计。3.3.文字的装饰化文字的装饰化一般对主题文字处理采用装饰化手法，文字保留可识别性的同时尽量增添与其含义相一致的美感。三、文字的综合设计三、文字的综合设计 综合很多文字进行设计，主体文字能突出主要内容，主题突出，名称突出，合理安排文字格式，图文并茂，设计新颖。国外优秀文字排版设计欣赏：作业：作业：1.1.文字组图文字组图1 1张（张（9595210）2.2.点、线、面点、线、面1 1张张3.3.文字装饰化文字装饰化1 1张张4.4.图形与文字综合排版图形与文字综合排版1 1张张 最后，拼成一张两折页的宣传单（最后，拼成一张两折页的宣传单（190190210）