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.多媒體課件再別康橋的媒體元素使用率分析 課件 舉例 課件 舉例二.文字，音樂與動畫元素的運用分析