任務1.4　多媒體常見表現形式

老洪告訴米拉：“文本、圖像、動畫、音頻、視頻和網頁都是多媒體常見的表現形式，在多媒體設計工作中，我們除了采用客戶提供的素材外，很多時候都需要自行搜集、處理與編輯素材，因此設計師必須要對這些素材的表現形式有一個清晰的了解。”米拉認真聽取老洪的建議后，開始查詢相關信息。

1.圖像

圖像是多媒體的重要表現形式，也是用戶非常容易接受的信息媒體類型。一幅圖像可以形象、生動、直觀地展現大量信息，因此在多媒體設計中，靈活使用各類圖像可以提高信息的吸引力，優化視覺效果。

（1）圖像的基本概念

圖像是通過光、電子或其他方式捕捉并呈現的視覺表達形式，廣義上是各種圖形和影像的總稱，其中“圖”是指物體反射或透射光的分布，“像”是人的視覺系統所接受的圖在人腦中所形成的印象或認識，如照片、繪畫、書法作品、傳真、衛星云圖、影視畫面、X光片、腦電圖、心電圖等都是圖像。

圖像根據圖像記錄方式的不同可分為模擬圖像和數字圖像。

●模擬圖像：模擬圖像是指通過某種物理量（如光、電等）的強弱變化來記錄圖像亮度信息。

●數字圖像：數字圖像是指通過計算機存儲的數據來記錄圖像上各點的亮度信息，也是圖像的狹義解釋。

圖像可以是平面、二維的，也可以是立體、三維的，廣泛應用于繪畫、攝影、設計、工程等領域（見圖1-14），是人類視覺感知和信息交流中的重要部分。

（2）圖像的專業術語

專業術語在特定行業或領域中具有非常重要的作用，可以精確傳達信息、提升工作效率、建立專業身份、促進學習和研究、加強專業交流與發展，因此設計師應主動了解并熟悉圖像相關的專業術語。

●像素：像素是構成圖像的最小單位，每個像素在圖像中都有自己的位置，并且包含一定的信息。單位面積內的像素越多，顏色信息越豐富，圖像效果就越好，圖像文件也會越大。在圖像處理中，圖像通常由像素組成，每個像素代表圖像中的一個細小區域，并攜帶著該區域的顏色和亮度信息。

●分辨率：分辨率是圖像中單位長度上的像素數目，單位通常為“像素/英寸”和“像素/厘米”。圖像的分辨率越高，圖像就越清晰，圖像文件也就越大。在多媒體設計中，為了使作品最終呈現的效果更好，需要為作品設置合適的分辨率，或者選擇分辨率較高的素材進行編輯。例如，需印刷的圖像分辨率要達到300像素/英寸，一般用于屏幕顯示的圖像分辨率通常為72像素/英寸。

●位圖：位圖又稱為點陣圖或像素圖，它由多個像素構成，能夠將燈光、透明度和顏色深度等逼真地表現出來。將位圖放大到一定程度后，可看到位圖是由一個個小方塊（即像素）組成的。位圖的缺點是放大到一定比例時，圖像會變得模糊。圖1-15所示為位圖原圖和放大后的效果。

●矢量圖：矢量圖又稱為向量圖，是指使用一系列計算機指令來描述和記錄的圖像，它由點、線、面等元素組成，所記錄的對象主要包括幾何形狀、線條粗細和色彩等。與位圖不同的是，矢量圖的清晰度和光滑度不受圖像縮放比例的影響，其可在任何打印設備上輸出高品質的圖像。圖1-16所示為矢量圖原圖和放大后的效果。

●顏色深度：顏色深度是指圖像文件中記錄每個像素的顏色信息所占的二進制位數，即位圖中各像素的顏色信息用若干數據位來表示，這些數據位的個數稱為圖像的顏色深度（又稱為圖像深度）。常見的顏色深度有8位（多媒體應用中的最低顏色深度）、16位和32位，顏色深度越高，圖像顯示的色彩越豐富，畫面越逼真、自然，數據量也會越大。

●圖像文件大小：圖像文件大小有兩種釋義，第1種是圖像尺寸，即圖像在計算機中所占用的隨機存儲器容量的大小；第2種是文件尺寸，即在磁盤上存儲整幅圖像所需的字節數，所需的字節數可用公式“圖像文件的字節數=圖像分辨率×顏色深度÷8”來計算。

（3）圖像的顏色模式

圖像的顏色模式決定著圖像文件顯示和輸出的視覺效果，不同的顏色模式會產生不同級別的色彩細節和不同大小的圖像文件，常見的顏色模式有灰度模式、位圖模式、雙色調模式、索引顏色模式、多通道模式、RGB顏色模式、Lab顏色模式和CMYK顏色模式。

●灰度模式：灰度模式是指圖像中沒有顏色信息，色彩飽和度為0的顏色模式。灰度模式圖像中，每個像素都有一個位于0（黑色）~255（白色）的亮度值，能自然地表現黑白之間的過渡狀態，并且灰度模式圖像的顏色深度決定了可以使用的亮度級別數。當彩色圖像轉換為灰度模式時，圖像中的色彩信息都將被去掉，只保留亮度與暗度信息，得到純正的黑白圖像。圖1-17所示為彩色圖像轉換為灰度模式的前后對比效果。所以灰度模式下的灰度圖像文件相比彩色圖像文件要小很多。

●位圖模式：當彩色圖像去掉彩色信息和灰度信息，只剩黑色或白色來表示圖像中的像素時，便是位圖模式。因為位圖模式中包含的顏色信息量少，所以圖像文件較小。在轉換時，需要先將彩色圖像轉換為灰度模式才可以將其轉換為位圖模式，并且轉換后顏色信息將會丟失，只保留亮度信息，如圖1-18所示。

●雙色調模式：雙色調模式是在原有的黑色油墨基礎上添加一種灰色油墨或彩色油墨來渲染灰度圖像的顏色模式。該模式可向灰度圖像添加1~4種顏色來表現顏色層次，使打印出的圖像比灰度圖像更加豐富、生動，并降低印刷成本。在轉換時，需要先將彩色圖像轉換為灰度模式，再轉換為雙色調模式，如圖1-19所示。

