網頁設計藝術范文

導語：如何才能寫好一篇網頁設計藝術，這就需要搜集整理更多的資料和文獻，歡迎閱讀由公務員之家整理的十篇范文，供你借鑒。

篇1

網頁設計并不是對于一個網頁的設計，而是對一個網站中不同網頁進行設計。這就要求對于不同網頁的設計需要按照統一的特色主題進行編輯和設計，形成統一的整體表現。這就是網頁設計中的整體表現藝術。一個網站中的網頁通常會有很多，網頁與網頁之間也都有著一定的聯系。通常一個網頁中的元素需要鏈接到另外一個網頁中去。這是由網頁彼此之間的鏈接性所決定的。網頁設計有了明確的主題之后便是如何在主題的統一思想下將不同的網頁元素有機地組合一起形成統一的主題風格和統一的美學表現。網頁設計中的整體表現藝術首先需要從網頁內容上的整體表現做起。

在內容上由于網頁傳遞的是信息，所以網頁的主題內容和思想在某種程度上決定了網頁的主題風格。前文已經論述，網頁的主題是由網頁的內容概括、提煉而形成的，反過來網頁的內容也一定是在統一的主題下集合、表現的。從網頁傳遞的信息來看，不同的網頁傳遞不同的信息，不同的信息彼此之間有著必然的聯系。網頁設計者應該從網頁的整體表現藝術出發，將不同的網頁有機地組織起來，在內容導向上保持統一，而不是彼此零散。這樣觀眾在閱讀網頁時無論讀到哪一頁網頁都會感受到網頁在內容上的整體性和統一性，如同讀一部內容趨向統一的小說一樣，自然、和諧、順暢。

超級鏈接是網頁的基本屬性和基本元素，通過超級鏈接瀏覽者可以輕易地從一個網頁跳轉到另外一個網頁。這無疑使得網頁在內容表現上得到了無限的擴張，但同時也為網頁的統一性帶來了挑戰。一個優秀的網頁設計者不會在網頁上做隨意鏈接，而是會對所有鏈接的網頁進行精心的設計和統一的思考、組織。網頁中所鏈接的網頁一定是為主題服務并和主題的內容風格保持一致的。也就是每一個不同的網頁所傳遞的信息取向一定要一致，而不是發散式的。這一點看似簡單，在實際的網頁設計中卻往往是很容易被忽視的。

現在的網頁設計往往會由于缺乏統一的主題設計而對網頁中所鏈接的內容不假思索，甚至有時為了提高經濟效益而添加一些和網頁內容沒有關聯的廣告。網頁設計的整體表現藝術需要設計者對網頁及其所鏈接的內容進行統籌的規劃和思考。網頁設計中對于形式美要求遵從網頁的主題表現和內容思想并不是要求因此而限制網頁形式的視覺表現，而是為了使網頁形式更加具有藝術表現力和內涵。網頁設計中對形式的設計應該以此為基本原則盡可能豐富外在的視覺表現。這樣的網頁設計才具有同一的審美思想和豐富的外在表現，達到內在統一與外在美的統一。

二、網頁設計中的形式表現藝術

網頁設計中的形式是與內容高度統一的。網頁有了特色鮮明的主題和趨向一致的內容之后便是如何通過形式將網頁主題和內容完美地表現出來。隨著信息技術的發展，網頁設計中所包含的元素越來越豐富。圖形、圖像、文字、動畫、視頻和音效等都是網頁設計中的重要形式元素。網頁的主題為網頁的視覺表現提供了基本的靈魂，網頁的內容為網頁的視覺表現提供了豐富的架構，網頁的形式則是在這兩者之上對網頁進行更具外在表現的視覺傳達。網頁設計中的形式和內容一樣都是為主題服務，在主題的統一調配下進行的創作。網頁設計中的形式由于包含的元素很多，風格也各具特色，因此為了更好地表達統一的主題思想和內容情感往往需要設計者更加精心的設計。

同網頁設計中內容的表現藝術一樣，網頁設計中形式的表現藝術也是以美為基本的前提。但網頁設計中的形式美并不是脫離實際內容和主題風格的花哨美，而是在主題統一的思想下僅僅依附于內容的實際美。網頁設計中的形式如果脫離了主題和內容則會顯得空洞無力，沒有生命力，自然也無法引起人們繼續閱讀的欲望。只有將網頁的主題和內容以準確、恰當、豐富的形式完美地表達出來才能體現出網頁設計獨具特色的藝術魅力和價值。為了達到這一藝術標準，網頁設計者需要對網頁中的元素進行細致入微地設計，確定每一個元素都對于表達主題和內容能夠發揮作用。只有通過統一設計的形式才能夠與網頁主題和內容高度保持一致，形成視覺表現藝術上主題、內容和形式的統一，形成藝術表現上的合力。

三、網頁設計中的造型藝術

網頁設計中造型藝術的巧妙運用在給用戶帶來極大感官享受的同時，還能較好地提高網站的形象和知名度，因此在具體設計中要根據實際情況，使用最合適的表現手法，不同的主題有不同的表現手法，通常我們可以使用的組合手法如均衡、反復、交叉、重疊、對稱、反射等都有各自的特點，例如，使用清晰字體設計配合流暢的文字內容會使得信息更加容易被吸收。并非造型設計藝術水準高才是好的網頁設計，符合用戶的審美觀，用戶便于理解，能與用戶無障礙溝通的設計才是好的設計，才能達到網頁更好傳遞信息的目的。

如今，網絡的發展已進入WEB2.0時代：其特點是以普通用戶為主，并且能夠實現用戶與網站交互建設的開放型網絡頁面。在WEB2.0站點中，總體的造型設計都具有簡約樸素的風格，站點中的圖形外框一般都使用新CSS技術所支持的圓角，優點是首先可以減少維護的工作量，因為圓角圖片在圖片文件的生成和更新中不需要編寫網頁代碼，其次是可以提高網頁的性能，加快網頁的載入速度，因為圓角圖片在顯示的時候不會再發出多余的HTTP請求，最后，可以增加視覺可靠性，使用圓角圖片不會出現由于網絡阻塞、服務器錯誤等情況下造成的背景圖片下載失敗，從而造成整體視覺效果差的情況。在Web2.0中使用的具有立體效果并且有斜邊的圓角圖標能使網頁不再古板、僵硬，具有優雅、光潔的氣質，將網頁上的各種元素有機組織起來，直接通過圖片傳達網頁意圖，可以有效地引導用戶的視線，簡化了語言上的表達。

在圖片使用上還要注意以下幾點：首先，受到用戶計算機顯示器以及肉眼的有限感知能力的限制，圖片分辨率合適即可，沒有必要去盲目地追求高分辨率。其次，受網絡傳輸速率的影響，圖片并非越大越好，應該在保證圖片的清晰度，不影響視覺美感的前提下盡可能的小。再次，在網頁設計中，圖片的大小，圖片所處的位置以及圖片和文字的關系都會影響到網頁的整體審美效果和傳遞信息的效果，因此，要注意圖片的使用形式，在選擇圖片和處理圖片的時候，在保證與網頁的整體樣式、風格統一的前提下，為了引起用戶的注意，盡量選用新穎的圖片，但是必須要突出重點，避免想要表達的重要信息被花哨的次要信息所掩蓋。

四、網頁設計中的色彩藝術

1色彩的取向

網頁的色彩屬于應用色彩的范疇，即網頁的色彩通過用戶顯示器的屏幕在RGB模式下用光色來顯示，比傳統視覺色彩的顯示程度要豐富。一般的網站均選用明快而生機勃勃的顯示方式。藍色系和綠色系是比較常見的色彩。橙色系、黃色系以及粉紅系也是經常使用的色系。相對奔放而明快的主色調給人以一種輕松，愉悅的心情，并且也能很好地把用戶的視線拉回到網頁所要傳達的主要內容上來。

2色彩的表現形式

在網頁的設計中，有多種不同的方式可以使色彩的表現形式達到預期的目的。運用色彩學中關于深淺變化的“明度變化”原理，可以利用色彩表現形式來區分網頁內容的主次關系或等級關系，這主要考慮到主頁背景色的深和淺，使用“高調”和“低調”原理（深為高調，淺為低調）來控制文字與底色關系。統一的色彩取向搭配上鮮明的色彩層次能夠給用戶一種舒適的視覺體驗。

3色彩體系的搭配

篇2

網站風格是網頁設計藝術創新的主要對象，網站風格是一個抽象的概念，指的是網頁形象能夠給訪問者帶來的感受，這種感受可以通過網頁中的內容、文字、色彩等進行傳達，通過對網頁風格的感受，網頁本身所具有的性格和品位也會凸現出來。如果網頁沒有自身的風格，則網頁設計的過程會變成一個堆砌信息的過程

