導(dǎo)語：藝術(shù)設(shè)計在網(wǎng)站建設(shè)的作用一文來源于網(wǎng)友上傳，不代表本站觀點(diǎn)，若需要原創(chuàng)文章可咨詢客服老師，歡迎參考。

摘要：文章對高校學(xué)院二級網(wǎng)站建設(shè)及應(yīng)用現(xiàn)狀、發(fā)展及特點(diǎn)進(jìn)行具體闡釋，解析學(xué)院二級網(wǎng)站在建設(shè)過程中應(yīng)用網(wǎng)頁設(shè)計元素，針對學(xué)院網(wǎng)站特色建設(shè)需求，從網(wǎng)頁設(shè)計技術(shù)與藝術(shù)設(shè)計相結(jié)合的角度，深度結(jié)合建設(shè)框架布局、欄目內(nèi)容、色彩表現(xiàn)及風(fēng)格創(chuàng)意等幾個方面做深入分析和探討，緊密結(jié)合高校數(shù)字化校園建設(shè)的實施，開展高校二級網(wǎng)站技術(shù)開發(fā)與藝術(shù)設(shè)計的交互融合應(yīng)用。對網(wǎng)站進(jìn)行藝術(shù)性美學(xué)設(shè)計，是網(wǎng)站建設(shè)顯示自身藝術(shù)性，體現(xiàn)文化價值的重要方式，并為用戶帶來潛移默化的藝術(shù)熏陶，有效引導(dǎo)瀏覽者走進(jìn)信息藝術(shù)空間。

關(guān)鍵詞：藝術(shù)；網(wǎng)站；設(shè)計；色彩

本文以大連海洋大學(xué)藝術(shù)與傳媒學(xué)院網(wǎng)站建設(shè)與應(yīng)用為研究對象，通常網(wǎng)站用于宣傳與推廣，向瀏覽對象展示或傳遞相關(guān)信息，這些對網(wǎng)頁的表現(xiàn)形式和具體內(nèi)容有諸多要求。作為信息、數(shù)字媒體展示的平臺和交互的紐帶，藝術(shù)性網(wǎng)站構(gòu)建了藝術(shù)表現(xiàn)及傳播新空間，同時建立信息傳達(dá)與藝術(shù)表現(xiàn)新模式[1]。它具備大眾網(wǎng)站的共性，也因?qū)W科特點(diǎn)與文化背景差異而與眾不同。用戶對網(wǎng)站的訪問喜好是建立在對其情感基礎(chǔ)之上，如果良好的藝術(shù)設(shè)計網(wǎng)站符合瀏覽在的情感判斷，就會產(chǎn)生一種美感、喜悅的積極情感，進(jìn)一步吸引用戶，提升對網(wǎng)站的使用和訪問。作為視覺及信息表達(dá)的一部分，尤其是藝術(shù)設(shè)計成為構(gòu)造文化景觀的重要指標(biāo)，從“知”、“情”、“意”角度，完善并豐富了網(wǎng)站的藝術(shù)性和美學(xué)價值。

1高校網(wǎng)站設(shè)計特點(diǎn)及應(yīng)用現(xiàn)狀

網(wǎng)站設(shè)計不同于傳統(tǒng)的板式設(shè)計，它是對整個站點(diǎn)或者站群進(jìn)行設(shè)計，包括前臺頁面設(shè)計及后臺管理界面、功能等設(shè)計，其中對界面的設(shè)計主要是圖標(biāo)Lo-go、文字、色彩、動畫、聲音、圖形、編排等多種設(shè)計集于一體，并將設(shè)計進(jìn)行有序化、整體性、系統(tǒng)化的應(yīng)用[2]。隨著信息技術(shù)的發(fā)展與應(yīng)用，用戶在瀏覽網(wǎng)站獲取信息時，不僅注重頁面呈現(xiàn)的內(nèi)容，同時更多的關(guān)注網(wǎng)站頁面設(shè)計帶來的視覺美的享受。近幾年高校二級學(xué)院網(wǎng)站的建設(shè)藝術(shù)水平已經(jīng)有了很大的提高，其中不乏精良之作，但是更多的是色彩上的混亂、版式布局上的不合理或者是千篇一律、內(nèi)容陳舊等等問題。把技術(shù)與藝術(shù)相結(jié)合應(yīng)用到學(xué)院門戶網(wǎng)站的案例不多，大多數(shù)網(wǎng)站設(shè)計僅體現(xiàn)傳統(tǒng)意義上的信息內(nèi)容展示、和管理，具有學(xué)習(xí)性、交流性、傳播性和互動性等特點(diǎn)，但是缺少藝術(shù)性的特質(zhì)。國外的很多高校二級學(xué)院網(wǎng)站的設(shè)計和策劃很多都是有教師和設(shè)計師共同完成，設(shè)計師在進(jìn)行網(wǎng)站設(shè)計之前需要對網(wǎng)站的定位、功能、欄目及學(xué)院師生的需求進(jìn)行充分的調(diào)研、認(rèn)識和了解，在設(shè)計時將藝術(shù)性、美觀性融于信息的傳遞和功能的實現(xiàn)之中，他們的設(shè)計手法和藝術(shù)表現(xiàn)形式在網(wǎng)站的設(shè)計和應(yīng)用中值得我們借鑒、學(xué)習(xí)和參考。