●索引顏色模式：索引顏色模式是指系統預先定義好一個含有256種典型顏色的顏色對照表，當彩色圖像轉換為索引顏色模式時，系統會將該圖像的所有色彩映射到顏色對照表中，如果彩色圖像中的顏色在顏色對照表中沒有對應顏色，則系統會從顏色對照表中挑選出最相近的顏色來代替。因此索引顏色模式通常被當作存放彩色圖像中的顏色，并為這些顏色創建顏色索引的工具。

●多通道模式：多通道模式是每個通道都使用256種灰度級別來存放圖像中眾多顏色信息的顏色模式。將圖像轉換為多通道模式后，系統將根據原圖像產生一定數目的新通道。

●RGB顏色模式：RGB顏色模式又稱為真彩色（真彩色是一種通過使用光學三原色不同強度及組合來呈現圖像顏色的表示方法）模式，圖像顏色由紅、綠、藍3種顏色按不同的比例混合而成的，是常見的一種顏色模式。

●Lab顏色模式：Lab顏色模式由RGB顏色模式轉換而來，它將明暗信息和顏色數據分別存儲在不同位置。修改圖像的亮度并不會影響圖像的顏色，調整圖像的顏色同樣也不會破壞圖像的亮度，這是Lab顏色模式在調色中的優勢。在Lab顏色模式中，L指明度，表示圖像的亮度，如果只需調整明暗度、清晰度，可只調整L通道；a表示由綠色到紅色的光譜變化；b表示由藍色到黃色的光譜變化。

●CMYK顏色模式：CMYK顏色模式是印刷時使用的一種圖像顏色模式，主要由Cyan（青）、Magenta（洋紅）、Yellow（黃）和Black（黑）4種顏色組成。為了避免和RGB三基色中的Blue（藍色）混淆，其中的黑色用K表示。若在RGB顏色模式下制作的圖像需要印刷，則必須將其轉換為CMYK顏色模式。

（4）圖像的文件格式

圖像的文件格式是指用計算機表示和存儲圖像信息的格式。同一幅圖像可以以不同的格式存儲，不同格式的圖像所包含的信息不完全相同，因此，其文件大小也有很大的差別，如用BMP格式存儲的文件較大，用TIFF格式存儲的文件較小，而用GIF格式存儲的文件則更小。

不同廠家表示圖像文件的方法不一，目前已經有上百種圖形圖像格式，常用的也有幾十種。下面介紹常用的格式。

●BMP（*.bmp）格式： BMP格式是一種無損的位圖格式，最初由微軟公司開發并在Windows操作系統中廣泛使用。該格式支持1~24位顏色深度，可以存儲多種顏色模式圖像的數據，并且可包含額外的文件頭信息（用于描述圖像的屬性和數據結構）和調色板數據（用于存儲索引顏色模式的顏色映射表）。

●PSD（*.psd）格式：PSD格式是Photoshop生成的文件的格式，是唯一支持全部圖像顏色模式的格式。以PSD格式保存的圖像文件包含圖層、通道、顏色模式等信息。

●TIFF（*.tif、*.tiff）格式：TIFF格式是一種無損壓縮格式，常用于在應用程序與計算機平臺之間交換圖像數據。TIFF格式是一種應用非常廣泛的文件格式，許多圖像處理軟件都支持。

●WBMP（*.wbmp）格式：WBMP格式是一種專用于移動計算設備的圖像文件格式，特定用于WAP（Wireless Application Protocol，無線應用協議）網頁中，僅支持單色圖像數據，只能保存黑白圖像。

●JPEG（*.jpg）格式：JPEG格式是一種有損壓縮格式，支持真彩色，其生成的圖像文件較小，也是常用的圖像文件格式。在生成JPEG格式的圖像文件時，可以設置壓縮的類型，從而產生不同大小和質量的圖像文件。壓縮程度越高，圖像文件越小，圖像質量越差。

●GIF（*.gif）格式：GIF格式最多可存儲256種顏色，不支持Alpha通道。GIF格式的圖像文件較小，常用于網頁顯示與網絡傳輸。GIF格式與JPEG格式相比，其優勢在于可以保存動畫效果。

●PNG（*.png）格式：PNG格式主要用于替代GIF格式。GIF格式的圖像文件雖小，但圖像的顏色效果和質量較差。PNG格式可以使用無損壓縮方式壓縮圖像文件，從而保證圖像的質量，并且可以為圖像定義256個透明層次，使圖像的邊緣與背景平滑地融合，從而得到透明的、沒有鋸齒邊緣的高質量圖像效果。

●EPS（*.eps）格式：EPS格式的優點是可以在排版軟件中以低分辨率預覽，而在打印時以高分辨率輸出。EPS格式可用于存儲矢量圖和位圖，在存儲位圖時，可以將圖像中的白色像素設置為透明效果。

●SVG（*.svg）格式：SVG格式是一種存儲矢量圖的文件格式，該格式的圖像可任意縮放，而且邊緣清晰，生成的文件很小，方便傳輸，文本在該格式的圖像文件中保留了可編輯和可搜尋的狀態，沒有字體的限制，因此常用于設計高分辨率的Web圖形頁面。

●RAW（*.raw）格式：RAW格式是一種未經處理、未經壓縮的格式，可以最大限度地保留圖像細節，因此圖像文件較大。

●PDF（*.pdf）格式：PDF格式是一種跨操作系統平臺的圖像文件格式，可以同時存儲文本、圖形、圖像、色彩、版式、超文本鏈接、音頻和視頻，以及與印刷設備相關的內容，并且可在網絡傳輸、打印和制版輸出中保持頁面元素不變。

●CDR（*.pdf）格式：CDR格式是CorelDraw中的一種圖形文件格式，是矢量制圖軟件CorelDraw特定的格式，用于存儲軟件中的編輯信息、元數據等。

●AI（*.ai）格式：AI格式是Adobe Illustrator使用的一種圖形文件格式，使用Illustrator可以生成該格式的矢量文件，這種格式的圖形文件用Illustrator、Photoshop和CorelDraw都能打開并進行編輯。