二、網頁設計藝術創新對設計者提出的要求

每一個優秀的網頁都建立在創新的基礎之上，同時也傳達著網頁設計者本身的思想和精神，在網頁設計的藝術創新中，設計師是進行網頁設計工作的主體，而要實現網頁設計的藝術創新，網頁設計者要具有以下幾點認知和素質:一是肯定創新的價值。設計師要認識到藝術創新是讓自己設計的網頁實現無可替代的重要途徑，設計師只有具有創新的意識，才能在自己設計的網頁中留下自身思想的烙印;二是藝術創新要具有針對性。即網頁信息要明確地將中心意義傳達給網頁訪問者，讓訪問者認知網頁的創新點并通過網頁獲得不同的視覺體驗和心理體驗，這種針對性需要建立在對訪問群體進行分析的基礎上，即對“小眾”心理的迎合;三是網頁設計者要具有真誠善變的特點。藝術創新是一個改變傳統的過程，善變即推陳出新，其應當是一個優秀的網頁設計者應當具有的重要素質，但是同時善變并不是胡亂設計，所以設計者也應當具有真誠的品質，因為單純的迎合以及虛假的創新都是沒有任何生命力的。

三、網頁設計中的藝術創新

(一)色彩藝術創新。色彩是網頁設計中的重要元素，不同色彩能夠喚起人們的不同感知，同時色彩也是網頁中最能夠給予訪問者視覺沖擊力的設計原色，所以在網頁藝術創新中，對色彩的運用作出創新是一個重要的突破口。色彩的創新可以有多種形式，其中色彩表現和選擇的自由化以及色彩簡約設計就是其中的兩種主要形式:一是色彩表現與選擇的自由化，網頁的個性可以通過自由地選擇色彩來實現，而自由化的色彩表現能夠使網頁具有更加獨特的風格，色彩的選擇會受到訪問群體和時代的影響，但是設計者可以在色彩的選擇和使用中通過一些小的調整來表達自身的心理和情感使網頁具有個性化的特質;二是設計色彩奉行簡約。簡約化的色彩設計已經逐漸成為了網頁設計中的主流，良好的簡約化色彩設計可以達到以少勝多，以簡勝繁的藝術效果，雖然簡約的色彩設計更容易突出網頁的主題，但是卻對網頁設計者的能力提出了更好的要求，即要求網頁設計者運用更少的設計元素來表達出更多的藝術內涵。

篇3

一、課程目標

眾所周知，課程目標決定一門課程構建和發展的最終導向，一方面可以為學生指明正確的課程學習方向，另一方面也為教師傳授正確的知識理念提供依據，真正做到“教”和“學”的“有的放矢”。結合藝術設計專業學生的個性特點，注重網頁設計語言的學習，將藝術和技術有機的緊密結合。在課程目標制定的過程中，弱化一些在前期專業基礎課程中已經學習過的相關知識（如PS圖像處理等），做好簡單的銜接，將重點放到藝術設計專業學生相對薄弱的知識點（如網頁設計語言等）。Dreamweaver是目前最好的網頁制作與設計軟件工具，作為可視網頁編輯工作的標準，它一直在代碼編輯和應用程序開發方面的功能比較強大。更重要的是它是所見即所得類型的網頁設計軟件，對藝術設計專業的學生來說，學習和應用的難易程度非常合適。同時，對于網頁設計素材的制作和處理，動畫素材可以選擇Flash，圖片素材可以選擇photoshop，這里強調并要求和Dreamweaver相匹配和適應。作為網頁設計的基礎理念，在制定《網頁設計》教學目標時，必須考慮將W3C標準相關的新理念、新做法等元素考慮進來，強調使用規范化語義標簽語言（X）HTML書寫頁面結構，并強調CSS樣式表的使用，同時遵循W3C標準，了解div+css和標準頁面的優勢所在，使用“div+css”實現網頁結構代碼與表現樣式相分離，以及對后面制作標準頁面所起到的促進作用等。

二、教學內容

（一）在藝術設計專業的人才培養計劃中，網頁設計課程

一般安排在課程學習的中后時間段。就本課程而言，我建議教學內容并時間安排如下：

1.Dreamweaver軟件的學習和應用為重點講解，講授和實踐為5+5個學時。Dreamweaver軟件的主要任務就是完成網頁設計的版面架構，教學中，主要講解本地站點的創建和頁面結構搭建。在早期的網頁排版中一般使用網頁表格（table）及其嵌套的模式布局頁面，隨著技術更新和用戶需求，表格結構已不適合現在時展的需要，即不適合手機及平板電腦的用戶瀏覽，呈現逐漸被淘汰的趨勢?，F今網頁版面架構大都采用div+css的方式設計，具有瀏覽速度快，適合在手機或平板電腦上瀏覽的優勢。結構和樣式的相分離，也便于日后的網頁改版的便利；

2.網頁編程基礎方面：HTML語言、CSS樣式、JavaScipt，講授和實踐7+7學時。非計算機專業的學生一般錯誤的認為使用Dreamweaver這樣所見即所得的工具學習網頁設計，不再需要學習太多的“語言”。其實不然，HTML是網頁的靈魂，它不像C語言那樣“生澀難懂”，相對藝術設計學生而言，完全有能力學會和掌握。CSS通俗講是控制網頁中內容的顏色、字體大小、寬度背景等樣式，并由此來實現各種各樣網頁樣式的統稱，也是需要熟悉和掌握的。JavaScipt與C語言不同，它提供一定的面向對象能力，因此模塊、名字空間、類、對象、封裝、函數等功能在JavaScipt中的實現方式是其教學的重頭戲，它們才是現代JavaScipt語言的精髓；

3.Flas，講授和實踐6+4學時。Flash主要制作二維動畫，體積小，便于使用，學習難度小，能夠滿足網頁設計的需要，如：網頁Banner條的設計、片頭動畫、課件等；

4.網站客戶端的表現原則、開發流程、面向客戶的網站設計，講授和實踐2+0學時；

5.photoshop為輔助2學時，藝術設計專業的學生已經學習并掌握photoshop的使用方法。因此，減少這方面的講解，給其他新知識點留下更充裕的時間。

（二）結合網絡技術發展和用戶體驗要求，本課程教學還需注意下面要點：

1.面向用戶體驗的網頁設計：學生在學習和制作網頁時，總是以“自我”的感覺為主導，很少考慮并分析用戶需求，以為自己的設計有相當的“吸引力”但是對于訪問者來說，大多數的設計過于空洞、內容繁冗，徒有漂亮的外觀。所以學生應該明確，網頁設計應該以“用戶”為中心，而不是展示、甚至炫耀網頁技術或技巧。因此，有必要引進面向用戶的網頁設計教學。

2.當前互聯網技術飛速發展，網絡資源共享已成趨勢，學生獲取知識的渠道已不僅僅滿足于課堂上教師的講解，包括每一步所要學習的知識點。充分利用網絡，包括豐富的教學資源和便利的搜索功能，面對現實中存在的問題，引導學生如何利用互聯網學習網頁設計方面的前沿知識，發現并解決。鼓勵學生使用博客、論壇，通過發現其中有趣的文章，得到解決問題的新方法和代碼片段。向學生介紹開源社區，并鼓勵他們在線發表自己的代碼，使用社交媒體進行資源查找，并形成專業的社交媒體互動，更加專注于他們的代碼與工作，真正激發學生的學習興趣。

三、教學方法

《網頁設計》課程具有交叉學科性質，結合藝術設計專業學生的自身特點，在教學過程中，我運用任務驅動法、模塊教學法和項目教學法等多重手段，給學生明確的思路，引導學生多動腦，勤動手，發現問題，分析問題，解決問題。

（一）任務驅動法

任務驅動法，即通過創設問題情境來調動學生的學習興趣，進而啟發學生的求知欲?！芭d趣是最好的老師”，只有發現問題，才有任務和動力，教師利用專業知識，結合課堂所講章節內容，分析并解決問題。只有這樣才能有利于培養學生獨立分析問題、解決問題的能力和創新能力。具體到《網頁設計》課程教學中，通過導入新課環節，將所要講授的新知識隱含在一個或幾個任務之中，引導學生對所提出的任務進行分析討論，明確大體涉及所需知識，承前啟后，找出哪些是需要復習鞏固的知識，哪些是需要探索學習的新知識，在教師的指導下找出解決問題的方法，通過任務的完成實現對所學知識的構建。

（二）模塊教學法

