第三章多媒体作品的平面构成法

1、XX20150241刘佳瑛 了解了解多媒体作品的页面及其特征特征 理解理解多媒体作品平面构成法的概概念念及其相关要素在多媒体作品制作中的重要意义重要意义能在多媒体作品的创作实践实践中设计并运用运用平面构成法会分析分析多媒体作品的平面构成本章学习目标多媒体作品的页面多媒体作品页面的含义与基本特征多媒体作品的平面构成法多媒体作品平面构成法的含义构成多媒体页面的形式要素与内容要素平面构成法在网页作品制作中的运用平面构成法的多媒体课件作品制作中的运用多媒体作品的平面构成法平面构成法的基本原理平面构成法的运用第三章多媒体作品的平面构成法3.1多媒体作品平面构成法的基本原理3.2案例分析3.13.1多媒体

2、作品平面构成法的基本原理多媒体作品平面构成法的基本原理3.1.1多媒体作品的页面3.1.2多媒体作品的平面构成法所谓多媒体作品的页面是指在每一个页面上文字，声音图片，视频等要素按照一定目的存在一个平面上排列摆放在通过超链接技术将一个一个的页面非线性的组织在一起从而构成了一部生动的开放和封闭的多媒体作品构成多媒体作品的一个个屏幕画面，是构成多媒体作品的基本单位。多媒体作品看似图文并茂视听兼备，然而从其构成单位来看，不外呼是由一页一页的页面构成.1.多元性 猛然一看图文并茂的多媒体界面与印刷的杂志很相像其实大家都知道与杂志相比多媒体作品拥有的不仅仅是静态的图片与文字更拥有动态的音频与视频只不过动态

3、的音频与视频在某一个界面上可能以超链接的形式简化成一个相对静止的图片形式加以呈现罢了只要点击这个超链接音频和视频就会动播放起来，所以多媒体页面是包含图文声像等多种媒体元素在内的页面因而具有多元性4.相对静止性 作品页面的相对静止性表现在两个方面，第一与影视作品相比多媒体作品的页面是可以停驻的。用户可以从容的在某个页面上选择想要去的地方进行浏览这种浏览是主动灵活的非常个性化的。第二多媒体作品页面的，静止是相对的，首先有些多媒体作品页面中的声频和音频本身就是缺省播放的，从而是运动的。其次，其实多媒体作品页面中的音频和视频呗设置成缺省不得放，当用户想观看，或者聆听时只需点击播放按钮即可开始播放，静的

4、马上就变成动的了。3.松散性 而对于构成多媒体作品的基本单位及页面而言，其中各构成元素之间的关系却是松散的，也就是说构成多媒体页面的各个元素如图文声像等所表达的内容之间可能不是仅仅围绕一个主题，甚至互不相干，至于不相干的程度如何，常常与多媒体作品体裁和篇幅的开放性有密切的关系。2.超连接性 在多媒体作品的每一个页面中正文可能以摘要的形式出现也可能以完整的形态出现但不论是摘要形式还是完整形态无论是文字的图片的还是音频视频形态的正文他同时又可能包含许多指向其他页面的超链接这就与印刷媒体形成了很大的不同。通过多媒体作品中每一个页面的超链接可以浏览更多的甚至无数的其他页面至于到底会浏览哪些其他页面或者

5、以什么样的顺序浏览他页面前者取决于多媒体作品本身后者则取决于用户的不同选择正因如此对多媒体作品的阅读就成了一个真正个性化的阅读此外通过交互类超链接可以实现用户与多媒体作品的互动。 多媒体作品的多媒体作品的页面页面具有具有如下一些基本如下一些基本特征特征3.13.1多媒体作品平面构成法的基本原理多媒体作品平面构成法的基本原理3.1.1多媒体作品的页面3.1.2多媒体作品的平面构成法一，什么是多媒体作品的的平面构成法由于多媒体作品的页面是构成多媒体作品的基本单位，因此多媒体作品页面的创作就成了多媒体作品创作的一个非常重要的基本环节同时又因为多媒体作品的页面具有多元化和相对静止性，因此多媒体页面的创

