《展示版式设计》课件.ppt

《《展示版式设计》课件.ppt》由会员分享，可在线阅读，更多相关《《展示版式设计》课件.ppt（155页珍藏版）》请在三一文库上搜索。

1、展示版式设计,展示活动的信息传达除了立体的展品、模型之外，还有以平面设计的形式为主的单体版面的连续和组合，包括文字、图片、图形、插图等二维形式。 在展示活动中版面的规格有统一的标准，并在总体设计的要求下，对版面的色彩、排列、文字等做统一安排。,第一章 概述,版式设计是一切视觉传达艺术施展的大舞台，也是在会展设计中涉及到二维形式设计中的重要组成部分。 版式设计随着现代科学技术和经济的飞速发展而兴起的，体现着文化传统，审美观念和时代精神等方面，并广泛应用于招贴海报，报纸广告，书籍刊物，包装设计，企业形象展示，产品展示及网页设计所有涉及到平面，影像的艺术领域。为人们营造新的思想和文化概念提供了广阔天

2、地，版面设计为人们理解时代和认同社会和展示产品等的重要作用。,文字的装饰意境在版式中既唱主角又演配角，甚至当客串也无谓。,第二章 版式设计的装饰语境,一 装饰语境的人文内涵 二 装饰语境的形式意味 三 装饰语境的审美情趣 四 装饰语境的品味时尚,第一节 装饰语境的内涵,装饰单从字面上来说只是修饰打扮的意思，装饰作为一种艺术，是人类用 审美的方式把握世界的一种手段，那么装饰也是一种设计是一种使生活艺术化，艺术生活化的人本设计。,装饰语境直译就是为装饰艺术语言所设的情景，它包含两个方面的概念：一，装饰设计不同于纯艺术的自由创造，它有着更多的目的性和计划性。它必须根据客户的要去对消费者的接收效果，流

3、行时尚的视觉样式以及购买心理的全盘考虑，二，装饰设计是历史文化创城，民族语言及设计者文化素养的综合体现，它不只是设计者主观的感受，而是要把内在情感投射到视觉感知对象中去。,第二节 装饰语境的内容形式,形式意味是指设计中所涉及视觉传达与形式美感的情趣情调和趣味。设计者通过追求设计个性与形式美感来提高作品的趣味性和影响力，所以这种形式语言必须是独特的、极富个性特征的。那么形式即内容，内容也即形式，两者不可分割才能在设计中处于优势。在现代设计中形式意味总是以一种崭新的视觉符号展现在我们眼前。 那么，装饰语境或者设计作品中的形式意味，体现的是一种历史与时代沉淀的视觉经验，它反映了我们所处的当今时代，涵

4、盖对传统文化的思考和对崭新的时尚潮流的追逐，体现当代的文化气质。这种形式总能在社会文化发展的轨迹中留下时代的烙印。所以说这种形式意味总是伴随着趋时和追潮的特征而向前发展的。 在20世纪盛行的归纳极简主意之后，设计者开始推承装饰，形式极繁主意风格开始回归，这种风格在版式设计中得到了广泛应用，从结构关系上引导人的感知导向，及风格各异的结构形式。,第三节装饰语境的审美情趣,人们常说美感，其实就是审美的情感，情感是人对客观事物属性的一种特殊反映形式，是人对周围和自身以及对自己行为的态度。趣味是对人的本性中天然存在于内在情感中和一种专门欣赏美的特殊感官，是直接的、不假思索并瞬间完成的。那么情感与情趣浓缩

5、为情趣，还包含有意趣、性情和志趣。人类生活在情趣当中，那么情趣能够推动人们在生活中对美的追求、要求和向往。 审美情趣其实是一种人生的观念、一种个人生活习惯，也是对生活的态度。体现了“你”或者是叫当代人某种比如崇尚自然、追求传统、渴望古朴典雅或者当代新思潮的审美心理需求 这种审美情趣表现在人、为文、为政等诸多方面，甚至提升到促进社会经济文化的发展、塑造公民的消费意识甚至提高生活品质、提高公民素质的高层面上来。,审美情趣在版式设计中是很重要的，且是巧思的结果。因为设计就是要引导观众的注目，那么审美情趣就要实现这个目标。审美情趣既有共性又有个性，在共性当中存在着人性，那么在千差万别的情趣爱好中又存在