團隊合作、模塊運營是現代企業生存和發展之道，網頁設計公司亦是如此，很多網站界面都實行模塊化，每個部門負責完成自己的任務。為和現代網頁設計公司相適應，《網頁設計》課程嘗試實施有目標、有任務、有內容的模塊教學法，將本課程教學內容有意識地分化為幾個模塊，針對每一個模塊設定具體的教學目標、任務和要求，將課堂所講內容和現實所需實踐有機結合。同時讓學生自由組合成一個個小團隊，團隊之間、團隊之內分工協作，團隊合作，真正做到鍛煉學生綜合能力的教學和實踐。

（三）項目教學法

通過實施一個完整的“項目”而進行教學活動，其目的是在課堂教學中把理論與實踐有機的結合起來，充分發揮學生的創造潛能，提高學生解決實際問題的能力?！毒W頁設計》課程相對來說，有非常多的“項目”可供實施。一般是在知識體系講解完全后，給出一個具體的項目命題，如學生（或學校）個人（或創業小店）的網站、網絡上征稿的企業網站等，在實施這些“項目”過程中發現問題并且解決問題，一方面可以鍛煉學生的實踐能力，更重要的是及早讓學生有實戰意識，真正實現課堂教學和單位實習的“零距離”。

（四）雙師教學法

聘請工作在網頁設計一線，且具有豐富實踐經驗的設計師作為兼職教員，加入到課程教學中來。兼職教員能制作最專業的網站，對本行業的最新趨勢有著完整的把控力，對網頁設計實際工作中有可能遇到的問題有著獨到的見解。他們可為學生開設講座、解惑答疑，結合全職教師對教學內容和方法的深入研究，兩種教師互補，增強學生的學習體驗和興趣，提高教學質量。

四、結語

篇4

關鍵詞：網頁設計；藝術設計；元素

中圖分類號：TP393.092 文獻標志碼：A 文章編號：1673-291X（2012）32-0220-02

計算機網絡技術的發展把人們帶入一個信息大爆炸的時代，網絡不僅影響了信息交流的方式，也越來越多地滲透到人們的學習、工作和生活中。網頁是網絡信息的基本載體，也是網絡信息的主要表現形式，網頁中的藝術設計元素就成為網頁是否有具有觀賞性，能否給受眾帶來美的享受的決定因素。網頁設計作為一門交叉學科也就應運而生。網頁設計本身以網絡為載體，把各種信息以最快捷、準確的方式傳播出去；同時，網頁也因為有了藝術設計元素而變得更加豐富多彩，更具觀賞性。

網頁設計中藝術設計的元素主要包括文字、圖形、圖像、色彩、版式等，下面將分類進行說明。

一、網頁設計中的文字

文本是網頁中最為重要的設計元素，網頁的正文部分都是由文字的群體組合而成，從藝術的角度講，文字群體排列組合的好壞，直接影響著頁面的視覺傳達效果。因此，文字群體的設計是增強頁面視覺傳達效果，提高文字的藝術表現能力的關鍵。

1.注重文字的可讀性

網頁設計中的文字應避免凌亂、煩瑣、難于辨認，為了設計而設計，忽視頁面的親和力、可讀性和用戶體驗。

2.調整合適的字體、字號和行間距

字體的設計是設計者直覺和審美的體現。使用說明字體都要從頁面的整體和總體設計原則考慮，黑體強壯有力，草書則更加有藝術感，但從瀏覽網頁的終端考慮，最好采用默認字體，因為好看的字體瀏覽終端不一定支持。

字號的大小有不同測量標準，一般情況下用磅和像素來表述，在網頁設計中默認用磅表示字體的字號，網頁正文部分一般不用12磅宋體字。

行間距變化也會對網頁的用戶體驗和美感產生影響，一般情況下，與字號大小接近的行間距比較適合瀏覽者的審美觀。

3.文字的圖形化

所謂文字圖形化是指用單個的字、詞、句甚至一段文字，巧妙地排列組合成生動有趣的畫面，使圖文有機地結合在一起，形成圖文交融、相映成趣的視覺效果。在文字的圖形化過程中不要單純追求文字圖形的美觀，還要注意文字的可讀性，只有這樣才算是成功的文字圖形化。

二、網頁設計中的圖形和圖像

圖形、圖像是最早引入網頁設計的多媒體元素，它們能將信息傳達得更具體、真實、直接，易于理解，從而高效率、高質量地表達設計理念，使網頁充滿強烈感彩，增強用戶體驗。

1.網頁設計中的圖形

2.網頁設計中的圖像

網頁中的圖像主要分為：LOGO（標志）、背影、主圖和超級鏈接；常用的圖片格式有jpg和gif等。

LOGO具有象征、識別功能，是網站形象、文化和主題思想的濃縮。一個成功的LOGO能夠提升網頁的層次，起到畫龍點睛的作用。

背影圖像把整個頁面變成一個寫實場景，與網頁主題相輔相成，從而突出主題思想，凸顯網頁風格。

網頁主圖是指頁面中突出主題，表達主題思想較大幅面的圖形圖像，一副好的主圖能清晰、準確的表達網頁的主題，并具有直觀、易于理解等特點。

將圖像設置成超級鏈接，能夠使超級鏈接變得樣式豐富，形象生動的圖像能夠消除語言障礙，可以給單純的文字信息增添活力，從而增強用戶體驗。

三、網頁設計中的色彩

網頁的色彩搭配是制作網頁成功與否的關鍵。網頁的背景、文字、圖標、邊框、超鏈接等，應該采用什么樣的色彩，應該搭配什么色彩才能最好地表達出網頁的主題，一直是網頁設計者頭疼的問題。

一個成功的網頁配色，首先要清楚怎樣將網站主題思想傳達給用戶，然后再根據這個主題思想來確定網頁設計的色調搭配，從而提高網站的訪問量。要搭配出能夠體現網站主題思想的配色需遵從以下幾點。

1.色彩的鮮明性。網頁的色彩表現主題要鮮明，引人注目，使人過目不忘。

2.色彩的獨特性。設計根本就是要創新，模仿和抄襲是沒有生命的，色彩搭配與眾不同，使得大家對你網頁的色彩搭配印象強烈。

3.色彩的合適性。就是說色彩和你表達的內容氣氛相適合。如用粉色體現女性站點的柔性。

4.色彩的象征性。不同色彩會象征不同的內容，如藍色象征天空、黑色象征黑夜、黃色象征溫暖等，選擇色彩要和你網頁的內涵相關聯。

在網頁配色中也要切忌用色過多，最好控制在三種之內；前景和背景色彩對比要大，以便突出主題。

四、網頁設計中的版式設計

網頁板式的基本類型主要有骨骼型、滿版型、分割型、中軸型、曲線型、傾斜型、對稱型、焦點型、三角型、自由型十種。網頁設計中的版式設計是通過文字圖形圖像的組合，表達出和諧與美。因此，這些圖形圖像必須按照一定的次序進行合理的編排和布局，有機地結合在一起，將一個有機的整體展現出來。在網頁設計中，不管采用網頁板式的哪種基本類型都要做到。

1.主次分明，中心突出。根據中國人的習慣在一個頁面上，一些重要的內容一般安排在頁面的中央或者中間偏右上的位置，在其他的地方可以安排那些稍次要的內容，這樣整個頁面就得到更好的視覺效果了。

2.網頁設計的版式要注重整體，網頁設計內容又需要元素組成，在設計網頁時要綜合各類元素的特點，做到通盤考慮、周密組織、精確定位，才能使頁面的整體性得到體現。

3.圖文并茂，相得益彰。文字和圖片具有一種相互補充的視覺關系，頁面上文字太多，就顯得沉悶，缺乏生氣；頁面上圖片太多，缺少文字，必然就會減少頁面的信息量。因此，最理想的效果是文字與圖片的密切配合，互為襯托，既能活躍頁面，又能使主頁有豐富的內容。

五、網頁設計的視聽元素

網頁設計伴隨著計算機互聯網技術的發展，聲音、視頻和動畫等視聽元素已成為網頁的一個重要組成部分。從網頁設計的角度來說，在網頁中運用適合網頁主題的視聽元素能夠大幅度提高網頁的檔次，反之，單純為了“炫”而加入一些不合主題的視聽元素反而會有畫蛇添足之嫌。因此，視聽元素在網頁設計中的運用也要遵循傳統網頁設計的制作思路和制作要點。視聽元素的綜合運用是網頁設計的特點之一，是網頁設計發展的必然方向。

藝術設計元素在網頁設計中的運用是今后網頁設計發展的新趨勢，網頁設計作為一種新興的藝術設計，只有合理地將藝術設計元素運用到網頁設計中，才能做出賞心悅目的網頁。

參考文獻：

