《版式设计版式设计文图计原则课件.ppt》由会员分享，可在线阅读，更多相关《版式设计版式设计文图计原则课件.ppt（61页珍藏版）》请在三一办公上搜索。
1、多页面的编排设计要求把页面之间的有机联系反映出来，这里主要的问题是页面之间和页面内的秩序与内容的关系。 方法有哪些？,复习、新授：文字版式：二、文图设计原则,多页面的编排设计要求把页面之间的有机联系反映出来，这里主要的,2014年8月5日,注意视觉流程导向素材的收集及元素位置,1. ？导向具有一种亲和力。,2014年8月5日注意视觉流程导向素材的收集及元素位置1.,2014年8月5日,2. ？导向,简洁明确,2014年8月5日2. ？导向简洁明确,版式设计版式设计文图计原则课件,版式设计版式设计文图计原则课件,2014年8月5日,3. ？导向,2014年8月5日3. ？导向,视线流程的顺序，还
2、要受到人的生理及心理的影响。由于眼睛的水平运动比垂直运动快，因而在视察视觉物象时，容易先注意水平方向的物象，然后才注意垂直方向的物象。人的眼睛对于画面左上方的观察力优于右上方，对右下方的观察力又优于左下方，因而，一般广告设计均把重要的构成要素安排在？。,视线流程的顺序，还要受到人的生理及心理的影响。由于眼睛的水平,文字版式一、文字设计的要求：1？文字排列组合的好坏，直接影响着版面的视觉传达效果。因此，文字设计是增强视觉传达效果，提高作品的诉求力，赋予版面审美价值的一种重要构成技术。,文字版式,这是一个带有图形的文字版面，也许你认为这样也不错了,但是是不是太平淡了呢？改一下文字的位置和大小，效果
3、又会怎么样呢？看下图,或者是这样也可以，看下图,2.？,这是一个带有图形的文字版面，也许你认为这样也不错了 但是是不,3.？一般对主题文字处理采用装饰化手法，文字保留可识别性的同时尽量增添与其含义相一致的美感。,3.？,2、线,线：由于线具有不同的特征，便富于线在视觉上的多样性。起到界定，分割画面，引导，指示作用。,线的性格：1、直线简洁明确、干脆利落。,2、线线：由于线具有不同的特征，便富于线在视觉上的多样性。起,1、A 水平方向的线，令人产生开阔、平静、安定、永无止境的感觉。,1、A 水平方向的线，令人产生,1、B垂直方向的线令人产生蓬勃向上、崇高的情绪。,1、B垂直方向的线令人产生蓬,线
4、的性格：2、曲线柔和、丰富、流畅。,线的性格：2、曲线柔和、丰富、流畅。,线的性格：3、斜线令人动荡不安，富有现代感和速度感。,线的性格：3、斜线令人动荡不安，富有现代感和速度感。,线不但具有其情感上的因素，具有方向性、流动性、延续性及远近感。且它所产生的空间深度和广度，为版面构成带来了广阔的思维空间。,线的空间构成,运用同心放射的原理所构成的版面。,线不但具有其情感上的因素，具有方向性、流动性,版式设计版式设计文图计原则课件,由不同方向向同一中心聚集，这种向心式的构成方式，往往是版面主题的位置所在。,由不同方向向同一中心聚集，这,线的构成,1、线的分割,通过不同比例的空间分割，版面产生各种各
5、样的空间对比效果与节奏感，“线”的排列也会使分栏更清晰、更具条例，从而增强了信息的易读性。,线的构成1、线的分割通过不同比例的空间分割，版面产生各种各样,线的构成,2、线框的空间约束,线的构成2、线框的空间约束,3、面,3、面,面与点相比，它是一个平面中相对较大的元素，点强调位置关系，面强调形状和面积，这里的面积是指画面不同色彩间的比例关系。,面与点相比，它是一个平面中相对较大的元素，点强调位置关系，面,电商广告的面：强调更多画面不同色彩间的比例关系。,电商广告的面：,不同形态面的视觉特征： 面的应用在设计中很多，它的可塑性较强，善于表现不同的情感，一般的讲，由什么类型的线组成的面，它就具有该
6、种线的特征。,不同形态面的视觉特征： 面的应用在设计中很多，它的可塑性较强,版式设计版式设计文图计原则课件,（3）抽象型的面：根据块面的形态、内外部线条表达不同的视觉感受：柔和、自然、活泼,（3）,(4)偶然形的面如：水和油墨，混合墨洒产生的偶然形等，比较自然生动，有人情味。,(4)偶然形的面如：,（4）群化的面能够产生层次感，,（4）群化的面能够产生层次感，,版式设计版式设计文图计原则课件,面的形式：（1）文字面:单个文字放大,版面比例大形成的面;大量细小段落文字以块状出现形成的面。（2）图形面：以线绘制成某一形状通过填色形成的面；直接使用图片作为背景或者插图形成的面。（3）空白面：版面设计
7、中留出的空白。,面的形式：,方形使人感觉稳重、厚实、坚强而深沉。,（2）图形面：以线绘制成某一形状通过填色形成的面；直接使用图片作为背景或者插图形成的面。,方形使人感觉稳重、厚实、坚强,圆形使人感觉？,圆形使人感觉？,（3）空白面：版面设计中留出的空白。Why?,（3）空白面：版面设计中留出的空白。Why?,点线面结合的构成,点线面是相互依存，相互渗透的关系，所以绝对的由点组成的板式有太花、太碎、不够集中的感觉，绝对的曲线组成的板式有单薄、零碎的感觉，同样绝对是面构成的板式有呆板之感。因此均等的点线面同样不利于主题的表现，丧失了整体的设计风格。,点、线、面能使画面有空间感，使画面不会过于单调。
8、,点线面结合的构成 点线面是相互依存，相互渗透的关,版式设计版式设计文图计原则课件,版面点线面构图的讨论:,平均对待产生的“花”的版面，应避免面积相等的呆板,版面点线面构图的讨论:平均对待产生的“花”的版面，应避免面积,一大一小的两组，形成对比变化效果,一大一小的两组，形成对比变化效果,缺少张力，过于内敛，有疲乏无力之感,缺少张力，过于内敛，有疲乏无力之感,版面产生向外扩张的力感，比原来显得更大气有动感。,版面产生向外扩张的力感，比原来显得更大气有动感。,感觉版面过于“挤”、“堵”、“动感抵消”,感觉版面过于“挤”、“堵”、“动感抵消”,图形上移，减少，流出版面下部足够的空间，向下运动的要素有
9、了活动的余地，形成版面上重下轻、上满下空，版面更显轻松、愉快。,图形上移，减少，流出版面下部足够的空间，向下运动,版面缺少变化,通过穿插、错落处理，版面的空白、虚实更好,版面缺少变化通过穿插、错落处理，版面的空白、虚实更好,版面缺少变化,通过穿插、错落、色彩处理，产生版面的空白、呼应效果,版面缺少变化通过穿插、错落、色彩处理，产生版面的空白、呼应效,版面变化缺少,通过移动线条位置，出现变化，显得灵活效果更好,版面变化缺少通过移动线条位置，出现变化，显得灵活效果更好,新授：文字版式：二、文图设计原则,1、亲密性：将相关的项组织在一起，移动这些项，使他们的物理位置相互靠近，相关的项将被看做凝聚为一
10、体的一个组，而不是一堆彼此无关的片段。ps,新授：文字版式：二、文图设计原则1、亲密性：将相关的项组织在,亲密性：孤立的元素不应存在亲密性.上面三项之间的间隔是一样的，说明这三个组之间存在某种关系，辅助信息则相距很远，马上可以意识到他不是同一类，即使是在你没看清楚之前。由此保证读者确实得到正确的信息如果1、2、项想跟第3项也有所区分呢？,亲密性：孤立的元素不应存在亲密性.,如何区分亲密度的？,如何区分亲密度的？,有什么问题？如何修改？,有什么问题？如何修改？,亲密性小节,亲密性目的：实现组织性。如何实现：微微眯起你的眼睛，统计你的眼睛停顿次数来数一数页面上有多少个元素，看看哪些孤立的元素可以归
11、在一组建立更近的亲密性，使之成为一个视觉单元。要避免的问题：不要在元素之间留出同样大小的空白，除非各组同属一个子集。,亲密性小节亲密性目的：实现组织性。,二、文图设计原则2、对齐,2、对齐：任何元素都不能再页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。PS,二、文图设计原则2、对齐2、对齐：任何元素都不能再页面上随,找一条明确的对齐线，并坚持以它为基准。检查每一个元素，确保它与页面上的另外某个元素存在某种视觉联系。ps,找一条明确的对齐线，并坚持以它为基准。检查每一个元素，确保它,对齐小节,对齐目的：使页面统一而且有条理。要让页面上的所有元素看上去统一、有联系而且彼此相关，需
12、要在各个独立的元素之间存在某种视觉纽带。如何实现：应当总能在页面上找出与之对齐的元素，尽管这两个对象的物理位置可能相距很远。要避免的问题：避免在页面上混合使用多种对齐方式。,对齐小节对齐目的：使页面统一而且有条理。要让页面上的所有元素,二、文图设计原则3、重复,3、重复：设计的某些方面需要在整个作品中重复。这是设计人员常用来控制读者视线的一种视觉技巧，以使读者的注意力尽可能长地保持在页面上。,二、文图设计原则3、重复3、重复：设计的某些方面需要在整个,如果哪个元素引起了你的兴趣，就可以拿来用作重复元素，也许是图片，或者某种文字。把元素抽取为图片很有意思也很有效，足球比赛提取什么？即使没有重复整
13、个足球，所有的一切仍然应该是一个整体。,如果哪个元素引起了你的兴趣，就可以拿来用作重复元素，也许是图,不要把重复用的太滥，尽量“采用多样性实现统一”，如果一个重复元素很明显如下图中的圆，那么可以采用多种不同方式重复这个圆，而不是简单重复。,不要把重复用的太滥，尽量“采用多样性实现统一”，如果一个重复,重复小节,重复目的：统一，并增强视觉效果。如何实现：需要把现有的一致性更向前推进一步。可不可以将某些元素作为页面的一部分，在每个页面、标题下使用一条线？多粗？需要突出文字吗？要避免的问题：避免太多地重复一个元素，太多会让人讨厌。,重复小节重复目的：统一，并增强视觉效果。,二、文图设计原则4、对比,
14、4、对比：如果两个项不完全相同，就应当使之不同，而且应当是截然不同。ps,二、文图设计原则4、对比4、对比：如果两个项不完全相同，就,不要担心一些项很小，如右图文字，不仅可以与更大的项形成对比，还能留出更多的空白,不要担心一些项很小，如右图文字，不仅可以与更大的项形成对比，,读者的眼睛总是随着页面上任何人或动物的眼睛看过去，所以要确保将读者的目光吸引到页面的焦点内容。找出页面上最有意思的东西，或者最重要的东西加以强调！,读者的眼睛总是随着页面上任何人或动物的眼睛看过去，所以要确保,怎么改？强调什么？对比什么？,怎么改？强调什么？对比什么？,对比小节,对比目的：吸引眼球。增强页面效果，有助于信息的组织。如何实现：可以通过字体的选择、线条的宽窄、颜色、图片形状、大小、空间等等来增强对比，重要的是对比一定要强烈。要避免的问题：不要犹豫。如果想对比，就加大力度。如果各个项不完全一样，干脆让它们截然不同！,对比小节对比目的：吸引眼球。增强页面效果，有助于信息的组织。,