6、着普遍性，所以审美情趣又需要个性。 丰富的想象力是审美情趣的关键，想象意味着改变某种事物的固有关系或特点，通过寻找版面之间的共性，把相差甚远或毫无关系的元素联系起来，或者把已有的形象按一定的目的与逻辑重新组合，产生与原来完全不同的新形象，并调动原有形象的潜能，具有跨越或放宽原有特性的心理能力。,掌握要点,版式设计不仅是高科技下的产物，更重要的还是人文精神的彰显，版式或版面技巧并不难掌握，难的是锲而不舍地将人文内涵深入挖掘，只有牢牢抓住这把双头刃，才能把握住版式设计的核心实质。,第三章 版式设计的编排原则,一 内容与形式的融合 二 简洁与简约 三 设计与艺术 四 趣味与独创 五 局部与整体,第二

7、节 简洁与简约,平面艺术在有限的空间篇幅内展现，就要求版面强调简洁，单纯明了，但并不是单调，简单而是信息的浓缩处理与内容精炼的表达。 简约设计的编排：是简洁层面上的升华，简约不意味着单调和空白的滥用，也不是内容越少越好的简单一味的删减。简约设计的表现实际上就是将文字与图像的视觉信息浓缩到极致，并运用最有代表性的最简练的符号元素将信息快速的表现出来，娿看是提炼设计取向，展现新的创意，追求直接强有力的艺术感染力，给读者不一样的视觉感受，简约化设计要求设计者具有较强的驾驭版面编排的能力和高度概括的能力。,提倡的简约化设计，并不是以版面的满或者是空来定义或为准则，有的设计表现手法看似用繁琐的表现方法，

8、但是单一的表现手法能创作出一种特定的艺术风格，我们就可以说它是简洁的,第三节设计与艺术,为了使版式更好的为内容服务，追求合乎情理的版式设计艺术语言则显得非常重要，主题明确之后版式和表现形式等则成为版式设计的核心，要达到意新、形美、变化而又统一，并具有审美，这就取决于设计者的文化涵养，生活阅历等等方面 版式设计是对设计者的思想境界，艺术修养，技术知识的全面体检。 那么艺术是什么：是通过塑造形象并具体反映社会生活、表现作者独到的思想情感的一种社会意识形态。由于表现的手法和方式的不同，分为时间艺术即音乐、舞蹈，空间艺术即绘画、雕塑；语言艺术即文学；综艺艺术即戏剧、电影等等,人的不同器官之间存在通感，

9、也就是视觉、听觉、触觉、嗅觉、味觉，如：在视觉当中可以同时得到视觉的感受。引起为此设计者在创作中可以借用各种艺术与视觉形象的类比手法，以引起感官上的通感共鸣。 借助音乐可以使版面产生节奏与韵律，研究绘画促使版面具有进深感，探讨文学可以在表现主题内涵方面有更精准的高度，揣摩影像对打开版面中视觉注意力的广阔空间层面。所以，设计与艺术必须有好合理的交流合作在平等互利的情形下提升崭新天地。,第四节 趣味与独创,形式美的情趣，是一种活泼性的版式视觉语言，如果版面本无多少精彩的内容，就可以制造趣味取胜，这也是在构思中调动艺术手段所起的作用，达到画龙点睛的作用 趣味性可采用寓意、幽默和抒情等等表现手法获得,

10、第五节局部与整体,强调：局部与整体的协同是产生美感的重要前提。协同来自于构成元素恰到好处的配合，也即寻找共性因素，使其含有某种共同的形式特征。也是强化版面各种编排要素在版面中的结构以及色彩上的关联性，通过版面中在文字、图片之间的整体组合，使版面具有秩序美、条例美，从而获得更良好的视觉效果。,掌握要点,编排原则是版式设计的前奏，在设计前，一定要多花一些时间在此驻足思考实践，这并不是多此一举，相反更能为你的设计如虎添翼，站在新一轮的版式设计面前，你准备好了没有？,第四章版式设计的造型要素,一 点的凝聚与扩散 二 线的情感与张力 三 面的正负形融合 四 点线面的和谐共生,1989年6月，在慕尼黑举办

11、的第一届国际广告柱艺术双年展上，来自29个国家的艺术家参加了这次展览，冯德利希的设计方案是一个充满魅力的字母广告柱，内容上运用斯坦尼斯拉夫的格言设计，形式上用点、线、面的版式设计语言来表现。点，在他的版式中可以理解为一个字母或是一个字母的某个局部；线，可以理解为一行文字；面，可以理解为版式中表现的一组文字，一块空白或是一个大的字母与文字的组合。产生设计元素的形状、方向、大小、位置等诸多方面的变化，用字母、文字、点、线、面的抽象概念去设计整合版面，使版面产生简洁，明快的时代风格。,掌握要点,点线面是版面造型的基础之重，任何版式设计的形式都可以归纳为点线面的造型经营，因而对于点线面的和谐共生和归纳