[1] 姚霓.淺談網頁設計要素[J].科技情報開發與經濟，2008，（18）.

篇5

一、堅持教學改革，提高教學質量，提升學生整體素質

為解決我院課程與崗位關聯不夠，學科課程比較明顯，工作任務引領的相關項目課程少，專業教學還不能很好地適應職業崗位的實際需要，從2008年初開始推進以“工作過程導向的項目課程開發與建設”工作，改革現有的課程體系。2008年3月第一批課改專業啟動，經過兩年四個階段的不懈努力，成果豐富。市場調研階段專業教師了解了企業對人才知識結構的真正需求，了解了行業、技術發展的最新動向；各類技術職業崗位的工作過程、工作任務、工作情境開發項目課程，初步建立起工作過程導向的以項目課程為主體的現代職教課程新體系。

根據網絡技術專業自身的特點，筆者認為非常適合開展“工作過程導向的項目課程開發與建設”工作，使專業了解市場、了解企業實際需求，了解各崗位所要具備的專業能力。因此，我們要以提高教學質量為目的，堅持教學改革，積極開展各種形式的教研活動，做出成效。各類教研活動盡量邀請系、院領導參加，讓領導了解我們所做的工作，爭取更多的資金和政策支持。教師在教學改革過程中收獲了知識，提升了技能，熟悉了市場，提高了個人的教科研能力，必能為學生整體素質的提高做出貢獻。

二、注重師資隊伍建設，打造“雙師型”專業教師

1.堅持專業教師定期培訓及下企業頂崗實習

隨著社會的發展和科學技術水平的不斷提高，要求信息技術類課程必須不斷更新，才能適應企業及市場的要求，教師也必須學習新的知識，才能適應新課程的需求。因此，要定期組織專業教師參加培訓，到專業培訓機構進行集中學習，或到專業公司參加實際項目建設的頂崗實習。放下老師的架子，當好學生或實習生，并對老師進行評價，成績優異者給予適當獎勵。

2.重視人才引進和教師以老帶新，新老結合

專業發展需要人才，我們應該敞開大門，引進一些技術水平高、愛鉆研，有企業工作經驗的人充實到教師隊伍。注重發揮老教師教學基本功及多樣化教學的優勢，和新教師知識結構新，思想活躍，敢想敢干，對事物認知快的特點，進行優化整合、優勢互補。

3.引導教師個性化發展

一個人的精力是有限的，但知識的學習是無限的，想用有限的時間學習無限的知識是不現實的。因此，要鼓勵教師根據自身興趣及專業特長，主攻一個專業方向，使主攻方向達到一定的深度，突出個性化的特點。并鼓勵教師多寫專業性學術論文，提升個人知名度和影響力，爭當行業專家和學院名師。

4.注重教師思想溝通交流，形成肯干事，愿干事的良好氛圍

老師有為才有位，教師不要把工作作為工作來做，而是作為事業來干，要以老板的心態切實對自己的事業負責任。教師們要相信，只要肯干事，愿干事，索求少一點，奉獻多一點，有付出就一定會有所回報。

三、重視校外技能競賽，提升專業知名度和影響力

隨著國家、省、市各級政府對高技能人才培養的重視，各種類別、級別的技能大賽越來越多。在剛剛過去的2010年里，我院電子通信系、印刷技術系、國際商務系都在校外技能競賽中取得了不錯的成績，提升了自身專業的知名度和影響力，也為學院取得了榮譽，受到了上級和學院領導的表彰和獎勵，為專業的長遠、可持續發展創造了良好的機遇。

網絡技術專業要想發展壯大，筆者認為校外技能競賽是我們發展的一個“捷徑”?？梢酝ㄟ^校外技能競賽提升教師和學生的自信心、自豪感，還要引起系、院領導對我專業的關心和重視，為專業的發展提供便利。如何才能使技能競賽取得優異的成績？筆者認為首先要抽調優良的師資，選拔優秀的學生，利用課余時間做好日常訓練工作，使備賽作為一種常態，時刻準備參加競賽。另一方面，要積極通過各種形式去收集、獲取與網絡專業有關的各種賽勢，盡量做到有賽必參，獲取比賽經驗和了解參賽規則，積累經驗、總結失敗，相信一定會取得優異的成績。

四、辦好技能俱樂部，為技能競賽培養和儲備人才

技能俱樂部作為辦學特色，是我院開展學生第二課堂的重要形式，也是培養技能尖子的重要手段。辦好專業技能俱樂部，為校外技能競賽儲備人才，也是網絡技術專業的重要工作。

（1）辦好技能俱樂部，學生選拔是關鍵。應把俱樂部學生選拔作為一項專項工作，建議每年從系部層面召開一次技能俱樂部選拔動員會，主要面向于一、二年級學生。系領導強調技能俱樂部人才選拔對學校發展及對學生自身發展的重要性，然后由各技能俱樂部負責人重點介紹自己所負責俱樂部的特色和主攻方向，讓學生了解和咨詢，通過學生報名，班級推薦，堅持興趣第一、成績第二的原則擇優錄取。為保證培養質量，一個學生最多可以報兩個俱樂部，一個俱樂部最多可報十名學生。根據實際情況，學生可以跨系、跨專業、跨年級報名，廣納優秀學生。俱樂部作為學生的第二課堂，重在實訓練習，拓寬知識面，訓練內容建議直接為比賽項目或企業項目，為學生參加比賽和畢業后走向工作崗位打下堅實的基礎。

（2）師資力量是辦好技能俱樂部的另一個關鍵因素。教研室主任應重視俱樂部工作，指派最強的師資作為俱樂部指導老師；另一方面要出臺相關的獎勵辦法，給予一定的物質和精神獎勵，對于指導參賽獲得獎項的指導教師根據獎項應給予重獎，在系部形成一種專業教師人人想當指導老師的良好氛圍，促進專業俱樂部更快、更好的發展。

五、動態把握市場需求，培養適合企業需求的實用性人才

學校的產品是學生，客戶是企業，衡量一所技工院校辦學質量的重要指標就在于所培養的學生能不能滿足企業的需求，讓用人單位滿意。因此，我們應經常進行市場調研，把握行業發展動態，多與企業進行溝通和交流，了解企業的實際需求，并了解市場對人才需求變化趨勢，根據企業需求去定制或培養出與企業需求相近的人才。雖然我們不能培養出通用型人才，但我們要培養出實用型人才；我們不培養理論性人才，但要堅持培養走出去就能用的實用性技能人才。

六、創辦特色課程及項目，爭創院級、省級重點專業

要想辦好一個專業，筆者認為要辦出專業的特色，也就是具有與其它院校同類專業與眾不同的特點，我們現在也具備這個條件?，F在中小企業的服務器操作系統基本是WINDOWS一通天下，但LINUX操作系統以其低廉的價格和穩定的性能也逐步被企業接受，也有巨大的市場需求。我們應憑借專業大部分教師對LINUX操作系統都比較熟，和與北京中科紅旗軟件技術有限公司有著良好校企合作基礎的雙重優勢，在服務器方面重視LINUX服務搭建與系統安全教育，在軟件方面利用LINUX開源的特點，深入內核，重視LINUX嵌入式開發、驅動開發、內核開發和網絡編程。

篇6

網頁藝術設計視覺呈現的內容，通常概括為兩個方面，即視聽元素與版式設計。兩者互相依存、彼此襯托。

1.1視聽元素。視聽元素，主要包括文本、背景、圖標、按鈕、表格、圖像、導航工具、背景音樂、顏色、動態影像等。在這些元素當中，網頁設計者需要考慮如何以感人的藝術形式把它們放進頁面這個“大屏幕”上。大多數瀏覽器本身都可以顯示或收聽以上各視聽元素，不需要任何外部程序或模塊支持。多媒體技術的運用，很大程度上豐富了網頁藝術設計的視覺表現力，其在網頁藝術設計中的綜合運用逐漸廣泛，是建立在計算機技術不斷發展的基礎之上的。與此同時，使網友可以享受到更加完美的視聽效果。新技術的出現，在一定程度上，也提高了網頁藝術設計的門檻。

1.2版式設計。網頁的版式設計，在有限的屏幕空間內進行，將視聽多媒體元素有機排列組合，個性化地表現理性思維，是同時具有個人風格和藝術特色的一種視聽傳達方式。網頁的版式設計，同報刊、雜志等平面媒體的版式設計大同小異。在網頁藝術設計的視覺呈現中，網頁的版式設計占據重要地位。在傳達信息的同時，它同樣產生感官美感與精神享受。網頁的排版，不同于書籍、雜志的固定的規格尺寸排版方式，其受到讀者閱讀的控制。這使得網頁設計者不能精確控制頁面上每個元素的尺寸和位置。另一方面，網頁的組織結構區別于印刷品線性組合的表現方式，也給網頁的版式設計帶來了一定難度。

