多媒體網(wǎng)頁(yè)制作中頁(yè)面元素的審美與設(shè)計(jì)

梁蕊

摘 要 在制作多媒體網(wǎng)頁(yè)時(shí)，要考慮到網(wǎng)頁(yè)的元素和內(nèi)容等方面，才能將網(wǎng)頁(yè)設(shè)計(jì)的美感體現(xiàn)出來。它不僅可以提高設(shè)計(jì)的表達(dá)能力，而且還能引起人們的關(guān)注。突出了多媒體網(wǎng)頁(yè)制作中頁(yè)面元素的審美，也突出了制作過程中的難點(diǎn)。在多媒體網(wǎng)頁(yè)制作中頁(yè)面元素的審美與設(shè)計(jì)，從選擇的風(fēng)格、字體、色澤、影片等諸多方面入手，以此來提高多媒體網(wǎng)頁(yè)制作中的設(shè)計(jì)，并且提高頁(yè)面審美的水平。文章筆者從多媒體網(wǎng)頁(yè)制作中頁(yè)面元素的審美與設(shè)計(jì)進(jìn)行了詳細(xì)的研究。

關(guān)鍵詞 多媒體；網(wǎng)頁(yè)制作；頁(yè)面元素；審美

中圖分類號(hào) TP3 文獻(xiàn)標(biāo)識(shí)碼 A 文章編號(hào) 1674-6708（2018）216-0099-02

1 網(wǎng)絡(luò)頁(yè)面制作的設(shè)計(jì)

多媒體網(wǎng)頁(yè)設(shè)計(jì)的設(shè)置是為了滿足專業(yè)對(duì)多媒體信息處理和網(wǎng)站運(yùn)用的實(shí)際需求。多媒體技術(shù)適用于絕大部分文科類專業(yè)，著眼于培養(yǎng)學(xué)生將媒體技術(shù)直接運(yùn)用至其本專業(yè)實(shí)際需求中的能力，如文學(xué)創(chuàng)作、音樂創(chuàng)作、舞美設(shè)計(jì)、體育運(yùn)動(dòng)教學(xué)、全民健身推廣、賽事記錄與傳播、 各類視覺設(shè)計(jì)等眾多方向，以成就感來提高制作者的興趣，同時(shí)也將計(jì)算機(jī)專業(yè)知識(shí)更好地運(yùn)用到其本專業(yè)實(shí)際需求中。而網(wǎng)站開發(fā)與制作作為一項(xiàng)綜合性很強(qiáng)的技能，可以全面提升制作者對(duì)信息處理的綜合能力，在大量工作崗位中能體現(xiàn)其價(jià)值，適合基礎(chǔ)較好的制作者[1]。

2 多媒體網(wǎng)頁(yè)制作中頁(yè)面設(shè)計(jì)的審美要求

多媒體網(wǎng)頁(yè)制作是為能夠更好的展現(xiàn)出多媒體網(wǎng)頁(yè)中的內(nèi)容，因此在設(shè)計(jì)多媒體網(wǎng)頁(yè)頁(yè)面時(shí)，必須要滿足以下提出的要求：

第一點(diǎn)要求是要滿足審美的要求。在多媒體網(wǎng)頁(yè)制作中必須要考慮到設(shè)計(jì)網(wǎng)頁(yè)的內(nèi)容，根據(jù)相關(guān)的內(nèi)容進(jìn)行假設(shè)，得出想要的結(jié)果后，在進(jìn)行相關(guān)的設(shè)計(jì)。因此，在多媒體網(wǎng)頁(yè)制作的過程需要從簡(jiǎn)單到復(fù)雜，從淺到深的過程，使制作者達(dá)到最終的目的，在積極設(shè)計(jì)中，會(huì)了解到更多的相關(guān)技巧。

第二點(diǎn)要求是設(shè)計(jì)的風(fēng)格要符合多媒體網(wǎng)頁(yè)本身內(nèi)容的特征。根據(jù)人們的審美標(biāo)準(zhǔn)，在多媒體網(wǎng)頁(yè)制作中，使制作的全過程進(jìn)行連接，這樣多媒體網(wǎng)頁(yè)制作才能引起專業(yè)性人才對(duì)設(shè)計(jì)的興趣。

