藝術設計在網站建設的作用

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

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

關鍵詞：藝術；網站；設計；色彩

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

1高校網站設計特點及應用現狀

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

2高校藝術性網站設計原則

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

3網站功能策劃與個性化設計

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

4框架及界面風格設計

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

5合理的色彩搭配

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

6結束語

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

參考文獻：

[1]候慧俊.網頁界面設計創意指南[M].上?？茖W技術文獻出版社,2009.

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

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

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

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

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