藝術(shù)設(shè)計(jì)在高校網(wǎng)站建設(shè)中的應(yīng)用研究

網(wǎng)絡(luò)技術(shù)的普及與發(fā)展，使越來越多的高校開始重視校園網(wǎng)站的建設(shè)。高校網(wǎng)站作為校園文化的示范窗口，不但要重視網(wǎng)站的技術(shù)性，還要重視網(wǎng)站的藝術(shù)性，利用藝術(shù)設(shè)計(jì)手段增強(qiáng)網(wǎng)站的視覺效果，從而達(dá)到提升信息傳遞效率和質(zhì)量的目的。本文對高校網(wǎng)站建設(shè)中所應(yīng)用藝術(shù)設(shè)計(jì)原則進(jìn)行闡述，在分析高校網(wǎng)站建設(shè)的基礎(chǔ)上，提出藝術(shù)設(shè)計(jì)在高校網(wǎng)站建設(shè)中的應(yīng)用路徑，為具有藝術(shù)設(shè)計(jì)性的活動提供實(shí)踐指導(dǎo)和借鑒。

高校網(wǎng)站作為院校宣傳和推廣的主要平臺，需要在保持信息傳遞準(zhǔn)確性的基礎(chǔ)上，突出高校的文化內(nèi)涵和審美情趣，將藝術(shù)設(shè)計(jì)應(yīng)用到網(wǎng)站建設(shè)之中，增加網(wǎng)站的藝術(shù)性和美學(xué)價值，吸引更多瀏覽者訪問，更好地發(fā)揮網(wǎng)站宣傳和展示的作用。

一、高校網(wǎng)站藝術(shù)設(shè)計(jì)原則

（一）突出主題

在網(wǎng)站建設(shè)中，藝術(shù)設(shè)計(jì)的應(yīng)用強(qiáng)調(diào)所傳達(dá)的設(shè)計(jì)意圖要具有鮮明的主題，依照視覺傳達(dá)的規(guī)律明確地傳達(dá)給使用者和觀賞者。在建設(shè)具有藝術(shù)氣息的校園網(wǎng)站時，需要設(shè)計(jì)風(fēng)格能夠突出校園個性化的美學(xué)特質(zhì)，并保持內(nèi)容的清晰和精細(xì)。結(jié)合高校對藝術(shù)性網(wǎng)站建設(shè)的需求，采用多元化的設(shè)計(jì)思路和手段創(chuàng)新，以實(shí)現(xiàn)整體網(wǎng)站頁面的動態(tài)性和美觀性。由于高校網(wǎng)站重視網(wǎng)頁信息傳達(dá)的準(zhǔn)確性和時效性，設(shè)計(jì)者在進(jìn)行設(shè)計(jì)時要明確高校網(wǎng)站建設(shè)的意圖和要求，依照視覺傳達(dá)的規(guī)律確立設(shè)計(jì)主題，在網(wǎng)站中突出高校教學(xué)服務(wù)和生活服務(wù)的宗旨，同時能夠更好地展現(xiàn)校園文化建設(shè)的風(fēng)貌，以實(shí)現(xiàn)最優(yōu)質(zhì)的視覺傳達(dá)和信息傳遞效果。這就要求設(shè)計(jì)者所設(shè)計(jì)的網(wǎng)頁主題簡練、明確，在保障藝術(shù)性的基礎(chǔ)上，應(yīng)更加重視個性化設(shè)計(jì)，使瀏覽者享受到更加優(yōu)質(zhì)的視聽效果。

（二）風(fēng)格與內(nèi)容的統(tǒng)一

任何形式的藝術(shù)設(shè)計(jì)都具有明確的風(fēng)格和形式，藝術(shù)風(fēng)格是體現(xiàn)設(shè)計(jì)者意圖的主要渠道，也是構(gòu)成網(wǎng)頁內(nèi)在要素的總和。而內(nèi)容作為網(wǎng)站建設(shè)的核心要素，影響整體網(wǎng)站的風(fēng)格，完美的藝術(shù)設(shè)計(jì)一定是風(fēng)格和內(nèi)容的整體表現(xiàn)。筆者結(jié)合多年藝術(shù)設(shè)計(jì)經(jīng)驗(yàn)發(fā)現(xiàn)，部分文化底蘊(yùn)深厚的高校網(wǎng)站界面多具有內(nèi)容精簡、導(dǎo)航明確、藝術(shù)風(fēng)格統(tǒng)一的設(shè)計(jì)特征。在網(wǎng)站頁面設(shè)計(jì)環(huán)節(jié)中，大部分辦學(xué)歷史悠久的高校，其網(wǎng)站設(shè)計(jì)精美，將具有代表性的圖片進(jìn)行藝術(shù)加工，并確立為網(wǎng)頁的主體元素，突出校園文化的形象，加深使用者和觀賞者的記憶和印象。而小部分高校網(wǎng)站則缺少精美的設(shè)計(jì)，很難將網(wǎng)站的風(fēng)格和內(nèi)容進(jìn)行統(tǒng)一，只是簡單的將所要傳達(dá)的內(nèi)容進(jìn)行疊加，給人一種雜亂無章的視覺感受，其在藝術(shù)設(shè)計(jì)過程中缺少對內(nèi)容與風(fēng)格的分析和規(guī)劃，未能實(shí)現(xiàn)技術(shù)與藝術(shù)的完美結(jié)合，導(dǎo)致網(wǎng)站主界面缺少藝術(shù)的美感，不能帶來良好的視覺效果，降低了網(wǎng)站信息的傳遞效率和質(zhì)量。