12、运用要用清醒的认识。,第五章 版式设计的形式原理,一 重复与交错 二 节奏与韵律 三 平衡作用 四 对比与调和 五 尺寸与比例（比例与适度） 六 秩序与变异 七 虚实留白 八 网格排版 九 平面与立体 十 变化与统一,第一节重复与交错,国际平面设计展览会海报，通过字母与空白版面的深浅对比，把画面纵向分割成多个层次，使二维的平面具有三度空间的效果，犹如运用西方绘画的空气透视法，将一幅风景画分割成具有清晰的近景、柔和的中景和轻柔的远景一般。版面的主次分明，清新明了，各层次间的对比强弱适度，自然组合成了同一视觉元素重复透迭的版面风格,第二节节奏与韵律,贡特尔 基泽是“欧洲视觉诗人”派代表人物，作品具

13、有丰富的想象力与激扬的创造力，讲究比例和尺寸、色彩和明暗的对比关系，具有超现实主义风格特征。和平运动海报（图2）将文字嵌入图形之中，强调方向的版式编排，使版式中的文字与图形形成运动感。,第三节均衡,漂泊的荷兰人戏剧海报，图形鹰与文字、背景、肌理等诸多元素在位置、重心、对比等方面的综合应用，使版面分割的面积产生差异，但面积的重量感却又相似，形成均衡画面效果,第四节对比与调和,约瑟夫.米勒.布罗克曼的这张苏黎世音乐厅音乐会海报（图9），画面被网格等分为三个垂直列，下端形成文字段落，圆形元素通过大小方向对比和有规则组合，使版面理性而有秩序感。,布鲁诺 蒙高兹在版面设计时，对字型的差异很敏感，常根据不

14、同的文字确定不同的版面形式，图形文字与大面积的空白形成虚实对比，空白空间的大量使用，更好的突出了主体，使版面传达出清晰、有力的信息。Mayakouskikij展览海报。,尼古拉斯的作品运用网格将版面横分为12 列，纵4列，在每个右侧骨格点上编排文字，白色的文字和右侧色条图形的疏密关系形成动与静的对比,皮埃尔 门德尔用理性的哲学思想处理图形、表现主题。慕尼黑巴伐利亚国家剧院戏剧海报以简洁的图形、文字、色彩来表现主题思想，以中轴线为依据，对称的版式结构，给人庄严、稳重、典雅之感，在文字编排上增加了一定的不对称因素，既庄重又活泼。黑色与高纯度色彩的对比，给人留下了深刻的印象。,第五节尺寸与比例,第七

15、节虚实与留白,国际平面设计展览会海报，通过字母与空白版面的深浅对比，把画面纵向分割成多个层次，使二维的平面具有三度空间的效果，犹如运用西方绘画的空气透视法，将一幅风景画分割成具有清晰的近景、柔和的中景和轻柔的远景一般。版面的主次分明，清新明了，各层次间的对比强弱适度，自然组合成了同一视觉元素重复透迭的版面风格,第八节网格排版,网格起源于20世纪瑞士，也是平面构成中骨架的意思（即“栅格网络”），并发展和延伸，是潜藏于整个版面之下的一种不可见的结构，用来作为版面元素布局的指导。骨架排版属于逻辑理性的思维方式，为版式设计的科学性、严谨性、高效性提供了方便，使空间产生空间的装饰作用，可见的网格或者骨架

16、清晰，有条理性。网格排版节约时间，可用来排列一些复杂的信息，将标题图形文字等内容形式设计在一起。,序,第九节平面与立体,第十节变化与统一,掌握要点,版式设计的十条形式原理法则是互为因借、紧密关联的，切不可将之孤立对待或单独来操作，全方位的调整将整体融合，才能迈向审美的至高境界。,第六章 版式设计的文字,文字在版式中不仅仅局限于信息传达意义上的概念，而更是一种单独的艺术表现形式，文字已经提升到挖掘人文内涵、启迪人类智慧以及引领视觉审美时尚的新视角， 文字是任何版式的核心，也是视觉传达最直接的方式。 当文字富有表现力、趣味性强、便于理解以及表现内容明确的时候，才算是很好的满足了读者或者客户的要求。