●PCX（*.pcx）格式：PCX格式是由Zsoft公司創建的一種專用格式，比較簡單，適合保存索引顏色模式的圖像。PCX格式支持1~24位顏色深度以及RGB顏色、索引顏色、灰度、位圖模式，不足之處是它只有一個顏色通道。

●TGA（*.tga）格式：TGA格式也可稱為TARGA格式。TGA格式是一種帶一個單獨的Alpha通道的32位RGB文件和不帶Alpha通道的索引顏色模式、灰度模式、16位和24位RGB文件的格式。以該格式保存文件時，可選擇顏色深度。

●Film Strip（*.flm、*.filmstrip）格式：FilmStrip格式是Adobe Premiere使用的格式，這種格式的圖像可以在Photoshop中打開、修改和保存，但不能將其他格式的圖像以該格式保存。若在Photoshop中更改了圖像的尺寸和分辨率，則該圖像將無法繼續被Adobe Premiere使用。

（5）圖像的采集方式

常用的圖像采集方式有以下幾種。

●從圖像素材網站下載：直接在相關圖像素材網站搜索需要的圖像并下載，是獲取圖像素材較為快捷的途徑。使用這種方式時需要注意圖像的版權問題，應提前了解知識共享（Creative Commons，CC）協議的版權知識，以便合理使用網絡中的圖片。

●使用抓圖軟件截取：“從屏幕捕獲內容”又稱為“屏幕抓圖”，它是指將計算機屏幕顯示的內容以圖像文件的形式保存。一種方法是按【Print Screen】鍵抓取全屏幕圖像，或按【Alt+Print Screen】組合鍵抓取當前窗口圖像；另一種方法是安裝專業的抓圖軟件來抓取圖像，如HyperSnap、SuperCapture和Snagit（見圖1-21），這些抓圖軟件不僅可以捕捉桌面、菜單、窗口等控件，還可以捕捉鼠標指針、特殊超長屏幕、網頁圖像等。

●使用掃描儀獲取：利用掃描儀中的光學系統可以將圖像投影到平面上，然后通過傳感器將其轉換成電信號，再經過模數轉換器變成數字信號。在計算機中購買安裝掃描儀附贈的驅動程序后，可掃描圖片、照片并將其以JPEG或BMP格式保存。

●使用手機、數碼相機和數字攝像機獲取：通過手機、數碼相機和數字攝像機拍攝照片后，這些拍攝好的照片會存儲在對應設備的存儲器中，通過數據連接線將設備與計算機相連，便可將其中的文件傳輸到計算機中。其中，數字攝像機一般是通過1394口與計算機相連的，而且需要使用相應的軟件才能將文件導入計算機中。

●通過其他方式獲取：從網絡銷售平臺購買圖像素材包、使用Windows操作系統自帶的“畫圖”程序（見圖1-22）或專業繪圖軟件繪制。

2.動畫

動畫是多媒體常見的表現形式，在多媒體設計中，運用動畫表現某主題可以提升視覺表現力，提高對用戶的吸引力。

（1）動畫的基本概念

“動畫”（Animation）一詞源自拉丁文字根“anima”，意思為“靈魂”。因此，我們可以理解為：動畫是使用繪畫的手法，使原本不具有生命的東西像獲得了生命一般，它是一種創造生命運動的藝術。

傳統動畫是通過在連續多格的膠片上拍攝一系列單個畫面，并且單個畫面中的內容與其他畫面相比都略有不同（見圖1-23），再以一定的速率連續放映膠片，從而產生動態效果。

當代動畫則可以通過動畫軟件分解人或物的表情、動作，制作出一系列連續變化的畫面（見圖1-24），使其播放時呈現出動態效果。

（2）動畫的原理

動畫是基于人眼的視覺暫留特點形成的，即當人的眼睛看一個事物時，這個事物會暫時停留在人的視覺里。因此在制作一組只有細小差別，并有連續性的畫面時，往往第一張畫面還依舊在視網膜上保持停留，下一張畫面就顯現出來了，給人的感覺就是畫面在發生連續的變化。

例如，在黑暗的房間里，讓兩盞相距2米的小燈以25毫秒~400毫秒的時間間隔交替點亮和熄滅，觀察者看到的就是一個小燈在兩個位置之間跳來跳去的畫面，而不是兩盞燈分別點亮和熄滅的畫面。這是由于一盞燈點亮時，這個畫面會在觀察者的視覺中停留一段十分短暫的時間，此時另一盞燈點亮，在視覺上就會將兩盞燈混合為一盞燈，感覺只有一盞燈在跳來跳去，這就是視覺暫留的原理。

（3）動畫的優勢

動畫成為重要的多媒體形式，是因為其具有以下5個優勢。

●動畫可包含圖像、文本、音頻等元素，動畫文件較小，傳播方便，可播放平臺較多，且在播放平臺中可獲得較好的畫質與播放效果。

●動畫具有較強的交互性，可以通過單擊、選擇、輸入或按鍵等方式進行交互，從而控制動畫的運行過程與結果。

●動畫采用流媒體技術，可以邊下載邊觀看，同時適應當前網絡的需要。

●支持多種圖像、視頻、音頻等格式文件的導入，并且在導入AI、PSD等格式的圖像文件時，可以保留矢量元素及圖層信息。

●支持輸出多種文件格式，包括HTML網頁格式、SWF、GIF、MOV等，能滿足上傳到不同傳播平臺的需求。

（4）動畫的制作流程

動畫的制作流程包括前期策劃、搜集素材、制作動畫、后期調試與優化、測試動畫和發布動畫6個步驟。

●前期策劃：在制作動畫前，應該明確制作動畫的目的、所針對的目標群體、動畫的風格、動畫的色調等，然后根據客戶的需求制作一套完整的設計方案，對動畫中出現的人物、背景、音頻及劇情等要素做具體的安排，以方便素材的搜集。

●搜集素材：根據前期的策劃有目的地搜集素材，還可以先按制作需求使用軟件編輯素材，以便后期進行動畫制作。

●制作動畫：由于制作出來的動畫效果的好壞將直接決定動畫作品的成功與否，因此在制作動畫時要注意動畫的每一個環節，要隨時預覽動畫以便及時觀察動畫效果，發現動畫中的不足并及時調整與修改。

