數字媒體網頁設計的文獻綜述

摘要：在信息全球化的媒體時代，數字媒體技術的應用十分普遍，將數字媒體技術應用到網頁設計中，打破單一且枯燥的網頁版式，不僅能豐富網頁樣式，還能實現人機交互。本文通過對已有文獻的評述，為數字媒體技術在網頁設計中應用做理論支撐。

關鍵詞：數字媒體技術;網頁設計;數字媒體網頁設計;應用

中圖分類號：T-012?文獻標識碼：A

一、引言

隨著信息技術和網絡技術的不斷發展，上網的人數和時長都逐年增長，據報告顯示，截至2020年3月，我國網民已高達9.04億，并且在物質生活優渥的今天，人們的審美逐漸提高，以前單一且枯燥的網頁版式已經無法適應國人的審美要求和交互要求，只有將數字媒體技術的優勢應用到網頁設計中去，才能更好的發展網頁設計，迎合國人的需求。

二、文獻綜述

（一）數字媒體技術的概念

媒體，就是用來傳播消息的媒介，不論是通過電視上所觀看到的新聞信息，還是在某則廣播中聽見的尋人啟事，它都承載著與生活息息相關的東西，這也是人們每天必用的載體。[1]數字媒體應用技術將“數字”與“媒體”概念融合在一起。其中數字信息囊括視頻（本文、圖像等）、音頻（語音、音效、音樂等）、超視音頻（亞聲、超聲等）及其他（觸覺、嗅覺、味覺等信息），媒體主要由表示媒體，顯示媒體構成，前者為信息的形式，后者為信息的傳播途徑。在移動互聯網時代數字技術與媒體技術得以整合，成為數字媒體技術，具有可復制性、可傳播性、可感覺性、可存儲性等特征，從技術角度來講其具有表現性、可編輯性等特點。[2]

（二）網頁設計的概念

網頁設計基礎主要講HTML+CSS。目前最新版本的HTML5使用HTML標記對網頁中的文本、圖片、聲音、視頻等內容進行描述。HTML5有許多HT-ML標記，如：header、nav、footer、canvas等，HTML標記、屬性、樣式都在一個頁面，使得頁面越來越臃腫，于是CSS誕生了，目前最新的版本是CSS3。CSS（層疊樣式表）主要用于設置HTML頁面中的文本字體、顏色、大小、加粗、對齊方式;圖片寬度、高度;div盒子模型的邊框樣式、內外邊距和一些布局樣式;還有CSS使用方式，選擇器的使用及其優先級別。CSS不僅可以靜態地修飾網頁，還可以配合JavaScript動態地對網頁各元素進行修飾，同一網站可以換不同的風格。HTML就像修房子時搭的框架，而CSS就是裝修，現在出了很多前端框架就是精裝房，里面封裝了很多組件、樣式，我們可以直接使用。[3]CSS直接可以直接規范圖像或者視頻的框架，但是要想網頁吸引到人，就不得不提到圖像處理。利用計算機對圖片進行深一步處理，達到想要的圖片效果就是圖像處理技術。在計算機領域中，圖像處理的形式和內容非常多，最常見的就是多媒體和PS。技術人員對圖片效果進行適當處理，再將處理好的圖片加到網頁中，進而使網頁內容引人入勝，增加網頁點擊率。[4]

三、數字媒體技術在網頁設計中的應用原則

數字媒體技術在網頁設計中應遵循以下原則：1.明確網頁設計主題（結合網頁具體內容，設計并確認出網頁主題）。2.結合受眾群體需求（符合網頁受眾群體不同心理需求和社會需求）。3.首頁設計突出形象（網頁中信息羅列要注意主次分明，把握好用戶視覺流程，把重要信息有效傳達給用戶）。4.網頁風格統一（從網頁頁面結構、頁面色彩、頁面導航三個層面進行網頁設計風格統一）。5.網頁綜合運用多媒體元素（利用網絡動畫和網絡音頻，增加網站的感染力）。[5]

四、數字媒體技術在網頁設計中的應用方式

（一）文本

文本內容是直接進行信息傳達的基本途徑，也是網頁設計階段所不能忽視的重要的視覺要素構成部分。文本能夠對設計作品進行描述或突出，一般情況下會在網頁中占據很大的比重，所以需要結合技術手段不斷進行完善，達成理想的文本設計目標。設計人員需要從給觀眾提供一個清晰的表達過程入手，讓觀眾能夠在一個完整的描述過程中獲得良好的觀賞體驗。[6]