第三點(diǎn)要求是滿足多媒體網(wǎng)頁(yè)制作的需求。多媒體網(wǎng)頁(yè)制作中頁(yè)面設(shè)計(jì)的開展最終目的是為了以良好的設(shè)計(jì)技術(shù)展現(xiàn)出多媒體網(wǎng)頁(yè)制作詳細(xì)的內(nèi)容，實(shí)現(xiàn)多媒體網(wǎng)頁(yè)設(shè)計(jì)的目標(biāo)。因此，滿足設(shè)計(jì)要求是多媒體網(wǎng)頁(yè)審美的關(guān)鍵，在創(chuàng)作中要明確知道設(shè)計(jì)中的難點(diǎn)和審美中的觀察點(diǎn)，將整體內(nèi)容在多媒體網(wǎng)頁(yè)制作中明顯體現(xiàn)出自身的獨(dú)特性，尋找網(wǎng)頁(yè)制作的審美獲得審美體驗(yàn)[2]。

3 多媒體網(wǎng)頁(yè)制作中頁(yè)面設(shè)計(jì)的審美

在多媒體網(wǎng)頁(yè)制作中，審美不僅是一種精神需求，也是影響多媒體網(wǎng)頁(yè)制作的重要因素。優(yōu)秀的多媒體頁(yè)面制作流程不僅要列出設(shè)計(jì)的流程、設(shè)計(jì)的內(nèi)容一一羅列出來，需要懂得怎樣的設(shè)計(jì)才能吸引人們的眼球，能夠更加的快捷、準(zhǔn)確收集相關(guān)內(nèi)容，掌握設(shè)計(jì)的技巧。所以，在多媒體網(wǎng)頁(yè)制作的過程中要重視頁(yè)面元素的審美，在設(shè)計(jì)中要將內(nèi)容清晰明確的表達(dá)出來，使內(nèi)容更加的生動(dòng)，形成多樣形式[3]。

3.1 選擇整體風(fēng)格

在設(shè)計(jì)多媒體網(wǎng)頁(yè)的時(shí)候，首先要確定網(wǎng)頁(yè)整體體內(nèi)的風(fēng)格，根據(jù)網(wǎng)頁(yè)設(shè)置的內(nèi)容，確定設(shè)置內(nèi)容的主調(diào)，然后形成一個(gè)風(fēng)格。確定風(fēng)格后，整個(gè)網(wǎng)頁(yè)的每一頁(yè)、每一節(jié)都要符合這一風(fēng)格。主色調(diào)搭配出的網(wǎng)頁(yè)風(fēng)格更具有傳統(tǒng)性的審美，讓觀看者感覺到舒服，以此來達(dá)到穩(wěn)定舒適的視覺效果。在網(wǎng)頁(yè)整體風(fēng)格的選擇過程中，設(shè)計(jì)出最符合內(nèi)容的主題，但在設(shè)計(jì)前必須要考慮到網(wǎng)頁(yè)的內(nèi)容。例如，一個(gè)商務(wù)網(wǎng)頁(yè)的制作可以以最簡(jiǎn)單的顏色來突出商務(wù)的內(nèi)容和企業(yè)的現(xiàn)狀。而文學(xué)氛圍的網(wǎng)頁(yè)制作，應(yīng)使用的顏色可以以褐色為主色，從而突出內(nèi)容的文化蘊(yùn)涵[2]。

3.2 多媒體網(wǎng)頁(yè)中視覺素材的審美

1）字體。在設(shè)計(jì)多媒體網(wǎng)頁(yè)的時(shí)候，字體是最應(yīng)存有的要素之一，不同形狀的字體可以代表不同的含義，可以為觀看者帶來不一樣的視覺。在制作多媒體網(wǎng)頁(yè)的過程中，斜體字體是一種常見的類型。這些字體厚度適中，具有裝飾作用，能產(chǎn)生“點(diǎn)”的美學(xué)效果，也能展現(xiàn)出面的審美效果。在多媒體網(wǎng)頁(yè)制作中選擇字體時(shí)，可以根據(jù)網(wǎng)頁(yè)的類型選擇合適的字體。