●后期調試與優化：動畫制作完成后，應全方位地調試與優化動畫，其目的是使整個動畫看起來更加流暢、緊湊，能按期望的效果進行播放。調試與優化主要針對動畫對象的細節、分鏡頭和動畫片段的銜接、音頻與動畫播放是否同步等方面，以保證動畫作品的最終效果與質量。

●測試動畫：動畫制作完成并調試優化后，應測試動畫的播放和下載，因為計算機軟硬件配置大都不相同，所以在測試時應盡量在不同配置的計算機上進行，然后根據測試結果及時調整和修改動畫，使其在不同配置的計算機上均有很好的播放效果。

●發布動畫：發布動畫時，設計師可以設置動畫的格式、畫面和音頻品質。需要注意的是，應根據動畫的用途、使用環境等因素進行設置，而不是一味地追求較高的畫面質量、音頻品質等。

（5）動畫的應用領域

由于動畫具有高保真性、交互性、易傳播、互通性強的特點，被廣泛應用在廣告、互聯網、電商和教育等領域中。

●廣告：動畫形式的廣告，可通過生動、有趣的動畫內容來吸引觀眾的注意力，并在有限的時間內傳達廣告的核心信息。相較于傳統的廣告，動畫廣告的創意表現力和敘事能力更強、色彩更加豐富。圖1-25所示為京東618購物節的《JOY與錦鯉》動畫廣告的部分畫面內容。

●互聯網：在網頁設計中添加動畫，可以通過動態效果和交互元素來提升瀏覽者的體驗并吸引其注意力。常見的網頁動畫有頁面過渡動畫、鼠標懸停動畫、網頁滾動動畫、網頁背景動畫、網頁加載動畫等。圖1-26所示為某網頁的觸發式動畫，瀏覽者單擊相應按鈕后，頁面的圖像和文本將逐漸顯示。

●電商：將動畫運用在電子商務領域中，通過生動的圖像、流暢的動作和有趣的故事來傳遞商品信息，可以吸引消費者的關注，使其產生購買行為。電商動畫可以提高商品的可視性和吸引力，增強品牌形象，提升消費者的體驗，并促進電商平臺銷售業績的提高。圖1-27所示為電動牙刷的商品展示動畫，以創意性的動畫效果給消費者帶來了新奇的體驗，能增加消費者對該商品的好感度。

●教育：動畫形式的教學課件是動畫在教育領域的典型應用。通過動畫能將枯燥的理論知識生動形象地展現給學生，便于學生理解知識的同時，還能激發學生的學習興趣和學習主動性，提高教學效果。圖1-28所示為書法教學課件，通過動畫形式講解“神”字的書寫。

3.音頻

在多媒體設計中，音頻可以直接表達或傳遞信息，也可以制造某種效果和氣氛，因此音頻也是多媒體最常見的表現形式之一。

（1）音頻的基本概念

聲音是一種由物體振動引起的機械波，通過介質傳播并能被人或動物的聽覺器官所感知。當物體振動時，它會通過介質（如空氣、水或固體）傳播機械能，并引起周圍分子的振動，這些振動以波的形式向外傳播，最終達到人的耳朵，被內耳中的聽覺器官接收。在多媒體技術中，通常將聲音分為以下3類。

●波形聲音：波形聲音已經包含所有的聲音形式，這是因為計算機可以將任何聲音信號通過采樣和量化進行數字化，在必要的時候，還可以準確地將其恢復。

●語音：人的語音也是一種波形聲音，它可以通過語氣、語速、語調等攜帶比文本更加豐富的信息。這些信息往往可以通過特殊的軟件進行抽取，所以我們把它作為一種特殊的媒體單獨研究。

●音樂：音樂是一種符號化的聲音，這種符號就是樂譜，樂譜是一種以印刷或手寫方式制作，用符號來記錄音樂的方法，如圖1-29所示。但不是所有的聲音都可以構成音樂，音樂需要經過人類的創作、演奏和欣賞等多個環節，加入一系列的符號和文化內涵，使其具有特定的形式和意義。

音頻就是攜帶信息的聲音媒體。自然界中的聲音屬于模擬信號，通過多媒體技術將模擬信號轉化為數字信號（見圖1-30），可將聲音轉化為音頻。

●采樣：采樣是指用每隔一定時間的信號樣本值序列來代替原來在時間上連續的信號，也就是在時間上將模擬信號離散化，即在時間軸上對聲音信號數字化。

●量化：量化是指用有限的幅度值來表示原來連續變化的幅度值，把模擬信號的連續幅度變為有限數量的且有一定間隔的離散值，即在幅度軸上對聲音信號數字化。

●編碼：編碼是指按一定的規律把量化后的值用二進制數表示，即用數字來表示聲音信號。

（2）音頻的專業術語

在處理音頻時，常會提及音頻波形、頻率、振幅等術語，掌握這些專業術語的含義，更有利于編輯音頻。

●音頻波形：音頻波形是音頻信號的圖形表示，展示了音頻信號隨時間的變化，可以直觀地看到音頻的強度和變化。音頻波形通常從左到右呈現連續的波動，如圖1-31所示，每個波動代表音頻信號的一個周期。

●頻率：頻率是指音頻波形的振蕩頻率，用于表示音頻的音調或高/低音。頻率的單位是赫茲（Hertz，Hz），表示每秒振蕩的周期數量。人類的聽覺頻率范圍為20Hz~20kHz（kiloHertz，赫茲的千倍單位），頻率小于20Hz的信號被稱為亞音頻；頻率高于20kHz的信號被稱為超音頻或超聲波。

●振幅：振幅用于描述音頻波形的變化幅度，即音頻的強度或音量，常使用聲壓級或分貝（dB）來表達，也可以使用采樣值來表示。

●采樣頻率：采樣頻率又稱為取樣頻率、采樣率，是指將模擬的聲音波形轉換為音頻時，每秒所抽取聲波幅度樣本的次數。它決定音頻文件的頻率范圍。采樣率越高，音頻會更接近原始模擬波形，音頻效果則越好。其中，44.1kHz的采樣率常用于CD，48kHz的采樣率常用于電視，96kHz的采樣率常用于電影。

