第五章-展示空间版面设计ppt课件

展示设计展示设计display主讲：艺术与设计学院 鲁思媛 展示设计display主讲：艺术与设计学院第五章第五章 展示空间版面设计展示空间版面设计第一节第一节 展示版面设计的基本原理展示版面设计的基本原理一、展示版面的设计原则一、展示版面的设计原则展示版面设计是展示空间信息传达的一种重要表现形式，它是由既统既统一一又具有独特艺术个性独特艺术个性的单体版面的连续与组合体连续与组合体构成的。展示版面由展板、展墙、展柜、等立式展板、展墙、展柜、等立式界面构成，上面可放置图片、图表、文字、展品、装饰品等内容。一般放置在距地面1 1米以上米以上2.52.5米以下米以下，通用型多数选用0.9m1.2m的规格，并将其竖置。第五章 展示空间版面设计第一节 展示版面设计的基本原理一、展2第五章-展示空间版面设计ppt课件3（1 1）轻重有序）轻重有序（2 2）形质统一）形质统一（3 3）创新新颖）创新新颖（4 4）整体统一）整体统一（1）轻重有序4第五章-展示空间版面设计ppt课件5二、展面构成的形式原则二、展面构成的形式原则1.1.比例比例指部分与部分、部分与整体之间的数量比例关系。黄金分割黄金分割：1：1.618德国标准比例德国标准比例：正方形为短边，对角线为长边二、展面构成的形式原则1.比例6 2.2.中心中心 视觉中心视觉中心:通过两目测中点所作垂线得到的交点称为视觉中心。几何中心：几何中心：而用测量工具测量所得到的交点，称为几何中心。几何中心几何中心视觉中心视觉中心 2.中心几何中心视觉中心73.重力 版面失去了重心就等于失去了稳定和安全的感觉。在版面设计中，重心的视觉感受是位置决定的。（1）位于版面上半部分的形象能引起人们轻松、飘逸自由的想象，越是往上这种感觉越强烈。3.重力8第五章-展示空间版面设计ppt课件9（2）位于下半部分形象常常给人以压抑、束缚、稳定的感受。（2）位于下半部分形象常常给人以压抑、束缚、稳定的感受。10（3）位于左半部分的视觉形象有轻松自由的舒适感，位于右半部分的则会使人感觉到紧密、沉重、稳固。（3）位于左半部分的视觉形象有轻松自由的舒适感，位于右半部分114 均衡均衡 等量不等形，是不依中轴线来配置也可取得视觉平衡的一种形式法则。4 均衡12第五章-展示空间版面设计ppt课件135 方向方向5 方向14第五章-展示空间版面设计ppt课件156.6.对比对比:为了强化视觉的冲击力，有效突出重点内容并对信息有阅读兴趣，必须利用对比法则。6.对比:为了强化视觉的冲击力，有效突出重点内容并对信息有阅16第二节第二节 展示版面的功能与形态展示版面的功能与形态 一、展示版面的功能与形态一、展示版面的功能与形态 版面的形态，根据展示版面的形态，根据展示 空间设计划分，有平面型、弧面型、折面型，也有由几个版面构成，以平行、垂直、交叉、错位、放射等形式组合而构成的系列版式造型。版面的材质可以是金属、木材、玻璃、纺织品、塑料制品、纸张及各种新型的复合材料。第二节 展示版面的功能与形态 一、展示版面的功能与形态 17二、展示版面设计的特点二、展示版面设计的特点1.统一的板式造型及版面形态2.统一的空间位置和空间角度3.统一的组合及变化规律4.统一的材质及统一的制作工艺5.统一的内容安排和统一的媒介二、展示版面设计的特点1.统一的板式造型及版面形态18第五章-展示空间版面设计ppt课件19三、展示版面的构图形式三、展示版面的构图形式1.1.版面独立构图形式版面独立构图形式（1）满空间构图形式满空间构图形式:它是由照片或文字占满版面，不留边框的一种构图形式。三、展示版面的构图形式1.版面独立构图形式20（2 2）对称构图形式）对称构图形式 对称构图形式对称构图形式是传统的构图形式之一，也是在展示版面设计中常用的一种。它是利用版面的对称点和对称线去做版式内容的对称安排。对称构图给人以平衡、稳定的视觉心理效果，既有统一感，又能在对称中求变化。（2）对称构图形式21（3 3）边框构图形式）边框构图形式（3）边框构图形式22（4 4）网格式构图形式）网格式构图形式（4）网格式构图形式23第五章-展示空间版面设计ppt课件24第五章-展示空间版面设计ppt课件252.2.版面组合构图形式版面组合构图形式（1）重复构图法：分为整体重复和局部重复。2.版面组合构图形式26（2 2）渐变构图法）渐变构图法 首先设计确定一种渐变的形式和渐变的顺序比例。（3 3）对比构图法）对比构图法 它利用了版面各局部空间和各版面之间的不同构图方式、不同的色彩关系、不同的版面材质形成了版面的对比效果。（2）渐变构图法（3）对比构图法27第三节第三节 展示版面的文字设计展示版面的文字设计 一、展示中字体的功能一、展示中字体的功能 1 作为文字内容的视觉传达符号；2 作为装饰的图形符号。第三节 展示版面的文字设计 一、展示中字体的功能28第五章-展示空间版面设计ppt课件29第五章-展示空间版面设计ppt课件30第五章-展示空间版面设计ppt课件31第五章-展示空间版面设计ppt课件32第五章-展示空间版面设计ppt课件33第五章-展示空间版面设计ppt课件34第五章-展示空间版面设计ppt课件35 在版式设计中，文字的设计十分重要在版式设计中，文字的设计十分重要 精准细致的字体表述内容的版式，精准细致的字体表述内容的版式，给人以清晰、明朗和高贵的感觉。给人以清晰、明朗和高贵的感觉。A 信息量大，文字量多信息量大，文字量多B 文字占有版面的绝大文字占有版面的绝大部分面积，或只有文字没部分面积，或只有文字没有图形的情况下。有图形的情况下。对文字的巧妙处理对文字的巧妙处理 在版式设计中，文字的设36二、版面设计中的文字应用二、版面设计中的文字应用1 展示版面标题分为三级：一一级、大标题，整个展示的总标题二二级、单元标题三三级、组标题设计时注意：大标题与小标题之间要有明显的大小阶梯变化：大标题采用比较规范庄重，对比强烈，有强烈冲击力的字二、版面设计中的文字应用1 展示版面标题分为三级：37（1）标题文字：标题文字：经过专门的设计来表现。目的目的：获得更为有效的视觉刺激，吸引关注、重视。准确传达意图，对正文内容作较形象而概括的提示。标题设计注意标题设计注意：字体设计位置 （视觉中心）（2）正文文字：）正文文字：字体一般不要求过多的变化。目的：目的：解释、说明、表述。标题设计注意：标题设计注意：理智、科学、字号、字体、字距、行距、篇章字数（面积）的控制。（1）标题文字：经过专门的设计来表现。38（3）标题、正文、说明常是穿插应用的标题、正文、说明常是穿插应用的 标题标题 正文正文 说明文字说明文字（3）标题、正文、说明常是穿插应用的 39（4 4）文字与插图文字与插图 并列关系：并列关系：文字与插图并列排列 包容关系：包容关系：文字绕图的形式（5 5）文字与色彩文字与色彩 标题标题 ：较合适作色彩处理 正文：正文：需要更含蓄委婉（4）文字与插图（5）文字与色彩40第五章-展示空间版面设计ppt课件41第五章-展示空间版面设计ppt课件422 版面版面说明文中明文中应注意注意（1）展示版面说明文 在展示版面说明文设计中应注意以下几点文字字体选择要适合展示内容，并同整个展示风格相协调；文字的行距必须大于字距，行距与字距之比为3:1或4:1；文字版面编排要得当，文字不宜排得太慢或太空，概括版面形状应注意天地合左右的留白；版面文字层次应清楚，大小要适宜，相同级别的文字字体要统一，规格要一致。（2）说明文字的编排有以下排列形式左齐右不齐，自然排列。右齐左不齐，适用于数量少的文字，增加形式感。首尾取齐，是最常见的编排方式，具有不零乱的感觉。中轴取齐，左右不齐，在文字的编排中比较有现代感，适用于装饰性较强的版式排列。适形排列，沿图形或图片的边缘排列。强调式排列，首字放大或字首加装饰符号。以上几种编排形式，可单独运用也可相互借用。以上几种编排形式，可单独运用也可相互借用。2 版面说明文中应注意43右齐左不齐右齐左不齐右齐左不齐44中轴取齐中轴取齐中轴取齐45适形排列适形排列适形排列46第五章-展示空间版面设计ppt课件47强调式排列强调式排列强调式排列48文字分布的区域文字分布的区域 视觉心理视觉心理 A 字号小字号小 B 成行的文字成行的文字C 成段的文字成段的文字少量的字体疏朗地排列，给人以点的感觉少量的字体疏朗地排列，给人以点的感觉 由于视觉调整、连缀成为版面上的线由于视觉调整、连缀成为版面上的线在版面上形成面在版面上形成面从构成的角度来看：从构成的角度来看：文字分布的区域 视觉心理 A 字号小少量的字体疏朗地49三、展示字体形式的多样化三、展示字体形式的多样化 展示功能的多样化，使字体发展为现今的有静有动、有凸有凹、有形有声、有光有色、有实有虚等千变万化的形式。字体在展示中的使用也随着展示环节和媒介的变化而无处不在、无时不有。展示中的文字正如生活中的语言一样，无论展示的功能和形式如何发展，文字将总有自己的一席之地。三、展示字体形式的多样化 展示功能的多样化，使字体发展50第五章-展示空间版面设计ppt课件51第五章-展示空间版面设计ppt课件52第五章-展示空间版面设计ppt课件53第五章-展示空间版面设计ppt课件54第四节第四节 展示图片与展示图标的设计展示图片与展示图标的设计 一一 展示图片的选用与调整展示图片的选用与调整1 明确展示主题 在版面设计中，应该选择一系列能明确反映主题的照片或图片，而不是单纯选择画面美观，但主题不明确的图片或照片。此外，所选择的图片整体色调与内容形式应尽可能统一，这样在以后的编排中就不必太担心出现“花”、乱的结果。同时，选择的图片精度要高，以避免输出打印后展示效果不佳的现。第四节 展示图片与展示图标的设计 一 展示图片的选用与调55第五章-展示空间版面设计ppt课件56第五章-展示空间版面设计ppt课件57第五章-展示空间版面设计ppt课件582.2.展示图片的剪裁与调整展示图片的剪裁与调整 展示设计版面上的图片大部分都是经过后期的调整处理才成为版面内容的，进行图片裁剪时应兼顾版面内容和审美角度，有选择性地裁剪图片，舍弃图片中的多余部分，保留最完整、明确的信息部分。u 通常一个版面中的图片尺寸不宜过多，最好尺寸间的变化有模数关系；u 其次要注意调整各张图片的色彩和明暗关系；u 另外还要注意同一版面上图片的协调性。2.展示图片的剪裁与调整 展示设计版面上的图59第五章-展示空间版面设计ppt课件60二二 展示图表的应用展示图表的应用 展示图表设计是指通过图式表格来表示某种事物的现象或某种抽象观念的一种方法。1 展示展示图表的表的设计分分类二 展示图表的应用 展示图表设计是指通过图式612 2 展示图表的表达特性展示图表的表达特性（1）表达事物的形象特征（2）信息的可读性（3）图表设计的艺术性（4）图表设计的审美性2 展示图表的表达特性（1）表达事物的形象特征62（1）列表列表 是图表特有的表述与传达形式,可通过图像、文字和数字分门别类的排列来表示事物的性质和特点。这种表示方法是列表设计中独有的特征。3.3.展示图表设计的基本形式展示图表设计的基本形式（1）列表 3.展示图表设计的基本形式63（2 2）对照）对照 对照是图表表示和认读的基本方式，尤其在统计表和时空表中不可缺少。（2）对照64（3）图解图解 通过图像示意和说明使图表表达更具直观性、易读性，同时消除了文字符号中令人费解和枯燥成分的一种有效形式。图像语言必须是可视、可理解的具象图形。（3）图解65（4）标注标注 标注是确定信息和进一步说明的一种方式。标注又可分为：列示注明色标（4）标注66（5）连接 是指通过线、面等形式来建构不同用途的图表框架、连续具有表示某种组织关系和相互关系作用秩序的功能，而秩序在图表设计中又有特殊的含义。重点：主要视觉流程。（5）连接674.4.展示图表的类型与表展示图表的类型与表示方法示方法（1 1）示意图表：）示意图表：示意图表是以图画语言和象征符号为基本特征的表示形式，以各种自然形和人造物的外部形态和内部构造来表示某种事物的状态。4.展示图表的类型与表示方法68（2 2）统计图表：）统计图表：统计图表能将各种统计数据图示化、表格化，是统计学与视觉设计的结合，它在展示图表设计中的运用非常广泛，能把抽象的数字更形象地表达出来。表格类：在展示版面设计中将整理后的数据排入表格中，可以很快地分析出事物的性质与关系，一目了然。（2）统计图表：统计图表能将各种统计数据图示化、表格化，69坐标类：坐标类：坐标类图表主要是用来表示事物发展过程中的变化和量变状态的一种形式。常见的坐标类图表有：uK线图u柱形u图画形等坐标类：坐标类图表主要是用来表示事物发展过程中的变化和量变70条块类：条块类：采用横向或竖向条块相互对照的方式来示意事物量和度的一种表达方式。条块类：采用横向或竖向条块相互对照的方式来示意事物量和度的71圆形类：圆形类：通过圆形的分割来表示量和比值的关系，如占有的面积、人员和产量的分布等。圆形类：通过圆形的分割来表示量和比值的关系，如占有的面积、72地图类：地图类：在统计图表中常采用地图图像做母体，直接在上面标示出数据和比值图形，这种方法一般用于国家或地区的各种综合数据统计。地图类：在统计图表中常采用地图图像做母体，直接在上面标示出73第五章-展示空间版面设计ppt课件74DISPLAY Thank You!DISPLAY Thank You!