17、,在这里强调一下文字的表现方式：即文字的图形性和图形的文字性。虽然这2个特性是在广告版式设计当中的书籍前言后记当中的表现方式，但是同样适用于展示版式设计中。 文字的图形性即将文本作为最基本单位的点、线、面出现在版式的编排当中，使其成为版面的一部分，甚至达到图文并茂、别具一格的版式设计形式。极具趣味，能活跃人们的视线，产生生动的效果 图形化文字是将文字用图形的形式来处理构成版式或版面，并通过重叠、放射、变形、空间等形式在视觉上产生特殊效果。,在这里说一下，版式设计中的文字本身针对广告设计中的书刊排版，那么我们这里大概讲一下，书刊的文字排版分为：品名标题、前言后记、扉页目录、书眉页码、正文章节等。

18、那么前面所讲的文字的特性也可以应用到这些步骤当中，在展示版式设计中，要注意的文字特性是：正文的文字和图形的文字。 正文的文字是属于提升注意力和示意的作用，那么要注意文字设计和位置的人性化。也属于人体工程学的范围。那么图形性的文字是属于版面当中表达的主体部分，要和文字统一协调表达版面的主题。,第七章 版式设计中的图片,一 剪裁 二调整尺寸 三选择 四图形表现 1 直接与间接 2幽默与冷酷 3 斜置与倒置 4 比喻与夸张 5 悬念与联想 6 解构与重构 7 试验与游戏 8 残缺与唯美 9 梦幻与虚拟 10 颠覆与荒诞,第一节 图片的剪裁,经过设计师自由精心裁剪处理，许多图片或者照片效果可以大为改善

19、。裁剪或者剪裁就是去除图片垂直和水平方向上的尺寸大小，使注意力集中在其他剩余部分，这种方法也适用于通过改变其比例尺寸而使图片适用于现有的空间。,第八章 版式设计的色彩情感,一 色彩的美感 二 色彩的调性 三 肌理的渗透 四黑白灰交响,第一节色彩的美感,色彩不仅是一种情感符号，也是一种优美的旋律，色彩是影响视觉感受的最活跃的因素 色彩在版式设计当中的应用，出来通过摄影等写实的表现手法之外，一般多着重色块、肌理以及线条的组合，强调色觉的形式感。 美在和谐，和谐在于色彩的调和与对比。色彩对比的目的是要加强色彩的视觉效应和色彩的冲击力，以获得视觉的刺激和感受。（黑白灰金银等纯度较低的色，是构成隔离带时

20、比较理想的调节色） 色彩是引起视者注意最直接的手段，不同的色彩能触动人不同的情感，使人产生或强烈、深沉、明快、或宁静的心理作用。因而色彩最能吸引人的感觉、知觉、记忆、联想等等。,要想使色彩的调性或者观众的情感共鸣，必须仔细观察不同地域人文内涵以及不同特点的人所具有的个性化审美体验,第二节色彩的调性,通过强化色彩之间的体量差异，使其中的某种色彩在面积上占有绝对优势，从而在色彩关系中构成以面积优势为主导的色彩倾向，形成明确的主从关系，被称为色彩的调子。其中主要的色相为主调也就构成了版面中的色调 分为：主调，是构成版面色彩的协调和组织，通过内容上保持相互的联系，一般来说，纯色比其他色面积要小一些，既

21、容易达到平衡又能揭示出信息内涵。明度接近时，纯度较高的色比灰色调的面积小，容易取得版面的平衡 高调，白色在光谱当中是全部色彩的总称，白色本意上也是洁净无色明朗的，同时它是最好的调和色，满足视觉平衡，也更好的衬托突出其他色彩的性格。设计中我们经常使用白色背景或白色与彩色相兼容，产生和谐轻松的感觉，对缓解紧张压抑的情绪大有好处，也延续了版面的意蕴，避免视觉的突兀。白并非空无一物，填满空白不是设计师要做的，重要的是如何运用空白。同时白色也可以和其他颜色配合轻易的表达出虚实的空间。 灰调，是黑与白调和后的中间色。可产生不同层次不同色调冷暖、不同灰度等的变化，极富个性化，而人的眼睛对灰色感觉是最舒服的,

22、变调：是指语音在读音阶时声调发生变化的现象。引申到版式中使版面对条例、秩序、连续的视觉式样产生质疑 变调是通过对主题的变奏，而得到多方面的对主题延展和扩张。表现在版式中最突出的是色彩的交替、渐变、或突变，概括的说就是寻找差异化，以此来产生运动感，使视者从习惯的调子中逃离出来尝试一种新的感觉；这种变调是冲突的刺眼的，但是它反映的是生命的本能的冲动，容易引起人们视觉的对焦，那么这种差异产生的变换必须有机的统一在某种秩序之中。如果极端性的差异色也即对比色在面积体量上势均力敌那么矛盾就会激化，也不利于整体色调的和谐，,第三节肌理的渗透,第四节黑白灰的应用,第九章 版式设计的视觉流程,一 视觉感知 二