2網頁藝術設計的視覺呈現方法

2.1色彩搭配的設計。網頁設計的視覺呈現中，色彩是至關重要的。做好網頁設計的基礎是色彩的恰當運用。色彩，通常是設計師的首選。因為，色彩總能順利表達設計者的意圖。色彩在網頁作品中是最先吸引受眾注意力的，其次才是圖像，最后是文字。

色彩，作為一種傳達設計意圖的基本視覺要素，猶如音樂必須經過一系列音符的恰當選擇與巧妙安排，才能產生美妙動聽的旋律。色彩同樣需要經過組合與搭配以及畫面構圖的形式，來獲得自己的藝術生命。色彩通過視覺反映人譬如興奮、冷靜、溫度感、質感等心理效應。一個網站的視覺設計，不可能單一地使用某一種顏色，也不可能將所有的顏色全部運用到網站的視覺設計中。一個網站設計的視覺呈現，必然根據其自身的主題選定一種或兩種顏色作為主體顏色。

在整個網頁設計的視覺呈現中，色彩畫面構成中的主題顏色，起著統率和支配的作用，統籌其他所有非主色調的色彩。圍繞主色調配置與調整色彩，可以避免網頁設計視覺呈現中色彩零亂、紛雜、不和諧的不良現象。所以，網站設計者必然也是色彩搭配高手，更好地了解色彩的構成即搭配，是一個好的網頁設計師應當具備的專業技能。在網頁設計的視覺呈現中，色彩的均衡，包涵色彩的位置、每種色彩所占的比例、面積等方面。主題顏色確定以后，考慮其它配色時，需要注意兩個方面：第一，需要考慮其它配色與主題顏色的關系，即色彩的均衡關系；第二，需要考慮主要地位是由哪一種因素占據，純度、明度還是色相等等問題。

網頁設計的視覺呈現是否成功、舒適、協調，除卻文字、圖片等內容的合理排版之外，色彩的均衡是相當重要的一部分。所以，色彩的均衡問題，是網頁設計者必須要考慮的問題。

2.2點、線、面的元素構成。一切現實中的視覺元素均離不開點、線、面，不同的情感訴求都可以依靠這三種視覺元素的不同組合來體現。在網頁設計的視覺呈現構中，點、線、面既是最重要的表現手段，又是最基本的造型元素。在網頁設計的視覺呈現中，通過無序排列的點、規律排列的點形成線的視覺效果等點的視覺構成形式表現手法，來表達譬如生機、活躍、韻律、閃爍等種種聯想；通過密集排列的線形成面的視覺效果、疏密變化的線產生透視空間的視覺效果等線的視覺構成形式表現手法，來表達類似是否穩定、圓潤、條理等種種聯想；通過幾何的形面、自然形面等面的視覺構成形式表現手法，來表現自由活潑、生動厚實的人文特點。好的網頁，總是在點、線、面這三種視覺元素的合理安排中，將網頁設計的情感、心理等表現得淋漓盡致。點、線、面彼此關系的合理安排，能夠將網頁設計的最佳視覺效果表現出來。

2.3文字的排版運用。網頁的形象要素，即是文字。在網頁設計的視覺呈現中，文字承擔著傳達感情的功能。因此，網頁設計中的視覺呈現，文字的運用喚起受眾的審美感官，給人以美感，與此同時，還要將作者的意圖和構想準確傳達。文字的位置安排要符合網頁設計的整體視覺需求。從整體的角度出發，文字在頁面中的處理，要避免網頁設計中視覺上的沖突，以免引起主次不分。此外，在設計中不要輕信軟件的自動排列，有時一個象素的偏差，即會使網頁的意圖南轅北轍。

2.4留白的藝術技巧。留白，在網頁圖片和網頁文字之間架起一道橋梁。留白在網頁設計中的視覺呈現，是一種頗為討巧的設計手段。在網頁設計的視覺呈現中，網頁的合理布局往往需要通過留白來規劃處理多樣化的網頁視覺元素。只有照顧了整個頁面空間的分配，留白才能表現出一定的活力。在排版布局中，適當利用留白，能夠凸顯網頁藝術設計的藝術韻律。利用留白的體量感來使頁面布局平衡，使得頁面生動起來。網頁中的適當留白，使整個網頁設計排布松弛有度。網頁上元素之間的關系可以通過留白進行合理調劑，頁面平衡通過對留白的利用來實現，甚至能夠達到升華的效果。不妨從藝術的高度來看待留白，它給人帶來心理上的松弛和緊張的效果。

3結束語

篇7

當今網絡的普及加上快節奏的生活方式使得人們的閱讀行為發生轉向，越來越多的人開始從印刷文本的閱讀逐漸轉變為基于數字視覺圖像的閱讀，由此引發了閱讀對象、閱讀方式、閱讀性質以及閱讀心理和功能價值等多方面的重大轉變。計算機技術的發展使得插畫藝術從過去狹義的概念（只限于書籍、報紙、雜志中所添加的圖和畫）變得更為廣義，藝術性的圖畫和含有說明性文字的插圖都稱之為插畫。插畫設計是社會和歷史的沉淀，成為了一種重要的藝術形式，插畫能激發人們的想象力，能給觀賞者帶來豐富的視覺體驗，由于其直觀性和便于接受性，已經延展到網絡、電影里的片花、CD封面、時裝，玩具、游戲角色設定等一些新的文化載體當中。在國外，插畫被看成是一個大的應用網絡，滲透到各個領域。

二插畫藝術的發展

中國的插畫歷史和歐洲的相似，最早都是把插畫運用于宗教讀物之中，隨著社會的發展，插圖逐漸被廣泛地運用于自然科學書籍、文學書籍和經典作家的出版物上。在一段時期內手繪插畫受到新技術的巨大沖擊，曾一度被照片所取代。受現代藝術流派的影響，插畫風格日趨多樣化并伴隨著現代設計的觀念更新而不斷發展，各種主流的或是非主流的插畫元素彰顯出極具個性化的視覺語言。最近幾年，插畫變得越來越流行，在視覺信息傳播媒體中顯現出絢麗的光芒，被快速地運用于商業生產和銷售中，實現了商業性和藝術性的完美結合。如今，在現代數字媒介多元化的依托下，全新的視覺時代為新一代插畫家提供了更多的發展空間。插畫具有高效率、多樣化、準確性、成本底等特點，更易于進行商業操作。技術和市場的擴大和多樣性給插畫家帶來了新的機遇，插畫藝術可以同時涉及多個領域，插畫行業的特點和局限性也在不斷受到挑戰，在這種相互作用下，動畫、游戲、手機、網絡開發領域為插畫家帶來了新的機遇。數字網絡媒介的加入讓插畫藝術迎來了又一個高峰，插畫在網頁設計中的成功運用，使得商業插畫的潛在市場不斷擴大。

三插畫藝術在網頁環境下的特性網絡

作為新興的傳播媒介，有著傳播速度快、傳播信息量大、無地域性、交互性強等特點，并且由于綜合了視頻、圖形、文字、動畫、音頻等在內的多種媒體的效果，增添了插畫的時間性和交互性，使插畫從二維、三維空間走向了四維空間。數字網絡的傳播形式使得插畫由單一的靜止形態轉向了立體化、空間化的多元形態，實現了插畫與數字技術的結合。插畫在網頁環境中的運用必須要與傳統媒介的運用有所區分，插畫在網絡環境的運用中視覺設計表達的是一定的意圖和要求，即要對經濟效益產生作用，最大程度地吸引消費者的注意力，激發他們的購買欲望。明確的主題，并按照視覺心理規律和形式將信息主動地傳達給觀賞者。訴求的目的，是使主題在適當的環境里被人們及時地理解和接受，以滿足人們的實用和需求，這就要求視覺設計不但要單純、簡練、清晰和精確，而且在強調藝術性的同時，更應該注重通過獨特的風格和強烈的視覺沖擊力，來鮮明地突出設計主題，讓受眾在審美的過程中接受和處理所傳達的信息。插畫運用應該和導航系統聯合起來共同引導瀏覽者的視覺流程，因此插畫的藝術性在于確保整個網頁的個性化和整體性。設計師需要讓瀏覽者在最短的時間內接受到信息與美感的雙重體驗，滿足人們的實用和需求。通過塑造可視的形象來表現社會生活和設計師情感的藝術形式。設計師為了使網頁得到更大程度的推廣，受眾更樂意接受，在設計作品的過程中，應該以審美原則與審美體驗作為依據來創作，要達到最佳的表訴方式，應先從審美特征入手，善于巧妙運用各種元素創造出適合不同欣賞習慣、富有個性的圖形，這樣才能獲得最佳的藝術效果。經過設計師的藝術化渲染，商品的特質往往被突出強調，激發了瀏覽者的點擊沖動。無外乎精彩的網頁往往都能讓人在瀏覽網頁的整個過程一直保持興趣盎然，使用起來明確清晰，在細節上把握得游刃有余。隨著網絡傳播的廣泛性和高速性，網站已經成為越來越多公司及個人與大眾交流的平臺，挑戰著設計師的創造力和想象力。而插畫元素的運用對于企業和個人形象來說無疑是一種全方位的藝術提升，不僅有助于企業樹立良好的社會形象，還能更為直觀地展示企業的產品和服務。