●取樣大小：取樣大小又稱為量化位數，是每個采樣點能夠表示的數據范圍，決定了音頻的動態范圍，即被記錄和重放的最高音頻與最低音頻之間的差值。取樣大小越高，音頻質量越好，數據量越大，音頻文件也越大。在實際使用中，經常要在音頻文件的大小和音頻質量之間進行權衡。

●位深度：位深度決定音頻文件的振幅范圍。采樣聲波時，需要為每個采樣指定最接近原始聲波振幅的振幅值。位深度越高則會提供更多可能的振幅值，產生更大的動態范圍、更低的噪聲基準和更高的保真度。當然，位深度越高，音頻文件也越大。

●聲道：聲道決定音頻的聲道數量。音頻可以是單聲道（僅有一個音頻波形）、立體聲（有兩個音頻波形）或5.1環繞聲。其中立體聲也稱為雙聲道，其聽感要比單聲道更豐富，但與單聲道相比需要占用兩倍的存儲空間。5.1環繞聲則包含“5+1”共6個聲道，分別是中央聲道、前置左聲道、前置右聲道、后置左環繞聲道、后置右環繞聲道，以及重低音聲道這個所謂的“0.1聲道”，5.1環繞聲產生的文件需要占用更大的存儲空間，也需要使用特定的播放設備播放。

（3）音頻的構成要素

從聽覺角度來看，音頻具有三大構成要素，即音調、音強和音色。

●音調：音調與音頻的頻率有關，頻率越高，音調就越高。

●音強：音強又稱為響度，取決于音頻的振幅，振幅越大，聲音就越響亮。

●音色：音色是由于波形和泛音的不同所帶來的一種聲音屬性。如鋼琴、提琴、笛子等各種樂器發出的聲音之所以不同，是由它們的音色決定的。

（4）音頻的文件格式

在多媒體技術中，常用于存儲、傳輸、處理音頻信息的文件格式有6種。

●WAV（*.wav）格式：WAV格式是廣泛使用的音頻文件格式。用不同的采樣頻率采樣聲音的模擬波形，可以得到一系列離散的采樣點，以不同的量化位數（8位或16位）把這些采樣點的值轉換成二進制數，然后存入磁盤，可產生WAV格式的音頻文件。

●APE（*.ape）格式：APE格式是一種無損壓縮音頻格式。將音頻文件壓縮為APE格式后，其文件大小要比壓縮為WAV格式小一半左右，在網絡上傳輸時可以節約很多時間。更重要的是，APE格式的文件只要還原成未壓縮狀態，就能毫無損失地還原原有的音質。

●WMA（*.wma）格式：WMA格式是由微軟公司開發的新一代網上流式數字音頻壓縮技術。以WMA格式為例，它采用的壓縮算法使文件比MP3格式的文件小，而在音質上卻毫不遜色。它的壓縮比一般可以達到18:1，現有的Windows操作系統中的媒體播放器都支持WMA格式，并且在Windows Media Player 7.0中還增加了直接把CD格式的音頻數據轉換為WMA格式的功能。

●MP3（*.mp3）格式：MP3是指MPEG（Moving Picture Experts Group，動態圖像專家組）標準中的音頻部分，也就是MPEG音頻層。MPEG音頻層根據壓縮質量和編碼處理的不同分為3層，分別對應“*.mp1”“*.mp2”“*.mp3”音頻文件。需要注意的是，MPEG音頻文件的壓縮是一種有損壓縮，MPEG-3音頻編碼具有10:1~12:1的高壓縮比，可基本保持低頻部分不失真，但犧牲了音頻文件中12kHz~16kHz的高頻部分的質量，相同長度的音頻用“*.mp3”格式來存儲，一般所需的存儲空間只有“*.wav”文件的1/10，但音質要次于CD格式和WAV格式。

●OGG（*.ogg）格式：OGG格式是一種較為先進的音頻格式，可以不斷地改良存儲空間和音質，而不影響原有的編碼器或播放器。OGG格式采用有損壓縮，但使用更加先進的聲學模型，從而減少了音質損失，因此，以同樣位速率編碼的OGG格式文件與MP3格式文件相比，OGG格式的聽感會更好一些。所以使用OGG格式的好處是可以用更小的文件獲得更好的音頻質量。

●FLAC（*.flac）格式：FLAC是一種無損音頻編碼格式，旨在提供高質量的音頻壓縮，同時保持音頻內容的完整性，而沒有任何信息損失。FLAC格式的音頻文件通常比原始無壓縮的音頻文件（如WAV格式）小得多，通常可以達到原始文件大小的50%至70%。另外，FLAC格式與其他有損壓縮格式不同，壓縮后不會丟失音頻數據，因此可以還原原始音頻質量。

（5）音頻的采集方式

常用的音頻采集方式有以下4種。

●通過計算機：Windows 10操作系統中自帶“錄音機”程序，用于錄制聲音和音頻、充當語音備忘錄、捕捉外部聲音源（如音樂播放器和揚聲器）的輸入和聲音效果、轉換音頻格式、分享和導出錄音。圖1-32所示為“錄音機”程序的工作界面。

●通過數碼錄音筆：數碼錄音筆通常用于錄制會議信息、采訪信息、講課實況，但是由于要進行長時間錄制，音頻文件較大，所以錄音筆不能使用傳統的音頻壓縮格式來存儲音頻文件。例如，錄制的未壓縮的音頻文件每分鐘要占約10MB的存儲空間，而即便是經過MEPG算法壓縮而成的MP3格式的文件，每分鐘也要占約1MB的存儲空間。因此各個品牌的錄音筆通常都會使用自己研發的特殊音頻格式，其共同特點是高質量、高壓縮比、所需存儲空間小。

●通過手機、數碼相機和攝像機：通過手機、數碼相機和攝像機采集的音頻通常存儲在對應設備的存儲器中，可以通過數據連接線將設備與計算機相連，再將其中的文件傳輸到計算機中。

●通過素材網站下載：通過素材網站可下載各種豐富的音效，音效可以增強畫面的真實感，營造氣氛，提供視覺畫面無法傳達的信息。

4.視頻

視頻是攜帶信息較為豐富、表現力較強的一種媒體形式，也是設計師常使用多媒體技術編輯的信息類型之一。