6、作在很大程度上可以借鉴报纸杂志的平面构图和排版方法在这个意义上就产生了多媒体作品的平面构成法。所谓多媒体作品的平面构成法就是只在一个屏幕平面上如何对多媒体作品的各种元素如图文声像和超链接等进行构图与排版的方法和规律。二.多媒体作品平面构成法的基本原理：页面设计多媒体作品的页面可以简单的被看成是一个平面和一个版面，对多名体作品界面的设计就更成了一种版面设计。版面设计也叫版面编排和排版是平面设计中最具代表性的一大分支运用在多媒体作品设计中，主要指根据特定表达的目的将图文声像和超链接等元素成功的组织安排到一个屏幕平面上的设计艺术。1.多媒体页面编排的基本要素多媒体作品页面编排的基本要素包括构成构成要

7、素和编排要素要素和编排要素构成要素 字符字符及文字符号，它是报刊书籍的主要排版符号也是多媒体作品页面的主要符号字符的属性有字号字体，字距与行距图片与代图片图片与字符相比不仅本身就能传递一定的信息，而且在吸引受众注意增强版面力度以及美化版面方面具有更大的优势。其中有一种图片我们可以称之为代图片它实质上是一种图片型超链接除了图片本身的意义外他还代表着一种链接，点击它就可以打开其他相应的链接员或播放相应的视频与音频。音频在传统的平面媒体中是不存在音频这一构成要素的但在多媒体作品中却大量存在着一瓶本身虽然不占空间大很多音频为了播放控制的方便会议播放器和播放图标的形式出现在页面当中这种播放器播放图标往往

8、就是一种图片的形式也是一种代图片视频视频的情况与音频基本相似，但不同的是不加音频的视频可以在一个页面中多处同时播放而伴随音频的视频则要注意不要与其他带音频的视频或纯音频同时播放。排版要素版式版式即对多媒体作品的平面进行横向与纵向分割而产生的页面划分形式通常有两栏式三栏式和四栏式板式的划分是多媒体版式设计的首要问题，通常采用网格系统来设计版式色彩不仅仅是一种美学符号还是一种情感性的编辑符号，组版者可以通过色彩传递多种情感意义，使受众在接受文章内容之前就有一个准确的情感匹配，引起受众情感的共鸣。线条与形状从来源上说有三种，一种是有视觉形象自身的轮廓所构成的实体线条与形状。一种是有搁视觉形象之间的位

9、置排列所构成的关系线条与形状，面积在一个多媒体页面中某个元素所占的面积越大越是引人注意创作者往往会根据表达的意图来确定要重点展示的对象加大它的面积。有时文字可能占据大片面积有时可能图片占据大片面积，位置一般来说在一个页面中某个元素的位置越靠上靠左越容易被用户注意反之越靠下靠右越不容易被用户注意。多媒体作品的创作者往往利用这一点将想要优先被用户浏览的元素放在靠上靠左的位置。页面的比例美页面的比例美。 比例是多媒体作品页面设计比例是多媒体作品页面设计成功的基础，世界公认的最成功的基础，世界公认的最美比例是美比例是黄黄金分割金分割1:0.618页面的视觉页面的视觉力场力场。 在一个生动的设计页面中都

10、存在一个视觉立场受重力经验的影响视觉密集点集中在页面下方有沉稳凝重的感觉，反之密集点集中在页面上方则有轻盈的感觉。页面的视觉页面的视觉中心中心。 人的生理特征决定了，在一个页面中人们感到的中心比实际的几何中心要略高一些，我们称之他为习惯，视觉中心。这就是为什么在一个页面设计中主要的文字或图形，经常放置在中间偏上部位的原因。页面的视觉方向页面的视觉方向。在页面中字行字组图片的安在页面中字行字组图片的安排都存在某种方向的运动感，排都存在某种方向的运动感，我们将其概括为水平垂直倾我们将其概括为水平垂直倾斜三类斜三类页面的对称页面的对称形式形式。 在页面设计编排上对称的设计是以中轴线为依据进行设计的对

11、称有垂直对称与水平对称两种形式，只其中还包括不完全对称与对称中的不对称这两种变化。页面的视觉页面的视觉均衡均衡。均衡这一形式原理应用于页面设计后所产生的效果，比对称页面要生动的多，如果将对称形容为一架天平，那么均衡咋可以理解为一杆秤页面的空白页面的空白。 页面中的空白与建筑中的虚页面中的空白与建筑中的虚空间相似实形和虚形是一个空间相似实形和虚形是一个矛盾的两方面他们是同等重矛盾的两方面他们是同等重要的在一个页面中只看到图要的在一个页面中只看到图形文字而不注重留白如同音形文字而不注重留白如同音乐中没有休止舞蹈中没有定乐中没有休止舞蹈中没有定格与造型会缺失不少的美感，格与造型会缺失不少的美感，变容