（二）圖像

將數字媒體技術應用到網頁中時，圖像應遵循以下原則：1. 進行網頁設計時注意對圖像大小進行控制（圖像大小對視覺效果、清晰度、加載速度都有關聯）。2.合理的分配圖像的角色和職責（選擇的照片一定要符合網站的設計風格，來增強網頁的色彩和識別度）。3.將圖像設計為網站的標志（采用圖片來對網站進行填充就是它能對人產生最強烈的視覺沖擊，直觀的顯示出相關內容）。4.合理的運用多樣化的圖像（插圖和攝影照片，需要利用計算機的圖片修改技術，將相關的圖片和文字內容進行搭配，良好搭配也使得網站更加的美觀和具有吸引力）。[7]

（三）交互

“鏈接”是網絡應用中比較常見的一種資源共享和交流的方式，在網絡上利用鏈接進行資源共享，可以實現對文字詞語視頻以及影像資料的及時交換，提高資料搜索的準確度。超鏈接同樣作為網頁瀏覽的另一種資源交換方式，這種資源分享的途徑可以完成全新視角的元素分享，并做到信息及時同步，提高信息的利用價值。交互化世界元素的主要表現方式應盡量做到人性化系統處理，比如：在合適的位置添加導航條，或為視頻提供播放按鈕，再或者可以在地圖上提供工具熱點，這些信息都應放在主頁面的明顯位置，以便瀏覽者可以迅速找尋并點擊進入。鏈接內容可以依次進行排列，為進一步方便瀏覽者對網頁進行資源搜索，需要在底部設置返回主頁、返回頂層等選項，可以將這些按鈕以紅色按鈕的方式進行展示，來引起瀏覽者的注意，這也是體現人性化設計的主要方式。[8]

五、數字媒體技術在網頁設計中的應用意義

數字媒體技術在網頁設計中的應用意義有：1.處理語法錯誤，識別復雜信息（通過語法標簽對于非法文檔細節加強定義處理，可讓客戶端與瀏覽器對語法錯誤統一進行處理，識別復雜媒體信息或普通文章信息等相應內容，有助于多媒體經過網絡傳遞后更易被使用檢索）。2.便于開發維護，實現及時更新（HTML5可通過CSS3撰寫Web-based程序，增加一份程式碼即可實現Android與IOS系統同時支撐，具有更強的靈活性）。3.加強網頁設計，提升視覺沖擊（通過JavaScript控制像素，讓新媒體網頁設計更加便捷，以此提高受眾的視覺沖擊，從而推動新媒體發展）。4.離線緩存內容，減輕設備壓力。（HTML5存儲方式較多，通過local Storage可將數據存儲在本地，數據大小并不會對其造成限制，架構彈性更佳，可在本機ROM中寫入數據，關閉瀏覽器后再打開時數據自動恢復，網絡流量減少，不會占用后臺資源，為硬件設備減輕了壓力，運行流暢性隨之提升）。5.通過地理定位，加強交流互動（新媒體在應用時不僅可利用HTML5定位自身方向，還能在他人開放信息的情況下得到其定位信息，加強用戶之間的交流互動）。[9]

六、結束語

在信息技術和網絡技術不斷壯大的今天，全新媒體時代已經到來，全國網民人生逐年上升，網頁作為重要組成部分，將數字媒體技術應用到網頁設計中，打破單一且枯燥的網頁版式，不僅能豐富網頁樣式，還能實現人機交互，有著實現新媒體的良好意義。

參考文獻：

[1]?王博.數字媒體技術的應用與發展[J].衛星電視與寬帶多媒體，2019（20）：22-23.

[2]?安軍.移動互聯網時代下的數字媒體應用技術研究[J].數字技術與應用，2020，38（04）：91+93.

[3]?廖家莉.淺談網頁設計與制作課程[J].電腦知識與技術，2020，16（01）：114-115.

[4]?劉穎.計算機網頁設計中圖像處理技術的應用分析[J].計算機產品與流通，2020（07）：9.

作者簡介：楊玲（1999-），女，佤族，數字媒體技術專業本科。

（作者單位：西北民族大學教育科學與技術學院）