（1）視頻的基本概念

視頻是承載各種動態影像的多媒體類型，當連續每秒播放超過24幀以上的視頻畫面時，根據視覺暫留原理，人眼將無法辨別單幅的靜態畫面，從而感受到平滑、連續的視覺效果。

視頻被廣泛應用于電影、電視和廣告等領域，是傳達信息和娛樂的重要載體，如圖1-33所示。

（2）視頻的制式標準

視頻的制式標準決定著視頻的成品能否播放，國際上流行的視頻制式標準主要有NTSC制式、PAL制式和SECAM制式。

●NTSC制式：NTSC（National Television System Committee，美國國家電視制式委員會）制式是美國于1953年研制成功的一種兼容的彩色電視制式，一般稱為正交調制式。它規定視頻每秒29.97（簡化為30幀），每幀525行，分辨率為720像素×480像素。視頻采用隔行掃描，場頻為60Hz，行頻為15.634kHz，寬高比為4:3。NTSC制式的特點是用兩個色差信號（R-Y）和（B-Y）分別對頻率相同而相位相差90°的兩個副載波進行正交平衡調幅，再將已調制的色差信號疊加，穿插到亮度信號的高頻端。

●PAL制式：PAL（Phase Alternation Line，相位遠行交換）制式是德國于1962年制定的一種電視制式，一般稱為逐行倒相式。它規定視頻每秒25幀，每幀625行，分辨率為720像素×576像素。視頻采用隔行掃描，場頻為50Hz，行頻為15.625kHz，寬高比為4:3。PAL制式的特點是同時傳送兩個色差信號（R-Y）與（B-Y）。不過（R-Y）是逐行倒相的，它和（B-Y）信號對副載波進行正交調制。采用逐行倒相的方法，若在傳送過程中發生相位變化，則因相鄰兩行相位相反，可以起到相互補償的作用，從而避免了相位失真引起的色調改變。

●SECAM制式：SECAM（Sequential Color and Memory System，按順序傳送彩色存儲）制式是法國于1965年提出的一種標準，又稱為塞康制。它規定的指標與PAL制式基本相同，不同點主要在于色度信號的處理上。SECAM制式的特點是兩個色差信號是逐行依次傳送的，因而在同一時刻，傳輸通道內只存在一個信號，不會出現串色現象，兩個色度信號不對副載波進行調制，而是對兩個頻率不同的副載波進行調制，再把兩個已調副載波逐行輪換插入亮度信號高頻端，從而形成彩色圖像視頻信號。

（3）視頻的專業術語

編輯視頻時，常會提及幀、幀速率、像素寬高比等專業術語，下面分別進行介紹。

●幀：幀相當于電影膠片上的一格鏡頭，一幀就是一幅靜止的畫面，連續播放多幀畫面就能形成視頻。

●幀速率：幀速率是指畫面每秒刷新的圖像幀數，單位為“幀/秒”，即視頻的畫面數。一般來說，幀速率越大，視頻播放的畫面動態就會越流暢，但同時視頻文件大小也會增加，進而影響后期視頻的編輯、渲染，以及輸出等環節。

●像素寬高比：像素寬高比是指畫面中的一個像素的寬度與高度之比，如方形像素的像素寬高比為“1:1”。像素在計算機和電視中的顯示并不相同，通常在計算機中顯示為正方形像素，如圖1-34所示，而在電視中顯示為矩形像素，如圖1-35所示。

●屏幕寬高比：屏幕寬高比是指畫面的寬度和高度之比。目前常見的屏幕寬高比有4:3、16:9和1:1等，而在電影中常采用2.35:1、2.39:1、21:9等超大變形寬銀幕的寬高比。

●視頻掃描：視頻掃描是指攝像機通過光敏器件將光信號轉換為電信號并形成視頻信號的過程，一般有隔行掃描和逐行掃描之分。其中，隔行掃描會首先掃描所有奇數行，然后掃描所有偶數行，最終構成一幅完整的畫面；逐行掃描是從顯示屏的左上角，一行接一行地掃描到右下角。

（4）視頻的文件格式

與其他多媒體表現形式的格式一樣，視頻文件的格式也有很多種，常見的有AVI、MOV、MP4、WMV、FLV等格式。

●AVI（*.avi）格式：AVI格式是一種將視頻信息與音頻信息一起存儲的常用多媒體文件格式，它以幀為存儲動態視頻的基本單位，在每一幀中，都是先存儲音頻數據，再存儲視頻數據。它具有音頻數據和視頻數據相互交叉存儲、圖像質量好、支持多平臺播放的優點，但文件較大。

●MOV（*.mov）格式：MOV格式是由美國蘋果公司開發的一種視頻格式，其默認的播放器是蘋果公司開發的QuickTime Player。它具有較高的壓縮比、較完美的視頻清晰度和跨平臺的優點。

●MP4（*.mp4）格式：MP4格式是一種標準的數字多媒體容器格式，用于存儲數字音頻及數字視頻，也可以存儲字幕和靜止圖像。它具有高壓縮比、良好的視頻質量、兼容性強、多媒體功能豐富和適用于網絡流媒體等優點。

●WMV（*.wmv）格式：WMV格式是由微軟公司開發的一種采用獨立編碼方式，并且可以在網上實時觀看視頻節目的文件壓縮格式，ASF是其封裝格式。WMV格式具有“數位版權保護”功能，支持本地或網絡回放，有部件下載、可伸縮的媒體類型、流的優先級化、多語言支持、環境獨立、豐富的流間關系以及易擴展等優點。

●FLV（*.flv）格式：FLV格式是一種網絡視頻格式，主要用作流媒體格式，可以有效解決視頻文件導入Flash后，再導出的SWF文件過大，導致文件無法在網絡中使用的問題。FLV格式具有文件小，加載速度快，方便在網絡上傳播的優點。

●MKV（*.mkv）格式：MKV格式是一種多媒體封裝格式，該封裝格式可以將多種不同編碼的視頻以及16條或以上不同格式的音頻和不同語言的字幕封裝到一個Matroska Media文檔內。MKV格式可提供較好的交互功能。

（5）視頻的采集方式