比如，在多媒體網(wǎng)頁(yè)制作中，網(wǎng)頁(yè)內(nèi)容應(yīng)用宋體字，可以形成“線條”視覺美感，而大的標(biāo)題或字幕也可以使用黑色字體，為頁(yè)面創(chuàng)建點(diǎn)、線、面組合的視覺感受。在選擇字體時(shí)，如果使用更大的字體，則可以更快、更流暢地閱讀。但重要的是要注意這一點(diǎn)，如果字體太大，在剪裁時(shí)整個(gè)文體會(huì)占整個(gè)頁(yè)面，這樣就會(huì)影響到網(wǎng)頁(yè)的制作效果。頁(yè)面單詞將被控制在30～50字之間，才能使頁(yè)面看起來更加的豐富。使用不同字體之間搭配可以將多媒體網(wǎng)頁(yè)帶來不同的審美效果。而在字體顏色上的選擇，需要根據(jù)網(wǎng)頁(yè)的整體格局來制定使用的顏色。

2）色彩。色彩之間的搭配關(guān)系到了多媒體網(wǎng)頁(yè)的審美效果，如果色彩搭配得好，可以展現(xiàn)出多媒體網(wǎng)頁(yè)的特色，如果搭配的色彩不合理，那么將會(huì)嚴(yán)重地影響到多媒體網(wǎng)頁(yè)展現(xiàn)的效果。在多媒體網(wǎng)頁(yè)設(shè)計(jì)的過程中，色彩之間的搭配也可以為創(chuàng)造者帶來不同的靈感與沖擊。比如，在色彩的搭配中，藍(lán)色會(huì)給人一種神清氣爽、舒服、豁然開朗的感覺，代表希望與安寧。在多媒體網(wǎng)頁(yè)搭配色彩時(shí)，可以按照以下流程，首先，在網(wǎng)頁(yè)顏色搭配中，問題類顏色是指0～5度之間的顏色差。然后，根據(jù)要求調(diào)網(wǎng)頁(yè)的測(cè)量度和飽和度。比如，紅色與大紅淺黃與深黃進(jìn)行比較，這些色彩的搭配會(huì)讓整個(gè)多媒體網(wǎng)頁(yè)更加具有和諧感與特色。在顏色搭配中，顏色之間的界線要清晰明了；其次，如果網(wǎng)頁(yè)需要使用到多種顏色進(jìn)行搭配，諸多顏色中必須要有主體顏色，而所占的比例要在79%以上。

多媒體網(wǎng)頁(yè)中的其他顏色區(qū)域可以選擇與主體顏色相斥或相異的顏色，使網(wǎng)頁(yè)中的顏色形成鮮明的對(duì)比，給參觀者形成不同的視覺沖擊與感受；最后多媒體網(wǎng)頁(yè)的整體設(shè)計(jì)過于單調(diào)，沒有突破感，在顏色搭配出現(xiàn)問題時(shí)，可以根據(jù)網(wǎng)頁(yè)的內(nèi)容適當(dāng)使用一些飽和度強(qiáng)的色彩，如金色、銀色、黑色、紅色、灰色等顏色相融合，以此來展現(xiàn)網(wǎng)頁(yè)的特色，在調(diào)色中顏色之間的搭配是非常有難度的，因此在顏色搭配中需要對(duì)所有顏色進(jìn)行了解，在了解中發(fā)現(xiàn)顏色與顏色之間的關(guān)聯(lián)，只有掌握了顏色，才能搭配好顏色。

3）圖片的布局。在多媒體網(wǎng)頁(yè)中融入一些相關(guān)的圖片可以豐富網(wǎng)頁(yè)的封面與內(nèi)容，圖片布局是設(shè)計(jì)網(wǎng)頁(yè)中最重要的色彩之一，添加圖片不僅可以豐富網(wǎng)頁(yè)中的內(nèi)容，而且可以深化多媒體網(wǎng)頁(yè)的開發(fā)，對(duì)創(chuàng)造者來說，能夠更加了解多媒體網(wǎng)頁(yè)制作的步驟與網(wǎng)頁(yè)的整體設(shè)計(jì)。因此，在圖片布局中，要選擇一些能夠突出網(wǎng)頁(yè)內(nèi)容的一些圖片，使制作出的多媒體網(wǎng)頁(yè)更具有審美效果。圖片可以用刪除、添加、制作、設(shè)置背景等方式來說明或展示多媒體網(wǎng)頁(yè)的制作效果。同時(shí)，還可以根據(jù)創(chuàng)造者選擇圖片的方式或模式來增強(qiáng)多媒體網(wǎng)頁(yè)的沖擊感[4]。