2高校藝術(shù)性網(wǎng)站設(shè)計原則

對大多數(shù)網(wǎng)站建設(shè)來說，其功能提供信息內(nèi)容服務(wù)，藝術(shù)設(shè)計應(yīng)用于網(wǎng)站建設(shè)，其網(wǎng)站服務(wù)功能也不能缺少，在藝術(shù)性氣息較濃厚的網(wǎng)站應(yīng)用中，設(shè)計首要原則要明確自身定位和內(nèi)容，深化富有本校特色、個性的美學(xué)特質(zhì)。網(wǎng)站建設(shè)內(nèi)容要明確，定位做到精細(xì)化，根據(jù)藝術(shù)性網(wǎng)站建設(shè)需求和功能的不同要求，設(shè)計師應(yīng)采用不同的設(shè)計思路和創(chuàng)意，在網(wǎng)站界面設(shè)計中構(gòu)造出緊扣學(xué)院主旨和思想，準(zhǔn)確闡述學(xué)院發(fā)展內(nèi)涵，讓整體網(wǎng)站界面形成動態(tài)主旋律。在設(shè)計中要秉持個性化，以人為本的原則。在設(shè)計過程中要始終做到把人的價值放到首位，藝術(shù)性網(wǎng)站瀏覽者用戶，大多是具有知識或藝術(shù)背景的高校教師和學(xué)生，對藝術(shù)和美感有著非常高的喜愛和要求，講究網(wǎng)站設(shè)計中細(xì)節(jié)，注重內(nèi)容表達(dá)及色彩展示。在網(wǎng)站設(shè)計建設(shè)整個過程，如果能夠堅持以人為本，以用戶為中心的設(shè)計原則，可以加速和深化藝術(shù)信息的應(yīng)用傳播，加深訪問者對藝術(shù)的認(rèn)知和信息的獲得。

3網(wǎng)站功能策劃與個性化設(shè)計

3.1網(wǎng)站功能策劃。良好的網(wǎng)站界面展示，能向瀏覽者充分展示學(xué)院優(yōu)勢和特色，結(jié)合學(xué)院自身辦學(xué)發(fā)展特色及學(xué)科專業(yè)優(yōu)勢，清楚網(wǎng)站建設(shè)內(nèi)容的個性化特征，并對其進(jìn)行視覺化處理，從UI設(shè)計、導(dǎo)航條、圖片、文字、圖標(biāo)、聲音、色彩、視頻動畫等設(shè)計元素多角度綜合分析，才能設(shè)計出一個藝術(shù)性較強(qiáng)的網(wǎng)站[3]。高校學(xué)院二級門戶網(wǎng)站的整體設(shè)計風(fēng)格要與對外形象符合，結(jié)合該校藝術(shù)與傳媒學(xué)院的實際建站需求情況，學(xué)院網(wǎng)站首頁設(shè)計突出功能性與藝術(shù)性相互融合的特點(diǎn)，此外還注重網(wǎng)站使用的便捷性，在網(wǎng)站設(shè)計過程中，嚴(yán)格遵循網(wǎng)頁設(shè)計原則。3.2網(wǎng)站個性化設(shè)計。高校學(xué)院二級門戶網(wǎng)站設(shè)計要簡潔實用、形象突出、藝術(shù)性強(qiáng)，在進(jìn)行網(wǎng)頁個性化設(shè)計中為了突出藝術(shù)特點(diǎn)，不能對網(wǎng)站中界面各構(gòu)成元素進(jìn)行簡單的體現(xiàn)或者疊加，需要網(wǎng)站或界面設(shè)計師從藝術(shù)構(gòu)成和觀賞的角度合理把握網(wǎng)頁設(shè)計元素，把圖形圖像、色彩、文字、版式等要素有機(jī)結(jié)合，處理好聲、動、色、形的組合與運(yùn)用，使之達(dá)到渾然天成的境界。學(xué)院二級門戶網(wǎng)站界面以界面美化、內(nèi)容豐富為設(shè)計目標(biāo)，使用AI、PS、Dreamweaver等網(wǎng)頁設(shè)計軟件工具進(jìn)行個性化界面設(shè)計。

