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

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

關鍵詞：藝術；網(wǎng)站；設計；色彩

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

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

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

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

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

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

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

4框架及界面風格設計

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

5合理的色彩搭配

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

6結束語

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

參考文獻：

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

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

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

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

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

作者:程羅德 紀策 丁立華 孫濤 單位:大連海洋大學