4）圖片與文字的排列。在設(shè)計(jì)多媒體網(wǎng)頁(yè)的流程中，設(shè)置的圖片與填寫的文字有著密不可分的關(guān)系。圖片可以展現(xiàn)出多媒體網(wǎng)頁(yè)的效果，而文字可以傳遞多媒體網(wǎng)頁(yè)中的內(nèi)容，兩者的融合將會(huì)使網(wǎng)頁(yè)內(nèi)容更加清晰明了。

多媒體網(wǎng)頁(yè)中的文字可以以用點(diǎn)線、曲面的形式展現(xiàn)在網(wǎng)頁(yè)上，這樣可以提高網(wǎng)頁(yè)的美感。當(dāng)多媒體網(wǎng)頁(yè)中在同一個(gè)時(shí)間段內(nèi)出現(xiàn)諸多張照片時(shí)，需要針對(duì)相關(guān)的照片進(jìn)行整理，以此來保證頁(yè)面的美感。在網(wǎng)頁(yè)中插入圖片時(shí)，首先要了解多媒體網(wǎng)頁(yè)講述的核心內(nèi)容，圖片與文字在網(wǎng)頁(yè)中合理占領(lǐng)的面積，只有這樣才能在插入圖片與文字時(shí)給參觀者帶來震撼。用圖片進(jìn)行文本的動(dòng)態(tài)引導(dǎo)，根據(jù)需要選擇合適的字體，此來形成強(qiáng)烈的視覺沖擊力[3]。

4 結(jié)論

隨著信息技術(shù)的發(fā)展?？梢岳枚嗝襟w網(wǎng)頁(yè)來達(dá)到自己的目的，成為項(xiàng)目的重要制作內(nèi)容。如何利用多媒體網(wǎng)頁(yè)進(jìn)行商討相關(guān)的事件，提高制作者的技術(shù)成為了項(xiàng)目的關(guān)鍵。在多媒體網(wǎng)頁(yè)開發(fā)中，制作者應(yīng)認(rèn)識(shí)到多媒體網(wǎng)頁(yè)內(nèi)容的多樣性。媒體網(wǎng)頁(yè)是知識(shí)與藝術(shù)的終結(jié)，注重多媒體網(wǎng)頁(yè)制作設(shè)計(jì)的審美性，要設(shè)計(jì)出能吸引觀看者注意力的多媒體網(wǎng)頁(yè)[4]。并突出制過程中技巧的重點(diǎn)和難點(diǎn)。在諸多方面實(shí)現(xiàn)了多媒體網(wǎng)頁(yè)自身的價(jià)值。

參考文獻(xiàn)

[1]董永峰.基于網(wǎng)絡(luò)的遠(yuǎn)程教育課程資源的多媒體集成技術(shù)及其課件制作合成系統(tǒng)[D].天津：河北工業(yè)大學(xué)，2003.

[2]陸煒妮.探討多媒體專業(yè)《網(wǎng)頁(yè)設(shè)計(jì)與制作技術(shù)》課程的教學(xué)改革[J].科協(xié)論壇（下半月），2010（1）：178-179.

[3]李福華.使用Authorware與網(wǎng)頁(yè)制作技術(shù)相結(jié)合的方法開發(fā)多媒體軟件[J].電子技術(shù)與軟件工程，2013（20）：89.

[4]馮榮.以工程實(shí)踐能力為導(dǎo)向的“多媒體網(wǎng)頁(yè)設(shè)計(jì)與制作”課程教學(xué)設(shè)計(jì)研究[J].內(nèi)蒙古師范大學(xué)學(xué)報(bào)（教育科學(xué)版），2014，27（9）：153-155.