4框架及界面風(fēng)格設(shè)計

4.1網(wǎng)頁框架布局設(shè)計。在網(wǎng)站建設(shè)過程中，網(wǎng)頁框架布局設(shè)計不僅是一種技術(shù)的應(yīng)用，更是技術(shù)與藝術(shù)高度的融合設(shè)計，它是網(wǎng)站設(shè)計的重要內(nèi)容[4]。在網(wǎng)頁框架布局設(shè)計時將每個包含表格、圖像、動畫、超鏈接及文字等元素的頁面有機(jī)整合展示在頁面，給瀏覽者最佳視覺展示效果。框架布局設(shè)計要把握好整體，保持主題與局部和諧統(tǒng)一、簡潔大方的原則，同時注重較好的視覺設(shè)計效果。長江的網(wǎng)站框架布局形式有T型布局、口型布局、川型布局、POP布局等，設(shè)計師在考慮網(wǎng)站布局框架選型時要結(jié)合用戶需求、學(xué)院特色、藝術(shù)元素表達(dá)等，通過設(shè)計空間把布局建立整體的均衡狀態(tài)，產(chǎn)生一種和諧的美感。主題布局要主次分明，中心突出，內(nèi)容頁面的視覺焦點(diǎn)應(yīng)該是首先考慮的視覺中心，通過掌握和使用空間層次、主從關(guān)系、視覺秩序等關(guān)系來放大視覺中心的主要形象，表達(dá)主題思想，同時考慮疏密有度，適當(dāng)?shù)脑黾恿舭自O(shè)計，合理的運(yùn)用空格，在對稱的原則下引入非對稱的設(shè)計，形態(tài)和形狀搭配創(chuàng)意運(yùn)用，這樣可以達(dá)到更加突出主題形象的效果，并且獲得帶來的最佳視覺體驗。4.2網(wǎng)頁界面風(fēng)格設(shè)計。網(wǎng)站要根據(jù)主題內(nèi)容決定其風(fēng)格與形式，對于網(wǎng)站風(fēng)格定位要準(zhǔn)確，要讓網(wǎng)站體現(xiàn)出學(xué)院的特色，傳遞出與學(xué)院發(fā)展主題、理念一致的信息，只有形式與內(nèi)容的完美統(tǒng)一，才能達(dá)到良好的展示效果。風(fēng)格是一個網(wǎng)站具有不同于其它網(wǎng)站的地方，瀏覽者通過內(nèi)容、結(jié)構(gòu)、技術(shù)、交互、布局、主色調(diào)、色彩、藝術(shù)創(chuàng)意等，能夠輕松的分辨網(wǎng)站的特質(zhì)。

5合理的色彩搭配