四插畫藝術風格在網頁中的運用

眾所周知，資訊的發達帶來了網頁視覺藝術的多元化，也造成了視覺上的平庸。那么，如何有效地實現網絡視覺藝術的傳達與交流呢？一方面，網頁設計中的藝術審美是一種通過視覺符號、藝術形象去認識客觀世界的思維活動。生動的視覺藝術能夠喚起瀏覽者的審美情緒，從而符合他們獲取信息的心理需求和審美體驗上的滿足；另一方面，通過設計師的藝術化渲染，讓瀏覽者對企業產生好感度，從而激發瀏覽者的點擊沖動。在網頁設計中，設計師先根據需求把主題與內容加以深層次的聯想，然后通過具體的形象符號表達出網頁豐富的感彩，最后運用視覺審美體系的各構成元素，把技巧和情感與各種視覺符號融為一體，轉化為生動、精彩的網頁視覺形象，喚起人們對網絡視覺藝術的追求與熱愛。網絡上充滿了各種各樣的信息，插畫風格成了網頁設計中不可替代的藝術形式，在設計主題的表現上顯示出獨特的藝術魅力。插畫中獨特的親切、活波、個性、旋目的感覺展現出網頁設計的多樣性，插畫中個性化的表現技巧貫穿網頁設計中，使得頁面免于平庸，給瀏覽者帶來別出心裁、強烈奇特的多元化視覺印象。當然，一個高明的網頁設計師需要具備高度的表現力，這種表現力又能傳播更迅速、更方便、更有時代特征、更具心靈震撼力的信息。它要求設計師具有多變的風格語言和高超的表現技能，并能在網頁設計的限制中充分發揮個性和意象的魅力。插畫藝術風格在網頁設計中的運用無論具象還是抽象、自由還是機械，意在創造一種能夠迅速傳達并容易為平民化所接受并高度符號化的圖形語言。

1熱情桑巴裝飾性元素在插畫中的運用有很長的歷史。詭異的形象，流暢優美的線條，從19世紀末的比亞萊茲插畫到現代的英國的設計師SiScott的插畫，裝飾性風格風采依舊。好的裝飾風格會幫助用戶使用而確保用戶在導航網站上走得更遠。Havaianas是巴西一家人字拖鞋生產企業，獨特的設計風格，已在好萊塢以及時尚圈變的廣為皆知，加上插畫家AdhemasBatista對Havaianas網站（）的精心設計，使得Havaianas成為設計師、名人和名模的最愛。新穎的裝飾插畫運用是Havaianas網頁的特色，絢爛的色彩，豐富視覺形象的運用，唯美的畫面，把插畫藝術的技巧和企業的品牌文化完美地結合在一起，使得用戶跟著舞動在這股人字拖巴西桑巴旋風中。頁面的銜接變換出無窮的靈氣，在動感的音樂背景中，鞋子的夸張形象在畫面中不斷綻放。完美的創意加上精良的制作，使整個視覺的設計給人一種獨特的異域風、震撼美，豐富而不凌亂、絢麗而不媚俗，導航條、插畫以及商品特性的結合自然統一。

2個性空間涂鴉作為Hip-hop文化的一部分，涉及了非主流、民間藝術、符號學、達達主義、后現代主義等意識形態，逐漸被商業化并被吸納成一種特殊的表現形式，作為插畫的一種藝術形式，各種符號所代表的內容大都反映著年輕人追求獨特豪放不羈的個性和自由的心理特點，強烈的色彩運用使涂鴉這種獨一無二的視覺性很容易突出品牌的個性化特點。涂鴉藝術的表現內容來源于生活，各種元素都可以作為其創作的表現形式，但這種創作又不是簡單的直白描繪，而是通過夸張的圖形和構思巧妙的構圖表現出來，濃郁的色彩極富視覺沖擊力。涂鴉風格的美體現在它的“拙”上，是內心情感的流露和表達，是回歸自然的豁達和坦然。廣州木果服飾有限公司的網站（）的涂鴉運用，把大面積的紅墻肌理作為背景，畫面上出現的紅色怪舌頭，猶如城市里的一張張大嘴，加上俄羅斯男高音Vitas歌聲的烘托把我們帶入了一個奇異的幻想世界，年輕個性且強烈的視覺體驗立刻撲面而來。

3童話心境卡通風格是大家最為熟悉的一種插畫風格，體現在其表現手法上，即背景的平面化、圖式的卡通化、符號的并置化。這些卡通造型雖然用筆簡單，但特有的親和力和創造力體現了一種角色的互換極具夸張的特征。卡通形象的夸張性也造就了網頁的親和力。（）是AliceChan的個人網站，孩童式的理想空間，極富女性化色彩的頁面，子頁面的卡通形象都有著迷人的大眼睛跟首頁形象大眼女孩公仔形神俱似，雖然每個交互頁面有所區別，但相同的風格使得頁面能夠很好地貫穿在一起。在個人心情網頁（），淡雅的灰藍色是這個網頁的基本色調，美麗中夾雜著傷感的意境，平靜中帶著些許的漣漪。每個頁面聯系起來仿佛是在訴說著一個跟愛情有關故事。

4輕舞飛揚湯姆和戴絲兩位設計師的網站（）交互性很強大，互動的設計更會引起受眾的興趣，滿足人們的參與感。瀏覽者不再僅僅是信息的被動接受者，他們擁有更大的選擇與參與機會。具象的插畫風格運用布局恰到好處，設計者把情境安排到房間里，層出不窮地在網頁上展示著獨特的魅力。燈可以選擇開關，碟片可以選擇性地播放，吹著暖煦的海風，聞著淡淡的花香，感受著咖啡在手中的情調，欣賞著設計師的作品，忍不住要隨著藍調音樂輕舞飛揚起來。似乎瀏覽者就是這個小空間的主人，真實情境的參與性提升了網頁的趣味性，強烈的主題與設計技巧的結合為人們拓展了一個豐富的視覺享受空間。平靜的畫面中流露出來的小資情調，為我們編織了一個美麗的、愜意的情感空間。

5幻想世界基于對未來的憧憬和探索想象、奇幻、怪誕的想象力被源源不斷地釋放出來，現實生活中無法存在的虛擬情境通過具象的方式展現出來，人神合一的生物體、奇特的怪獸與現實世界結合起來共同構筑了一個幻想世界。科幻風格是設計師比較熱衷的表現風格，在大量科幻影視、小說、游戲的帶動下，科幻風格的作品大行其道，應運而生的3D制作具有后現代的感覺，給觀者頹廢及冷酷的印象。網頁的魔幻風格運用一般是與企業游戲和影視的宣傳相結合的。如網站（）中，荒誕的場景，怪獸的運用帶來視覺上的強烈刺激。

篇8

關鍵詞：計算機網頁設計 圖形設計 處理運用

中圖分類號：TP317 文獻標識碼：A 文章編號：1007-9416（2012）11-0222-01

1、引言

網頁設計技術的產生促使網頁設計圖形藝術領域快速地發展，在整個設計過程中離不開技術，設計的需求也是促進技術水平不斷提高的過程中。因此，計算圖形藝術設計的設計師需要正視設計與技術的結合，能夠正確掌握設計藝術與計算機程序設計和多媒體技術相結合的方法，能夠正確運用網頁設計圖形藝術的表現形式，針對其特點設計出更多更好的作品。

2、圖形藝術與網頁設計的改革

雖然在視覺傳遞這一層面上網頁設計的圖形藝術較之以往的網頁圖形藝術設計非常相似，但技術方面的應用也有很大的差別。對網頁的設計藝術與圖形藝術結合在一起是視覺表達的一種技術，它是綜合了計算機網頁圖形藝術及網絡技術運用。

2.1　藝術理念的傳遞

