版式设计版式设计文图计原则ppt课件

1、n多页面的编排设多页面的编排设计要求把页面之计要求把页面之间的有机联系反间的有机联系反映出来，这里主映出来，这里主要的问题是页面要的问题是页面之间和页面内的之间和页面内的秩序与内容的关秩序与内容的关系。系。 n方法有哪些？方法有哪些？复习、新授：文字版式：复习、新授：文字版式：二、文图设计原则二、文图设计原则2019年8月5日注意视觉流程导向素材的收集及元素位置 1. ？导向 具有一种亲和力。2019年8月5日2. ？导向？导向简洁明确简洁明确2019年8月5日3. ？导向 l 视线流程的顺序，还要受到人的生理及心理的影响。由于眼睛的水平运动比垂直运动快，因而在视察视觉物象时，容易先注意水平方

2、向的物象，然后才注意垂直方向的物象。人的眼睛对于画面左上方的观察力优于右上方，对右下方的观察力又优于左下方，因而，一般广告设计均把重要的构成要素安排在？。文字版式文字版式一、文字设计的要求：一、文字设计的要求：1 1？文字排列组合的好坏，直接文字排列组合的好坏，直接影响着版面的视觉传达效果。影响着版面的视觉传达效果。因而，文字设计是增强视觉因而，文字设计是增强视觉传达效果，提高作品的诉求传达效果，提高作品的诉求力，赋予版面审美价值的一力，赋予版面审美价值的一种重要构成技术。种重要构成技术。这是一个带有图形的文字版面，也许你认为这样也不错了 但是是不是太平淡了呢？改一下文字的位置和大小，效果又会

3、怎么样呢？看下图 或者是这样也可以，看下图 2.？3.？一般对主题文字处理采用装饰化手法，一般对主题文字处理采用装饰化手法，文字保留可识别性的同时尽量增添与其含义相一致的美感。文字保留可识别性的同时尽量增添与其含义相一致的美感。 2、线 线：由于线具有不同的特征，便富于线在视觉上的多样性。起到界定，分割画面，引导，指示作用。线的性格：1、直线简洁明确、干脆利落。 1、A 水平方向的线，令人产生开阔、平静、安定、永无止境的感觉。 1、B垂直方向的线令人产生蓬勃向上、崇高的情绪。线的性格：2、曲线柔和、丰富、流畅。线的性格：3、斜线令人动荡不安，富有现代感和速度感。 线不但具有其情感上的因素，具有

4、方向性、流动性、延续性及远近感。且它所产生的空间深度和广度，为版面构成带来了广阔的思维空间。线的空间构成线的空间构成 运用同心放射的原理所构成的版面。 由不同方向向同一中心聚集，这种向心式的构成方式，往往是版面主题的位置所在。线的构成1、线的分割通过不同比例的空间分割，版面产生各种各样的空间对比效果与节奏感，“线的排列也会使分栏更清晰、更具条例，从而增强了信息的易读性。线的构成2、线框的空间约束 3、面面与点相比，它是一个平面中相对较大的元素，点强调位置关系，面强调形状和面积，这里的面积是指画面不同色彩间的比例关系。电商广告的面：强调更多画面不同色彩间的比例关系。不同形态面的视觉特征： 面的应

5、用在设计中很多，它的可塑性较强，善于表现不同的情感，一般的讲，由什么类型的线组成的面，它就具有该种线的特征。 （3） 抽象型的面：根据块面的形态、内外部线条表达不同的视觉感受：柔和、自然、活泼(4)偶然形的面如：水和油墨，混合墨洒产生的偶然形等，比较自然生动，有人情味。（4群化的面能够产生层次感， 面的形式：（1文字面:单个文字放大,版面比例大形成的面;大量细小段落文字以块状出现形成的面。（2图形面：以线绘制成某一形状通过填色形成的面；直接使用图片作为背景或者插图形成的面。（3空白面：版面设计中留出的空白。 方形使人感觉稳重、厚实、坚强而深沉。（2图形面：以线绘制成某一形状通过填色形成的面；直

6、接使用图片作为背景或者插图形成的面。 圆圆形形使使人人感感觉？觉？（3空白面：版面设计中留出的空白。Why?点线面结合的构成 点线面是相互依存，相互渗透的关系，所以绝对的由点组成的板式有太花、太碎、不够集中的感觉，绝对的曲线组成的板式有单薄、零碎的感觉，同样绝对是面构成的板式有呆板之感。因此均等的点线面同样不利于主题的表现，丧失了整体的设计风格。点、线、面能使画面有空间感，使画面不会过于单调。 版面点线面构图的讨论版面点线面构图的讨论:平均对待产生的平均对待产生的“花的版面，应避免面积相等的花的版面，应避免面积相等的呆板呆板一大一小的两组，形成对比变化效果一大一小的两组，形成对比变化效果缺少张