在視頻的制作中往往需要用到各種視頻素材，視頻的采集方式主要有以下3種。

●通過手機和攝像機：通過手機和攝像機拍攝視頻，可以將拍攝好的視頻存儲在對應設備的存儲器中，然后通過數據連接線將設備與計算機相連，將其中的文件傳輸到計算機中。

●通過計算機錄屏：使用Windows操作系統中的屏幕截圖功能（見圖1-36），可錄制計算機的軟件操作、網頁視頻等內容，并將錄制的視頻直接存儲在計算機中。

●通過視頻網站下載：通過視頻網站可下載各種豐富的視頻。

5.網頁

隨著互聯網的快速發展，其已與用戶的生活密切相關，而網頁也成了較為常見的多媒體表現形式。可以在網頁中插入圖像、動畫、音頻和視頻等元素，使其展示效果更加豐富。

（1）網站、網頁、主頁的基本概念

網站、網頁、主頁是網絡的基本組成元素，是包含與被包含的關系。

●網站：網站是指在互聯網中根據一定規則，使用HTML（HyperText Markup Language，超文本標記語言）等腳本語言設計的用于展示特定內容的相關網頁集合。網站由多個網頁組成，但網站并不是網頁的簡單羅列組合，而是用超鏈接的方式連接起來的，有鮮明的風格。

●網頁：網頁即網站頁面，在瀏覽器的地址欄中輸入網站地址，訪問該網站后打開的頁面就是網頁。網頁是構成網站的基本元素，按表現形式可分為靜態網頁和動態網頁兩種類型。靜態網頁通常使用HTML編寫，沒有交互性，其擴展名為.html或.htm；動態網頁通常會運用ASP（Active Server Pages，活動服務器頁面）、PHP（Page Hypertext Preprocessor，頁面超文本預處理器）、JSP（Java Server Pages，Java服務器頁面）等技術，具有較好的交互性，其擴展名分別為.asp、.php、.jsp。

●主頁：主頁也被稱為首頁或起始頁，是用戶進入網站后看到的第一個頁面。大多數主頁的文件名為index、default、main加擴展名。

（2）網頁的專業術語

網頁設計中常提及的專業術語有互聯網、WWW、瀏覽器、URL等。

●互聯網：互聯網是全球最大、連接能力最強，由遍布全世界的眾多大大小小的網絡相互連接而成的計算機網絡，是由美國的阿帕網（Advanced Research Projects Agency Network，ARPANET）發展起來的。互聯網主要采用TCP/IP（Transmission Control Protocol/Internet Protocol，傳輸控制協議/互聯網協議），它使網絡上的各個計算機可以相互交換各種信息。

●WWW：WWW（World Wide Web，萬維網）的功能是讓Web客戶端（如瀏覽器）訪問Web服務器中的網頁。

●瀏覽器：瀏覽器是將互聯網中的文本文檔和其他文件翻譯成網頁的軟件，通過瀏覽器可以快速獲取互聯網中的內容。常用的瀏覽器有Firefox、Google瀏覽器等。

●URL：URL（Uniform Resource Locator，統一資源定位符）是一個用于定位和訪問互聯網資源的標準字符串，如“http://www.baidu.com”。其中，“http://”表示通信協議為超文本傳送協議，“www.baidu.com”表示網站的名稱。

●IP地址：IP地址（Internet Protocol address，互聯網協議地址）是給連接到互聯網的設備分配的網絡層地址。互聯網中的每臺計算機都有唯一的IP地址，表示該計算機在互聯網中的位置。IP地址是一個32位的二進制數（4段，每段8位，各段用小數點隔開）。

●域名：域名是指網站的名稱，任何網站的域名都是唯一的。域名也可以看作是網站的網址，如“www.baidu.com”就是百度網的域名。域名由固定的網絡域名管理組織進行全球統一管理，需向各地的網絡管理機構申請才能獲取。例如，新浪網的域名為www.sina.com.cn，其中“www”為機構名，“sina”為主機名，“com”為類別名，“cn”為地區名。

●FTP：通過FTP（File Transfer Protocol，文件傳送協議）可以把文件從一個地方傳到另外一個地方，從而真正地實現資源共享。

●發布：發布是指將制作好的網頁上傳到網絡上的過程，也稱為上傳網頁。

●客戶機和服務器：用戶瀏覽網頁時，是由個人計算機向互聯網中的計算機發出請求，互聯網中的計算機接收到請求并響應后，會將需要的內容通過互聯網發送到個人計算機上。這種發送請求的個人計算機稱為客戶機或客戶端，而互聯網中的計算機稱為服務器或服務端。

（3）網頁的構成要素

構成網頁的要素包括文本、圖像、動畫、視頻、Logo、導航、搜索欄、超鏈接等。圖1-37所示為騰訊網的首頁，其中包含了網頁中常見的元素。

●文本：文本是網頁基本的組成元素之一，是網頁主要的信息載體，通過它可以非常詳細地將信息傳送給用戶。文本在網絡上的傳輸速度較快，用戶可方便地瀏覽和下載文本信息。

●圖像：圖像也是網頁中不可或缺的元素，可以傳遞一些文本不能傳遞的信息，表現形式比文本更直觀和生動。

●動畫：網頁中常用的動畫主要有兩種格式，一種是GIF動畫，另一種是SWF動畫。GIF動畫是逐幀動畫，相對比較簡單；而SWF動畫不但具有更強的表現力和視覺沖擊力，還可以結合聲音和互動功能，給用戶強烈的視聽感受。

●視頻：在網頁中運用視頻可以傳遞更豐富的信息，網頁中的視頻文件一般為FLV格式，因為其具有文件小、加載速度快等特點，是網頁視頻格式的首選。

●Logo：Logo是指網站或品牌在頁面上用來標識自己的獨特標志或圖形，能夠幫助用戶迅速識別和辨認出所訪問的網站或品牌，增強品牌識別性。并且大多數網頁中的Logo都會鏈接到網站的首頁。當用戶在瀏覽網站的其他頁面時，單擊Logo可以快速返回到網站的首頁，方便用戶重新導航和探索其他內容。

●導航：導航是網頁設計必不可少的基礎元素之一，通常包含網站的主要分類和鏈接，它可以引導用戶了解網頁的內容結構，使用戶通過導航欄快速跳轉到網站的各個主要頁面。