和以往的計算機網頁圖形藝術作品相同，對網頁設計也要求具備一定形式的藝術感染效果。因為毫無章程、平庸無奇、沒有美感的網頁很難吸引到瀏覽者的，更不會使訪問者去打開頁面上的其它窗口。要知道第一印象很重要，直接影響訪問者能否再次光顧改網頁。

傳統計算機圖形藝術作品在設計的過程中看重的是頁面元素的組成、色彩的搭配、版式的布局與空間表達形式等等，這些元素對圖形藝術設計作品很重要，每一個網頁設計作品都是將以上提到的因素結合到一起。通過各個方面有機的結合，在視覺傳達方面給觀看者一種審美的享受，網頁設計藝術最終的目的就是滿足觀看者的審美心理。

2.2　介質的差異

傳統的藝術設計作品的表達方式是印刷品，人們更愿意將美好的藝術設計打印出來保存，而現代藝術設計作品的表達方式是通過計算機顯示器來表現出來，并且在傳輸的過程中受到帶寬的限制。計算機圖形設計師在設計時就會發現，打印的作品的原理是色素減法原理，而設計作品的模式是以CMYK模式出現，而電腦顯示器的色彩工作原理則是RGB模式。

傳統與現代的分辨率有很大的區別，過去計算機圖形藝術的表現形式是印刷品作為表達介質，精度越高所要表達的效果也是約好，在正常的情況下，圖形設計作品的設定值是360dpi，而網頁設計藝術的圖形分辨率的設定值是圖形設計作品的五分之一。由于介質的不同，在藝術設計著色的時候需要慎重，不能將傳統圖形藝術表達的技巧直接應用到現代網頁藝術中去。

2.3　功能的異同

傳統計算機圖形藝術的作品的作用是通過作品向外界傳遞一些信息資源，而現代網頁設計藝術不僅僅具備這些功能，還會增加了一些導向和鏈接?，F代網頁藝術設計中超鏈接是非常重要的一個功能，以一個頁面超鏈接，點擊它們會就進入到鏈接的任何一個頁面。鏈接的方式是以文字、圖片、按鈕等某種信息表現出來。無論是那種表達方式對頁面的整體設計與布局都會有一些影響，對瀏覽是否方便也會產生影響。

3、規范布局網頁圖形藝術界面設計

在網頁設計圖形藝術中，布局規范、流暢，使視線融會貫通是完善設計的關鍵所在。網頁藝術設計的設計師在設計的過程中需要將重要信息表達在網頁最醒目的區域，視覺流程的停留點設計也需要設計在一目了然的位置。網頁設計先關人員可以依照具體信息資源的傳遞的需求，畫面所呈現不同的著重點，需要根據其位置進行合理的安排，在網頁藝術設計中，視覺傳達效率比較重要，為提高視覺傳遞的功能，必需要掌握以下幾個要點：（1）設計醒目的導航欄；（2）掌握瀏覽者的視覺習慣方式；（3）完善頁面的主從功能關系；（4）消除人的視覺疲勞感；（5）科學設計視覺流程。

在進行網頁設計圖形藝術時還應注重動態方面的設計，這就要求網頁應該具有閃變化的色彩、爍的文字以及Flas。不僅如此，在網頁之間的鏈接設計方面，應該能夠設計出使人們具有訪問更深層次頁面的傾向，這就需要建立合理的導航系統來引導訪問者的視覺流程，將網站的信息、文件以及說明更加醒目、清晰地處于視覺可及范圍之中，從而使引訪問者能夠進一步地觀賞網站。網站的導航系統應該運用簡短、便于理解，導航系統能夠體現出網站的各個視覺方向，這也就要求在網站設計的過程中，導航功能的應用要清楚、自然，簡便、新穎。通過網站導航系統的設置，為使用者提供方便，根據導航提示隨意從一個頁面跳轉帶其他頁面。

4、圖形藝術的界面處理

網頁圖形藝術設計的新穎特點能夠吸引瀏覽者的目光，而創意獨特、設計完美、布局規范的操作也是提高網頁瀏覽回頭率的必勝法寶。一個設計完美的網頁可以促進瀏覽者提高點擊網頁的欲望和愛好，因此這也就要求網頁設計圖形藝術可以根據一切科學技術手段來完善頁面完整度。保證頁面效果能夠更迷人，更吸引人，給客戶一種視覺沖擊的感覺，保證每一個網頁都具有較強的統一性與個性。當然，當我們在運用各種設計方法、科學的軟件以及先進技術方法的同時，要做到收放自如。將圖形設計信息的高效資源傳遞給瀏覽者，這才是網頁設計的最終目標。因此，設計過程中結合各種軟件工具的應用，在配上一些有聲的音樂，這樣就能夠為瀏覽者提供更便捷、舒適的服務。網頁設計所要表達是信息的傳遞，而圖形設計的意義就在與保證訪問者能看到一個豐富多彩、舒適流暢的網站設計，全面提升企業的整體形象。

5、結語

正如建筑藝術最初的目的僅僅是為了滿足人們最基本的生存需求一樣，網頁中圖形設計業是一樣，目前已經告別了僅僅使用HTML和JAVA語言來實現網頁的設計，這些設計的完成者全部都是技術性人才，但這些僅僅能滿足最為基本的傳遞功能，設計不到藝術層面，而現代的網站表達，藝術設計更為重要，現今，Macromedia　Dreamweaver、Microson　Froltpage等軟件的產生使數字化藝術設計變得更加方便。我相信，網頁圖形藝術設計將會發展得越來越好，展現在瀏覽者眼前的是藝術與技術的結合。

參考文獻

[1]劉瞳.網頁設計之管見[J].中國科教創新導刊，2009.

篇9

關鍵詞：網頁界面設計；視覺要素；

中圖分類號：TP393.092 文獻標識碼：A 文章編號：1007-9599 (2012) 10-0000-02

一、網頁界面設計的特征

網頁界面設計是一將藝術與技術相結合的一門學科，早期人們會有一種誤解，認為網頁設計主要體現在“技術”的應用上，而忽視了“設計”的層面，導致許多網頁布局不合理、頁面平淡無奇、內容雜亂無章等。因此，在充分傳達內容和信息的基礎之上，網頁界面還必須具備一定的藝術特征，這種藝術是基于功能性之上，并且為其服務的。

（一）以功能性為主

網頁界面設計和平面設計一樣，必須遵循一定的設計原則，在必須具備平面設計特征的同時，網頁設計還具有其特有的基本特性。網頁界面設計應時刻圍繞“信息傳達”這一主題來進行。因此，它是一種以功能性為主的設計。主要體現在以下兩個方面：

1.信息傳達的功能

網頁界面設計以信息傳達為主要功能，并且信息必須準確、清晰明了，具有明確的受眾對象和宣傳目標，注重時效性。

2.一定的審美功能

網頁界面的審美功能具有一定的綜合性。以內容為主，藝術為輔，除了界面布局合理，色彩搭配美觀，有清晰的導航功能，內容吸引人等，還必須考慮到用戶操作的簡易性和信息接受心理等因素。

（二）形象明確，易于接受

格羅佩斯在他的《藝術家與技術家在何處相會》一文中提到：“如果物體的形象很適合于它的工作，它的本質就能被人看得清楚明確?！泵鞔_地指出了“形象”在信息傳遞和接納過程中所起到的重要作用。

人們在接觸外界事物的時候，總是先通過視覺來接受信息，從而觸發一系列的心理活動。例如：看到天空飛翔的小鳥，會聯想到自由，看到長城、故宮，會聯想到中國傳統文化。因此，在設計網頁界面的時候，必須以通俗易懂的形象來傳遞信息，同時，也要考慮到網頁受眾的年齡、職業、文化層次、興趣的差異性，盡可能地使用簡單的宣傳形式來滿足所有層次的受眾。在可口可樂的網頁中，用戶可以從水珠、人物等形象中充分聯想到活力四射、清涼的感覺，形象通俗易懂，傳達的信息易于接受，具有良好的傳達效果。

二、網頁界面設計的視覺構成要素

網頁無論其類型、大小、功能，風格，其具備的基本要素都是一致的，與平面設計相比，除了圖像和文字之外，網頁界面包含更多的要素，如聲音、視頻、動畫等多媒體要素，以及由Javascript、VBscript等動態語言實現的網頁特效和交互功能。

（一）網頁界面中的文字設計

文字是網頁界面的主體，也是傳達網頁信息的基本載體，雖然在今天多媒體元素的種類繁多，但文字依然占據它不可取代的地位，因為文字具有存儲空間小、易于下載和顯示的功能。