7、力，过于内敛，有疲乏无力之感缺少张力，过于内敛，有疲乏无力之感版面产生向外扩张的力感，比原来版面产生向外扩张的力感，比原来显得更大气有动感。显得更大气有动感。感觉版面过于感觉版面过于“挤挤”、“堵堵”、“动感抵动感抵消消” 图形上移，减少，流出版面下部足够的空间，向下图形上移，减少，流出版面下部足够的空间，向下运动的要素有了活动的余地，形成版面上重下轻、上满运动的要素有了活动的余地，形成版面上重下轻、上满下空，版面更显轻松、愉快。下空，版面更显轻松、愉快。版面缺少变化版面缺少变化通过穿插、错落处理，版面通过穿插、错落处理，版面的空白、虚实更好的空白、虚实更好版面缺少变化版面缺少变化通过穿插、参

8、差、色彩处理，通过穿插、参差、色彩处理，产生版面的空白、呼应效果产生版面的空白、呼应效果版面变化缺少版面变化缺少通过移动线条位置，出现变通过移动线条位置，出现变化，显得灵活效果更好化，显得灵活效果更好新授：文字版式：二、文图设计原则新授：文字版式：二、文图设计原则 1、亲密性：将相关的项组织在一起，移动这些项，使他们的物理位置相互靠近，相关的项将被看做凝聚为一体的一个组，而不是一堆彼此无关的片段。 ps 亲密性：孤立的元素不应存在亲密性. 上面三项之间的间隔是一样的，说明这三个组之间存在某种关系，辅助信息则相距很远，马上可以意识到他不是同一类，即使是在你没看清楚之前。由此保证读者确实得到正确的

9、信息 如果1、2、项想跟第3项也有所区分呢？如何区分亲密度的？有什么问题？如何修改？亲密性小节 亲密性目的：实现组织性。 如何实现：微微眯起你的眼睛，统计你的眼睛停顿次数来数一数页面上有多少个元素，看看哪些孤立的元素可以归在一组建立更近的亲密性，使之成为一个视觉单元。 要避免的问题： 不要在元素之间留出同样大小的空白，除非各组同属一个子集。二、文图设计原则二、文图设计原则2 2、对齐、对齐 2、对齐：任何元素都不能再页面上随意安、对齐：任何元素都不能再页面上随意安放。每一项都应当与页面上的某个内容存放。每一项都应当与页面上的某个内容存在某种视觉联系。在某种视觉联系。 PS找一条明确的对齐线，并

10、坚持以它为基准。检查每一个元素，确保它与页面上的另外某个元素存在某种视觉联系。ps对齐小节 对齐目的：使页面统一而且有条理。要让页面上的所有元素看上去统一、有联系而且彼此相关，需要在各个独立的元素之间存在某种视觉纽带。 如何实现：应当总能在页面上找出与之对齐的元素，尽管这两个对象的物理位置可能相距很远。 要避免的问题：避免在页面上混合使用多种对齐方式。二、文图设计原则二、文图设计原则3 3、反复、反复3、反复：设计的某些方面需要在整个作品、反复：设计的某些方面需要在整个作品中重复。中重复。这是设计人员常用来控制读者视线的一种这是设计人员常用来控制读者视线的一种视觉技巧，以使读者的注意力尽可能长

11、地视觉技巧，以使读者的注意力尽可能长地保持在页面上。保持在页面上。如果哪个元素引起了你的兴趣，就可以拿来用作重复元素，也许是图片，或者某种文字。把元素抽取为图片很有意思也很有效，足球比赛提取什么？即使没有重复整个足球，所有的一切仍然应该是一个整体。不要把重复用的太滥，尽量“采用多样性实现统一”，如果一个重复元素很明显如下图中的圆，那么可以采用多种不同方式重复这个圆，而不是简单重复。重复小节重复目的：统一，并增强视觉效果。如何实现：需要把现有的一致性更向前推进一步。可不可以将某些元素作为页面的一部分，在每个页面、标题下使用一条线？多粗？需要突出文字吗？要避免的问题：避免太多地重复一个元素，太多会让人讨厌。二、文图设计原则二、文图设计原则4 4、对比、对比 4、对比：如果两个项不完全相同，就应、对比：如果两个项不完全相同，就应当使之不同，而且应当是截然不同。当使之不同，而且应当是截然不同。 ps不要担心一些不要担心一些项很小，如右项很小，如右图文字，不仅图文字，不仅可以与更大的可以与更大的项形成对比，项形成对比，还能留出更多还能留出更多的空白的空白读者的眼睛总是随着页面上任何人或动物的眼睛看过去，所以要确保将读者的目