5.1網(wǎng)頁設(shè)計色彩搭配。程羅德等，藝術(shù)設(shè)計在高校網(wǎng)站建設(shè)中的應(yīng)用探討•73•網(wǎng)站界面構(gòu)成元素，不但包含了文字、圖像、色彩、聲音、動畫等元素，還包含超級鏈接、交互等互聯(lián)網(wǎng)特有的元素[5]。在這些元素中，首先吸引用戶的往往是色彩元素，網(wǎng)站界面上的色彩是塑造網(wǎng)站形象的重要元素，在某種程度上，設(shè)計者對色彩的運(yùn)用和搭配對網(wǎng)站設(shè)計成功與否起著決定性的作用。色彩易于表達(dá)情感，同時具有刺激視覺注意力、快速傳達(dá)信息的作用，色彩在網(wǎng)站界面設(shè)計中的作用非常重要，對學(xué)院網(wǎng)站界面設(shè)計中配色的研究也是重要內(nèi)容。5.2網(wǎng)頁設(shè)計色彩原則和方法。網(wǎng)站網(wǎng)頁界面的色彩搭配是網(wǎng)站設(shè)計成功的關(guān)鍵指標(biāo)，因此網(wǎng)站設(shè)計者要具備一定的美術(shù)基礎(chǔ)和藝術(shù)審美。網(wǎng)站要有自己的主題色彩，一般可用學(xué)校或?qū)W院的標(biāo)準(zhǔn)色，不但符合自身的院系定位和形象，可用提升學(xué)院的宣傳效果。色彩布局要合理，保持網(wǎng)站色彩的均衡，各種色彩在網(wǎng)頁界面布局中必須有機(jī)的組合，按照比例關(guān)系有序有規(guī)律的相互聯(lián)結(jié)，構(gòu)成和諧統(tǒng)一的整體色彩，主色調(diào)貫穿一級頁面、二三級頁面head部分，再根據(jù)不同的欄目單元，再以輔助色彩合理搭配做出區(qū)分隔離，同一個色彩應(yīng)用不要過大太多，過多的單一色彩的運(yùn)用，會降低網(wǎng)站的閱讀性和視覺效果。色彩搭配設(shè)計時要體現(xiàn)人的感情，發(fā)揮出色彩的導(dǎo)向作用，保持網(wǎng)站界面基本色調(diào)統(tǒng)一性，同時注重色彩的鮮明、獨(dú)有性及藝術(shù)性，給瀏覽者留下深刻的印象，更好的吸引校內(nèi)師生及社會用戶對網(wǎng)站的關(guān)注和訪問。根據(jù)網(wǎng)站頁面的背景和文字合理搭配色彩的使用，一般來說，網(wǎng)頁界面背景色彩應(yīng)柔和、淺淡，可以選擇純度或者名都較低的色彩，而文字顏色應(yīng)為深色，便于瀏覽者閱讀網(wǎng)站內(nèi)容，并使其看起來顯得更加自然、舒暢。為了能讓網(wǎng)站網(wǎng)頁界面的設(shè)計更加的具有閱讀性、藝術(shù)性，必須合理、恰當(dāng)運(yùn)用頁面各元素之間的色彩搭配。

6結(jié)束語

學(xué)院網(wǎng)站建設(shè)是彰顯自己的特色和個性的最快捷的宣傳平臺和途徑，可以讓全校乃至社會了解學(xué)院動態(tài)和信息，它是學(xué)院信息組、業(yè)務(wù)管理、內(nèi)部溝通的重要陣地，具有快捷、無距離、隨時隨地均可更新的特性。網(wǎng)站設(shè)計網(wǎng)頁制作的水平直接關(guān)系到學(xué)院的宣傳形象和訪問效率，一個創(chuàng)意新穎、網(wǎng)頁設(shè)計精美、色彩搭配合理、結(jié)構(gòu)布局科學(xué)的網(wǎng)站會為學(xué)院形象推廣起到更好的作用，同時加大學(xué)生對學(xué)院信息的實時了解與獲取。

參考文獻(xiàn)：

[1]候慧俊.網(wǎng)頁界面設(shè)計創(chuàng)意指南[M].上海科學(xué)技術(shù)文獻(xiàn)出版社,2009.

[2]李葳.以用戶為中心的高校網(wǎng)站界面設(shè)計[J].中國教育信息化,2012(08):51-53.

[3]賀冬梅.淺談網(wǎng)站設(shè)計的風(fēng)格色彩與美化[J]．中國科技信息,2013(06)：138-139．

[4]代文玲.從美學(xué)角度談圖書館網(wǎng)頁的設(shè)計[J]．圖書館工作與研究，20l1(07)：41-42．

[5]陳哲.色彩構(gòu)成美學(xué)在學(xué)校網(wǎng)站設(shè)計與制作中的應(yīng)用[J].美術(shù)教育研究，2012（10）：90.

作者:程羅德 紀(jì)策 丁立華 孫濤 單位:大連海洋大學(xué)