（三）重視整體的視覺效果

高校應(yīng)用藝術(shù)設(shè)計(jì)進(jìn)行網(wǎng)站建設(shè)，不但要重視網(wǎng)站藝術(shù)風(fēng)格的鮮明個性，還要重視整體網(wǎng)站設(shè)計(jì)效果的整體性。這需要藝術(shù)設(shè)計(jì)者充分利用色彩和構(gòu)圖等藝術(shù)手段，來保持網(wǎng)站整體藝術(shù)風(fēng)格的統(tǒng)一，給人以清爽和簡約的感受。在進(jìn)行網(wǎng)站主體界面版式設(shè)計(jì)時，要對界面中各種設(shè)計(jì)元素進(jìn)行整體考量，利用科學(xué)合理的排序和精確的組織手段來保持頁面的秩序。如設(shè)計(jì)者采用零散的結(jié)構(gòu)，則需要對不同板塊進(jìn)行色彩調(diào)整，保持色彩使用不超過三種，以促進(jìn)整體界面色彩搭配的和諧和統(tǒng)一。對于長結(jié)構(gòu)網(wǎng)站頁面，需要設(shè)計(jì)者對所有頁面進(jìn)行事先考慮，不可在完成一屏頁面設(shè)計(jì)后，在進(jìn)行下一屏頁面風(fēng)格的考量，以確保長結(jié)構(gòu)頁面不同屏的設(shè)計(jì)風(fēng)格統(tǒng)一和諧。同時，在網(wǎng)站主體界面之外的內(nèi)部界面，也要與主體界面保持風(fēng)格的一致性，在突出設(shè)計(jì)者設(shè)計(jì)理念的同時，為瀏覽者帶來美的感受。

二、藝術(shù)設(shè)計(jì)在高校網(wǎng)站建設(shè)中的應(yīng)用路徑

（一）網(wǎng)站頁面框架布局和風(fēng)格設(shè)計(jì)

網(wǎng)站頁面布局是對網(wǎng)站所要傳達(dá)的要素進(jìn)行合理排序，將網(wǎng)站中圖片、動畫、鏈接、導(dǎo)航、表格等元素的位置進(jìn)行調(diào)整，突出網(wǎng)站內(nèi)容主體性的同時，給瀏覽者更加明確的指引。網(wǎng)站頁面框架布局不是將網(wǎng)站各種元素進(jìn)行疊加和堆砌，而是需要在藝術(shù)設(shè)計(jì)理念的指導(dǎo)下，在網(wǎng)站有限的空間內(nèi)將元素進(jìn)行合理排序，使整體網(wǎng)站畫面充滿形式美感。

由于高校網(wǎng)站具有一定特殊性，在進(jìn)行界面布局時，要求藝術(shù)設(shè)計(jì)者要充分考慮網(wǎng)站的功能，突出網(wǎng)站所要傳達(dá)信息的重點(diǎn)，發(fā)揮網(wǎng)站宣傳作用。在具體布局設(shè)計(jì)過程中，設(shè)計(jì)者可在分析網(wǎng)站內(nèi)容主次關(guān)系之后，依照形式與內(nèi)容統(tǒng)一的設(shè)計(jì)方法進(jìn)行頁面布局，這需要先確立網(wǎng)站界面的設(shè)計(jì)主線，考慮網(wǎng)站視覺焦點(diǎn)中心，然后對界面進(jìn)行平均分割，以保持界面的初始狀態(tài)。在突出界面主體形象的基礎(chǔ)上，設(shè)計(jì)者應(yīng)用空間層次的設(shè)計(jì)方法，對構(gòu)成網(wǎng)站界面的要素進(jìn)行調(diào)整，保持頁面主線明暗交錯，輔以各元素之間冷暖、曲直、大小等調(diào)和，保持界面主線內(nèi)容的設(shè)計(jì)美感。在完成網(wǎng)站界面主線布局后，設(shè)計(jì)者可合理應(yīng)用留白的設(shè)計(jì)方法保持界面的疏密有度，并引入非對稱的設(shè)計(jì)，進(jìn)一步突出頁面主線的形象效果，以實(shí)現(xiàn)網(wǎng)站界面設(shè)計(jì)的美觀性。

（二）網(wǎng)頁設(shè)計(jì)色彩的合理搭配