23、视觉规律 三 视觉流程,第一节视觉感知,视觉是辨别外界物体明暗和颜色特征的感觉。由我们的眼球感知起主要作用。它是与眼睛、物像、环境条件和心理感受共治一炉的，并由视觉感官通过对光的感受以获得对客观物体的映像进而形成心灵感应。 而我们说的视觉感知指的是在平面设计中所采用的视觉设计元素能吸引受众眼球，并对其造成视觉冲击来促使感知，从而留下深刻的印象。,第二节视觉规律,视觉是通过眼睛、被看的对象以及连接这两者的光源构成的，在一定限定的范围内，人们的视觉注意力是有差异的。注意力价值最大的是中上部和左上部。上部让人感觉轻松自在，也是视觉中心对比最强的地方。下部和右侧则让人感觉稳重和压抑，故版面上侧的视觉力

24、度强于下侧，左侧强于右侧，因此，版面左上部和中上部被称为“最佳视域”；另外，在纵长版面中心线的三分之一处，最为引人注目，这是版面的最佳“焦点”方位 在焦点的四周，是版面的“最佳视域区”。这是人们在长期的生活实践中产生的视觉习惯。根据这些所形成了一定的视觉运动的规律。 根据这些原理，一般重要的信息、有魅力的广告语、图形等应该放在左上部及中上部，以便一开始就能抓住观众的视线，达到诉求的目的，此外，必须考虑读者的阅读过程，如招贴海报，以便是按两步的阅读过程设计，先远距离留下初步印象，在引导读者走进之后，就是第二步，达到近距离仔细阅读的目的。,人们普遍追寻的视觉规律优势也会发生对视觉判断的失误，出现被

25、知觉的物体与客观的现状不一致的感官，形成错觉现象，也就是错视，错视效果是现代西方艺术欧普艺术所追求的中心内容，因为欧普艺术的视觉效果强烈、夺目，曾风靡与设计界，成龙设计师在版面设计或者构成中重要的表现手段。我们主要研究的是透过眼球在视觉上对形与色所产生的错误反映的生理视觉。是人为的利用错觉在平面空间造成的矛盾空间。 如果没有视觉中的错觉，视觉造型的语言就会单调乏味，视觉艺术的趣味和魅力就逊色不少。概括的说我们队版面设计美的感受，也常常建立在这些判断错误的基础之上。能够诱导公众产生积极的错觉，避免消极错觉。这就要设计者掌握传达客观与主观信息，合理构成形式与内容的重要技巧。错视可诱导观众对这些貌似

26、真实的形态与客观存在差异直接进行反复审视和品味，感受版式视觉艺术语言的幽默和魅力。,第三节视觉流程,所谓视觉流程就是当读者注视到版面时，能很自然的按照各诉求内容，一步一步的读下去，这条无形的视觉空间流动线就称为视觉流程，这个事设计师对各种信息以最快的途径有序的处理，目的是诱导读者的视线按照设计师的意图获取最佳信息 版面上的视觉流程实际上是对各信息的最佳组合与合理编排。因此设计要讲究科学性。,视觉流程设计原则 一 讲究科学性 符合一般视觉原理和读者普遍认同的心理顺序及认识思维，既自然又合理的畅快流向 二 强调可视性 强调视觉元素应是目力所及的范围，视觉语言必须是易读易记为人们所理解，因此要把握视

27、觉流程的节奏。间隔大节奏就慢显得有气势，舒展。间隔过大就失去了联系缺乏呼应。间隔小，视线流动快，紧张紧凑。但过于小，则可视性差不易阅读容易引起视觉疲劳 三 突出策略性 设计者必须根据创意策略的内涵定位及销售、形式等整体布局来谋求视觉的流向和步骤。,视觉流程表现方法： 一线向视觉流程 1竖向视觉流程 2横向视觉流程 3曲线视觉流程 二 导向视觉流程 1文字导向 2手势导向 3指示导向 4形象导向 三 多向视觉流程 1反向视觉流程 2趣味视觉流程 3散点视觉流程 4重心视觉流程 四复向视觉流程 1连续视觉流程 2渐变视觉流程 3近似视觉流程 4重复视觉流程,第十章 版式设计的多元化,光影变幻 位置利用 透视分析 制造层次 拼贴自由 分割运用 噪音模仿 模糊秩序,