●搜索欄：用戶在搜索欄中輸入關鍵詞后，單擊搜索按鈕或按【Enter】鍵，便可搜索該網站的所有網頁，并跳轉到關鍵詞所處的網頁中。

●超鏈接：超鏈接是指從一個網頁指向一個目標的連接關系，可以實現網站中各元素的連接。超鏈接可以是文本鏈接、圖像鏈接、錨點鏈接等，網頁中的超鏈接只有連接在一起，才能構成真正的網站。單擊超鏈接既可以在當前頁面中跳轉，也可以跳轉到當前頁面外。

（4）HTML

HTML是一種標記語言，它通過標簽來標記要顯示在網頁中的內容。網頁文檔是一種文本文件，在文本文件中添加標簽，可以告訴瀏覽器如何顯示其中的內容，如文本如何處理、畫面如何安排、圖片如何顯示等。

HTML的語法非常簡單，但功能十分強大，它支持嵌入不同格式的文件，包括圖像、音頻、視頻、動畫、表單和超鏈接等，這也是HTML能在互聯網中流行的原因之一。HTML的主要特點如下。

●簡易性：HTML的內核采用超集方式，這使設計師編寫代碼更加靈活、方便。

●可擴展性：HTML提供了很廣泛的擴展性支持來為HTML文檔（指使用HTML編寫的超文本文檔，它能獨立運行于各種操作系統平臺，可以直接由瀏覽器解釋執行，無須編譯）增添語義化的支持。例如，使用類來拓展元素的含義和行為，使用<meta>標簽來定義元數據，使用<script>標簽來定義客戶端腳本，使用<embed>標簽來定義一個容器，以嵌入外部應用或互動程序。

●平臺無關性：瀏覽器的種類眾多，為了使同一個HTML文檔在不同標準的瀏覽器中都能顯示相同的效果，HTML使用了統一的標準。

每個網頁對應一個HTML文檔，任何能夠生成TXT格式文件（由純文本組成的文件，中文全稱為文本文件，英文全稱為Text File）的文本編輯軟件都可以生成HTML文檔，需要使用HTML文檔時，只需將TXT格式文件的擴展名修改為.htm或.html。

HTML文檔可用標簽來描述，標簽是由尖括號包圍的關鍵詞（如<html>），且一般成對出現，如<html>和</html>，第一個標簽是開始標簽，第二個標簽是結束標簽。但部分特殊標簽不是成對出現的，如<br/>。標準的HTML文檔一般都具有基本的結構，如圖1-38所示。

在HTML文檔的開始標簽<html>與結束標簽</html>外，還包括頭部（head）和主體（body）。

●頭部：<head>和</head>標簽分別表示頭部信息的開始和結束。頭部一般包含網頁的標題、序言、說明等內容，它本身不作為網頁的內容顯示，但影響網頁顯示的效果。頭部中常用的標簽是<title>標簽和<meta>標簽，其中<title>標簽用于定義網頁標題顯示的內容。

●主體：<body>和</body>標簽分別用于定義網頁主體內容的開始和結束，網頁中顯示的實際內容均包含在兩個標簽之間，如文本、超鏈接、圖像等。在HTML文檔中，網頁內容均可用標簽來描述，如<h1>、<p>等。

（5）HTML5

HTML5是HTML新的修訂版本，結合了HTML4.01的相關標準并進行了革新。例如，在HTML5中增加了一些新標簽，使其更符合現代網絡發展的要求。

●導航索引標簽：導航索引標簽<nav>有助于規劃頁面結構，從而便于網頁設計人員設計網頁，也便于更好地為用戶提供導航索引服務。

●視頻和音頻標簽：視頻和音頻標簽用于添加視頻和音頻文件，包括<video>和<audio>標簽等。

●文檔結構標簽：文檔結構標簽包括<header>、<footer>、<dialog>、<aside>和<figure>標簽等，用于對網頁進行布局分塊，可以方便搜索引擎分辨網頁各部分的內容和作用。

●文本和格式標簽：HTML5中的文本和格式標簽與其他版本HTML中的基本相同，只是刪除了<u>、<font>、<center>和<strike>標簽。

●表單元素標簽：HTML5與其他版本HTML相比，在表單元素標簽中添加了更多的輸入對象，例如，在<input type="">中添加了電子郵件、日期、URL和顏色等輸入對象。

HT ML5與其他版本的HTML相比具有以下新內容。

●全新且合理的標簽：全新且合理的標簽主要用于處理多媒體對象的綁定情況，原來的多媒體對象都綁定在<object>和<embed>標簽中，HTML5則有單獨的視頻和音頻標簽。

●Canvas對象：Canvas對象主要為瀏覽器帶來了直接繪制矢量圖的功能，可以不使用FlashPlayer插件，直接在瀏覽器中顯示圖像和動畫。

●本地數據庫：HTML5通過內嵌一個本地SQL（Structure Query Language，結構查詢語言）數據庫，增加了交互式搜索、緩存和索引功能。

●瀏覽器中的真正程序：HTML5在瀏覽器中提供了API（Application Program Interface，應用程序接口），可實現在瀏覽器內編輯、拖放對象和各種圖形用戶界面的功能。

（6）JavaScript

JavaScript是一種腳本編程語言，它支持網頁應用程序的客戶機和服務器的開發。在客戶機中，JavaScript可以用于編寫瀏覽器在網頁中執行的程序。在服務器中，JavaScript可以用于編寫網頁服務器程序，網頁服務器程序用于處理瀏覽器頁面提交的各種信息并相應地更新瀏覽器的顯示。JavaScript是一種由對象和事件驅動且具有良好安全性能的腳本語言。

在網頁中使用JavaScript，可以與HTML一起實現在一個網頁中鏈接多個對象，實現交互功能，并且JavaScript是通過嵌入或調入標準的HTML來使用的，彌補了HTML的缺陷。在使用JavaScript時，可以直接在HTML文檔中添加腳本，無須單獨編譯解釋，在預覽網頁時可以直接讀取腳本執行指令。JavaScript使用簡單、方便、運行速度快，適用于開發簡單應用。