高校網(wǎng)站所傳達(dá)的內(nèi)容不但包含圖片、聲音、文字、動畫等具體要素，還包括色彩、情感、文化等形象要素。色彩作為裝飾網(wǎng)站的重要元素，能夠提升信息傳達(dá)的效率，同時給予瀏覽者以視覺的沖擊，對高校網(wǎng)站建設(shè)和設(shè)計(jì)起到關(guān)鍵性的作用。

在進(jìn)行網(wǎng)頁色彩搭配過程中，需要藝術(shù)設(shè)計(jì)者具備一定的審美能力和素養(yǎng)，設(shè)計(jì)者可采用院校通常使用的標(biāo)準(zhǔn)色，賦予網(wǎng)站界面整體色彩基調(diào)，在突出院校形象的同時，保持網(wǎng)站良好的宣傳效果。在進(jìn)行網(wǎng)站頁面色彩布局時，設(shè)計(jì)者應(yīng)按照整體內(nèi)容的比例關(guān)系進(jìn)行色彩的調(diào)整，保持應(yīng)用色彩的均衡性，形成整體網(wǎng)站頁面的統(tǒng)一。設(shè)計(jì)者可將主色調(diào)應(yīng)用在主體界面頁頭部分，并保持二級頁面和三級頁面色彩的統(tǒng)一，然后根據(jù)不同構(gòu)成元素和欄目的布局，設(shè)計(jì)不同色彩以劃分網(wǎng)頁的不同單元，要注意所應(yīng)用色彩的面積不可過大，也不可過于單一，保持主題色彩和輔助色彩之間的和諧，更好地發(fā)揮色彩的導(dǎo)向性功能，給人以更加舒適的視覺感受，吸引更多瀏覽者進(jìn)行訪問。在進(jìn)行網(wǎng)站頁面色彩選擇時，設(shè)計(jì)者可選擇明亮度較低飽和度較高的色彩，減少對瀏覽者眼睛的刺激，而對應(yīng)的文字選擇深色，突出文字主體地位，有利于瀏覽者更加清晰和快速地完成網(wǎng)站內(nèi)容閱讀，提升瀏覽者的瀏覽速度和流暢度。

（三）網(wǎng)站整體形象的統(tǒng)一性

高校網(wǎng)站的藝術(shù)設(shè)計(jì)與平面設(shè)計(jì)具有一致性，都需要重視所表達(dá)形式的統(tǒng)一，使整體網(wǎng)站界面更具藝術(shù)性和審美情趣。在整體形象確立過程中，設(shè)計(jì)者可依照藝術(shù)設(shè)計(jì)形象美的原則，使網(wǎng)站藝術(shù)風(fēng)格處在變化與統(tǒng)一、對比與調(diào)和的動態(tài)之中，減少瀏覽者使用網(wǎng)站時可能產(chǎn)生的枯燥感。變化與統(tǒng)一是指高校網(wǎng)站頁面在形式上要保持條理性，依照統(tǒng)一的要求將頁面構(gòu)成元素進(jìn)行布置，為使畫面不具有呆板性，需要對頁面中的圖形進(jìn)行藝術(shù)處理，以增強(qiáng)網(wǎng)站頁面的整體性和藝術(shù)性。同時要在統(tǒng)一的基礎(chǔ)上，對界面色彩和形式進(jìn)行動態(tài)調(diào)整，為頁面增添活力，使畫面的觀感更具豐富性。對比與調(diào)和是指在設(shè)計(jì)過程中要善用對比的設(shè)計(jì)原則，將頁面中的圖像和文字進(jìn)行對比應(yīng)用，使畫面富于變化和生機(jī)。同時要在對比的基礎(chǔ)上保持畫面的調(diào)和，使各元素之間能夠形成呼應(yīng)關(guān)系，更加突出網(wǎng)站頁面的主題。

藝術(shù)設(shè)計(jì)具有動態(tài)性，所以設(shè)計(jì)風(fēng)格不能依照設(shè)計(jì)原則而一成不變，要根據(jù)不同對象的不同特征進(jìn)行創(chuàng)造，在形式美法則的引導(dǎo)下尋找更加適合高校網(wǎng)站特點(diǎn)的藝術(shù)設(shè)計(jì)手法，使藝術(shù)設(shè)計(jì)成為一種富于變化的創(chuàng)造性活動，給人以更加舒適的視覺體驗(yàn)。

三、結(jié)語

在進(jìn)行高校網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計(jì)的過程中，需要藝術(shù)設(shè)計(jì)者確立網(wǎng)站藝術(shù)風(fēng)格，重視藝術(shù)形式的具體表現(xiàn)，增強(qiáng)網(wǎng)站界面的藝術(shù)效果，滿足高校網(wǎng)站建設(shè)的需求，提升高校網(wǎng)站的美觀性和審美情趣。

（福州軟件職業(yè)技術(shù)學(xué)院）

作者簡介：林異瓏（1988-），女，福建福州人，本科，助教，研究方向：藝術(shù)設(shè)計(jì)。