12、易造成一种紧张压迫之变容易造成一种紧张压迫之感感页面的分割页面的分割。 是一种最基本的编排技巧页面分割要结合页面的比例展开一般有横向分割纵向分割珊格分割纵深分割自由分割五种形式。页面的节奏页面的节奏与韵律与韵律。 节奏与韵律原本是音乐的术语本来指的是乐意长短变化的错落有致，高低起伏和生动协调页面中字行的重复与变化同种字体相似笔画的重复图片的重复或相似种种同类视觉要素变化交替的重复渐变等，应用到页面中都能产生美的节奏与韵律页面的对比页面的对比对比，相对对比，相对与静的均衡与静的均衡是一种动的是一种动的均衡对比使均衡对比使版面产生强版面产生强烈的视觉冲烈的视觉冲击可以说有击可以说有了对比页面了对比

13、页面更有魅力。更有魅力。 2.多媒体作品页面设计的形式美原理目的性原则目的性原则目的性原则是多媒体作品排版构成的一个首要原则他是指创作者要根据表达的需要确定对象主次也就是说哪些事主体内容哪些内容是要让客户首先了解首先浏览的要做到心中有数然后据此来确定整个版面的视觉中心或某一模块内部各元素的视觉中心以及其他版面设计的要素艺术性原则艺术性原则动静要协调动静要协调在多媒体作品中动态的视频，常常给客户最强的视觉冲击力音频的播放也展现作品风格表达内容和展现创作者的审美趣味直接相关。对比调和表里如对比调和表里如一一对比与调和是视觉语言构成的基本法则形式和内容的统一是理论到时间的转换版面形式的节奏感和韵律感

14、通过要素关系中的大小输密强弱虚实对比等因素来体现视觉冲击力靠，对比度来调和表达。注意留白注意留白，强弱得当从中国发到信阳话都很讲究，版面中的黑白分布实质上是注意空白的选留。留白忌黑是中国画的一个重要构图理论，既讲究版面中的图与底强与弱主与次的关系得当比例协调比例协调，保持均衡版面比例包括整个画面的长与宽的数值图形的图形的大小图形与文字的位置分配以及空白无相之间的比例关系。3.多媒体作品平面构成法的基本原则第三章多媒体作品的平面构成法3.1多媒体作品平面构成法的基本原理3.2案例分析3.23.2案例分析案例分析3.2.1新浪博客个人主页的平面构成法运用分析3.2.2多媒体课件的平面构成法运用分析

15、一.“版式与面积”要素的运用分析1.新浪博客首页的“板式”分析新浪博客个人主页给用户提供了两种“版式”：两栏式和三栏式.腾讯首页腾讯博客首页（两栏式）2.新浪博客个人主页首页版式中的“面积要素分析”不同的版式分割方式决定了栏目的数量，而不同的栏目数量则决定了各栏目或各板块的面积，栏目数量越多，栏目的面积就越小。腾讯博客新闻网页（栏目数量有多有少，面积有小有大小）二.“各媒体元素使用率及位置要素”运用分析1.各媒体元素使用率分析 新浪博客为博主充分的提供了添加图片，视频和音频的功能。2.新浪博客个人主页首页版面设计中的“位置要素”设计分析 1）“位置要素设计”的第一层次：“头版”即“首页”内容的

16、取舍。 位置在多媒体作品，尤其是网页的面，平面构成中起着重要的作用。 2）“位置要素设计”的第二层次：“首页”中各模块的位置安排 一旦在首页中要展示的模块儿被确定下来更模块儿之间便又有一个“位置”的安排问题了。3）“位置要素”设计的第三层次：某一块儿内容各个要素间的位置安排 如果具有操作上的可能性，博主还可以针对某一模块内部各要素的位置进行调整。调整的依据当然是博主认为的各个要素的重要性。 课件 举例3.23.2案例分析案例分析3.2.1新浪博客个人主页的平面构成法运用分析3.2.2多媒体课件的平面构成法运用分析一.“各媒体元素使用率”分析课件与博客不同博客是一种个体表达方式，无论是表示内容还是表示方式都存在着很大的个别差异儿课间面对教学对象是受教学目标和教学内容制约的。 1.多媒体课件师说的媒体元素使用率分析 2.多媒体课件再别康桥的媒体元素使用率分析 课件 举例 课件 举例二.文字，音乐与动画元素的运用分析