網頁界面中的文字分為兩種：ASC文本和像素文本。網頁中大部分文字都是直接在HTML代碼中編寫，或者在dreamweaver設計窗口中自行輸入，這部分文字主要以ASC碼存儲，占取空間小，易于修改和編輯，在排列文字樣式的時候，一定要結合CSS樣式表來排版，CSS樣式表的強大功能可以同時對文字的字體、字形、大小、顏色、間距、邊距和特殊效果等進行精心的設置，以達到較好的瀏覽效果。但是如果在網頁中使用特殊字體，不同的用戶可能由于未安裝此字體而無法正常顯示，所以，有的時候我們可以把文字在photoshop或者fireworks等圖像圖像處理軟件中保存為jpg或gif格式的圖片切片，再應用到網頁界面中，這樣就可以達到任意想要的藝術效果了。像素文本主要應用于網頁界面中的標題、LOGO、Banner或者廣告的部分。

（二）網頁界面中的圖形圖像設計

圖形在網頁界面中占據著十分重要的地位。在上網瀏覽時，圖形圖像往往比文字更容易吸引用戶的眼球，因為它可以最直觀、最形象地表達網頁的主題，其給人的視覺印象往往比文字要強烈得多。

圖形必須要符合網頁的主題，每張圖片都必須要有其存在的價值，善用圖形，可以生動形象直觀地表達網頁的主題，增強網頁的宣傳力、號召力和感染力，吸引瀏覽者的注意和興趣。網頁中的圖形格式主要有：JPG、GIF和PNG三種。JPG具有壓縮比高、壓縮質量好、色彩連續性強的特點，因此，使用最為廣泛。GIF雖然色彩數目不如JPG，但是可以制作透明背景，以及動態圖像，也被大量應用于網頁界面中。PNG是Fireworks的默認圖像文件格式，集前者的優點于一身，可以對圖像進行全面的優化并且導出任何想要的格式。所以，根據圖形圖像的使用功能，合理地采用這三種格式，是網頁設計人員必須掌握的技能。

（三）網頁界面中的色彩設計

1.色彩設計的基本作用

色彩對于事物的表現能力有著其它形式無法比擬的超強效果。作為一個網頁設計師，只有掌握色彩的原理，熟知各色彩間的相互關系及各種色彩的生理或心理作用，結合自己所具備的平面構成知識，在網頁設計中準確用色，才能實現傳達特定信息和渲染頁面的效果的目的。色彩在網頁設計中起著重要的作用。首先，彩色網頁較單色網頁更具吸引力；其次，色彩本身具有象征作用，瀏覽者易于產生聯想；第三，彩色網頁具有賞心悅目、裝飾性強等特點。

2.網頁界面中色彩搭配的技巧

用一種色彩。這里是指先選定一種色彩，然后調亮度、透明度或者飽和度，生成新的色彩，用于網頁。這樣的頁面看起來色彩統一，有層次感。

篇10

【關鍵詞】網絡信息 藝術設計 利弊

如今是一個網絡信息縱橫的時代。網絡以其前所未有的迅猛之勢深入到社會各個領域，對于高校大學生而言，網絡已成為日常生活和學習中不可缺少的一部分。網絡信息對大學生的影響早已引起人們的廣泛關注。據筆者調查，高校藝術設計專業學生同其他院校學生不同，他們有專業自身的特點，在網絡學習上有其獨特的一面。本文主要從網絡信息對藝術設計學生的影響談起，通過發現問題，提出措施和對策，深化對這一問題的認識。

一、藝術設計專業學生特點

筆者通過調查，發現藝術設計專業學生的特點大致表現為文化基礎相對薄弱，但實踐能力強，動手能力強；視覺反應力強，視覺接受信息的能力即感悟能力強；思想較敏銳，想象力豐富，個性張揚，不受束縛，比較容易接受新鮮事物；專業特色性強，創新能力強。

二、網絡信息對藝術設計學生學習的影響

從高校藝術設計專業學生的特點我們了解到，大多數學生不滿足于傳統教育的單一模式，容易接受新鮮事物，更渴望接觸和掌握藝術設計的前沿思想。而網絡本身有著開放、互動、信息豐富、動態更新的特點。因此，學生在應用網絡時不可避免地會主動或被動接受這些信息，而網絡信息對學生而言，有的是“雨后甘露”，有的卻是“洪水猛獸”，這些海量信息對學生產生的影響，筆者試從利弊兩個方面來進行分析。

（一）有利影響

網絡提供了快速汲取知識的平臺。藝術設計專業的學生，往往要進行設計創作和論文寫作。傳統的資料搜集一般是在圖書館查閱相關書目，通過摘抄獲得。這種方式不僅費時費力，而且信息更新速度慢。而網絡信息具有方便、快捷的特點，學生可以輕松地獲取最新的學術動態。同時可以與其他人資源共享，有效地保證了信息的多元化，提高了學習效率，拓寬了知識面。通過網絡，學生可以多學多看，看到他人好的設計作品可以激發自己的設計靈感，進行設計創作。

網絡給學生提供了寬廣的交流平臺。利用網絡，學生與他人之間的交流更為頻繁。通過微博、QQ聊天、E-mail等網絡工具可以及時留言，教師也可以通過網上信息平臺進行及時有效的反饋。教學模式更加生動、豐富，教師的指導作用通過這種方式得到了體現和加強。同樣，在與其他院校進行學院動態、學術成果等方面的交流也變得輕松自如。

學生與社會的交流更為緊密，受專業特色的影響，藝術設計專業的學生在做設計的同時需要及時與市場和客戶進行溝通，網絡就成為不可或缺的工具。學生還可以利用網絡參加設計大賽，通過“設計競賽”在網上投稿，通過“設計對話”可以與全國乃至世界的設計精英進行隔空對話，更容易獲得國內外的學術動態，接觸到學術最新的信息。

但是事情總是具有兩面性。網絡也是把“雙刃劍”，在享受網絡帶給我們便捷的同時，網絡的負面影響也悄然而至。

（二）不利影響

藝術設計專業的學生由于文化基礎相對薄弱，自我意識強，約束能力相對較差，因此思想容易迷失在網絡不良信息的海洋之中，容易忘記自己的學習目標，轉而關注其他信息，造成時間和精力的浪費。還有相當一部分學生選擇藝術類高校時并非出于對專業的熱愛，而是由于藝術類院校文化課分數低，更容易進入大學。這一部分學生進入大學后，思想上較易放松對理想的追求，上網就成了他們的精神寄托。

網絡傳輸速度比較快，信息量大且全面，給一部分學生抄襲他人的作品和論文帶來了便利的渠道。由于網絡上的信息可以輕松下載和拼湊，這就使得抄襲現象更加嚴重。很多院校都遇到過這樣的情況，舉辦一次設計展覽會發現似曾相識的作品很多，創意抄襲現象不在少數。創意是藝術作品的靈魂，抄襲一方面是對原創者的損害，另一方面是對藝術的玷污。長此以往，學生對網絡便產生依賴，失去了主動創作的熱情和動力。

危害學生的身心健康。長期沉迷網絡容易使學生產生記憶力下降、精神萎靡、人際交往障礙等不良后果。不健康網站的侵蝕還會導致學生學業荒廢，有的濫交網友、離家出走，甚至走上犯罪道路，遺憾終身。

（三）措施和對策

綜上所述，網絡給學生的學習帶來很大的幫助，但負面影響也隨之而來。如何趨利避害，使網絡更好地為學生服務，減少其帶來的困擾呢？筆者從以下幾個方面針對這一問題進行對策探討。

加強藝術類高校大學生自身修養。藝術設計專業的學生個性比較強，自我監督能力不強，容易受到網絡不良信息的侵蝕，應對其進行及時的教育和引導。首先，在思想上，應教育學生提高判斷和甄別網絡信息的能力。其次，要使學生明確學習目標，激發學習興趣，喚起學生的求知欲，樹立遠大的理想和抱負。教師應及時幫助學生解決學習中的困難并適當鼓勵，為學生樹立信心。

加強藝術類高校學生道德素養教育，并對抄襲剽竊等行為給予相應的處罰，要提高學生的自制力。教師應認識和把握藝術設計學生的心理、性格特點，有針對性地開展思想品德教育。筆者發現，大二下學期和大三上學期是學生容易滋生惰性和迷茫的時期，因此這一階段的教育尤為重要。學校應針對這些情況特點多展開健康的校園文化生活，如設計大賽和設計講座。將學生的興趣愛好引導到藝術創新中去，分散對網絡的注意力，使學生在活動中找到自我價值，提高文化品位和審美情趣。

結語

本文主要從網絡信息給藝術類高校學生學習帶來的影響進行分析，肯定有利方面，找出不足影響。針對藝術設計學生的特點對癥下藥，加強網絡德育教育，才能趨利避害，最大限度地降低網絡帶來的負面影響。

參考文獻：