網頁藝術設計精選(九篇)

前言：一篇好文章的誕生，需要你不斷地搜集資料、整理思路，本站小編為你收集了豐富的網頁藝術設計主題范文，僅供參考，歡迎閱讀并收藏。

第1篇：網頁藝術設計范文

【論文關鍵詞】互聯網;網頁界面;藝術設計

【論文摘要】在互聯網飛速發(fā)展的今天，網絡已成為人們生活中不可缺少的一部分，無論是在商業(yè)、工業(yè)還是政府部門中都早已普及開來，如今就連教育事業(yè)也都承載著網絡這四通八達的命脈迅速的發(fā)展起來。網站建設越來越接近于一門藝術而不僅僅是一項技術。網頁界面藝術設計，日益被網站建設者所注重。結合自身的經驗，闡述了如何制作一個完整的豐富多彩的頁面，主要從色彩、框架，布局、優(yōu)化這幾個大方面對頁面設計進行描述，對網頁界面藝術設計的文字、圖形、色彩、多媒體四個要素做了具有特色的分析和歸納，最后對其藝術設計風格進行了深入的分類和闡述，這一部分的重點是對網頁界面藝術設計風格的研究。網頁作為新興媒體，有著比報刊、雜志、廣播、電視等傳統(tǒng)媒體更多的構成要素，如文字、圖形、聲音、圖像和動畫等。最后得出頁面設計需要時間和耐心去鉆研，才能做出好的網頁界面藝術設計這一觀點。

網頁界面藝術設計是伴隨著計算機互聯網絡的產生而形成的藝術設計新課題，是網頁設計者以所處時代所能獲取的技術和藝術經驗為基礎，依照設計目的和要求自覺地對網頁的構成元素進行藝術規(guī)劃的創(chuàng)造性思維活動，必然要成為設計藝術的重要組成部分，并隨著網絡技術的發(fā)展而發(fā)展。表面上看，它表面上看，它不過是關于網頁版式編排的技巧與方法，而實際上，它不僅是一種技能，更是藝術與技術的高度統(tǒng)一。?網頁設計包括風格定位、版面編排、色彩處理、瀏覽方式、鏈接功能等諸多方面，其中色彩處理有著舉足輕重的作用。色彩既是網頁作品的表述語言，又是視覺傳達的手。所以首先要了解一個問題那就是：

1 制作網頁包括具體都包括哪幾部分呢?

1.1圖形、圖像處理制作網頁界面藝術設計，提到界面還有藝術，那在網頁上插入一些精美、適當的圖片是必要的，否則，不會有人去瀏覽你的頁面，因此，在設計網頁之前，就應搜集或制作一些好看、適用的圖片。提到圖形、圖像處理，大家都會想到的軟件是Photoshop這個軟件，對，這個軟件是進行圖形、圖像處理的軟件，但是，它不是專門的處理網絡圖像的軟件，Photoshop這個軟件會用到去進行一些平面的圖形圖像，我們網絡的圖形、圖像處理用的是Fireworks軟件，它可以制作出傳輸較快的gif格式的圖片，占的空間也比較小，一般大小也就是KB，而Photoshop制作出來的是jpg格式的位圖，并且是有損壓縮，象素大了圖像就清晰，但這樣的話上傳到網上會影響瀏覽速度，象素小了就會出現模糊或者馬賽克小方格，所以我們采用的是Fireworks軟件進行處理圖形、圖像。

1.2動畫制作網頁界面藝術設計，肯定也少不了動畫的加入，并且還要有藝術氣息在里面，這就要求我們的設計者要有藝術修養(yǎng)和對顏色的綜合把握了，在沒有FLASH軟件之前，用的是Go live這個軟件，再后來就用傳統(tǒng)的做法，在html中嵌入Java程序編寫的動畫，但這要求設計者要對Java語言熟悉。隨著軟件的發(fā)展，如今有了許多制作動畫的軟件，二維的、三維的等等，如現在我們用的FLASH軟件，用它制作的動畫，小巧迷人，只需作為一個.swf格式文件導出，再導入到網頁編輯器里就可以了。

1.3文本的編寫一般是采用在網頁中用html語言中的標簽編寫，也可以用網頁編輯工具的“所見即所得”功能直接寫入文字，如：Dream weaver軟件或者Front page軟件等都可以進行文本的編寫。還有一點要注意的就是，顯示文本的時候，設計者的機器上裝了很多漂亮的字體，設計的時候采用了，但是等上傳到網上以后，別人在瀏覽的時候，如果別人機器上沒有安裝字體，那就顯示不出來我們采用的漂亮樣式字體，因此，在考慮網頁界面藝術設計的基礎上，我們是把文字提前在Photoshop或Fireworks可以將字體先選擇自己喜歡的樣式，然后轉換柵格化圖片再用切片切成小塊，分別進行優(yōu)化。輸出的格式可以為gif或jpeg，再導入到Dream weaver進行具體編輯，做鏈接可以用圖片特有的屬性進行熱區(qū)鏈接，這樣就完成我們想要的字體樣式效果了，就不會出現字體樣式顯示不出來的情況啦。

1.4框架的應用框架是網頁的常用形式，它可以使網頁更為清晰，可以把不同的頁面超鏈接到同一框架中，使的頁面更加緊湊。一般框架用在小說瀏覽頁面，或者介紹圖書章節(jié)的部分，或者教學網頁用到的的框架比較多。

1.5表格的應用表格是網頁中用處最廣泛的，可以布局，定位等等，它是網頁中最活躍的元素。它的應用可以使用網頁更加靈活。表格(table)是頁面中的重要元素，是頁面排版的主要手段。我們可以設定表格的寬度、高度、邊框、背景色、對齊方式等參數。很多時候，我們將表格的邊框設為0，以此來定位頁面中的元素，或者籍此確定頁面中各元素的相對位置。我們知道：瀏覽器在讀取網頁html源代碼時，是讀完整個table才將它顯示出來的。如果一個大表格中含有多個子表格，必須等大表格讀完，才能將子表格一起顯示出來。我們在訪問一些站點時，等待多時無結果，按“停止”按鈕卻一下顯示出頁面就是這個原因。因此，我們在設計頁面表格的時候，應該盡量避免將所有元素嵌套在一個表格里，而且表格嵌套層次盡量要少。在使用Dream weaver制作網頁時，會自動在每一個td內添加一個空字符。如果單元格內沒有填充其它元素，這個空字符會保留，在指定td的寬度或高度后，可以在源代碼內將其刪去。

2 色彩的運用

網頁界面藝術設計離不開色彩的應用，當打開一個網站的時候，給用戶留下第一印象的既不是網站豐富的內容，也不是網站合理的布局，而是網站的色彩，尤其是在體現界面的時候，色彩對人的視覺效果非常明顯，一個網站設計的成功與否，在某種程度上取決于設計者對網頁界面設計顏色的運用和搭配。

網頁界面設計是一種審美活動，成功的設計作品一般都很藝術化。但藝術只是設計的手段，而并非設計的任務。設計的任務是要實現設計者的意圖，而并非創(chuàng)造美。網頁界面頁面設計的任務，是指設計者要表現的主題和要實現的功能。站點的性質不同，設計的任務也不同。從形式上，可以將站點分為以下三類：第一類是資訊類站點，像新浪、網易、搜狐等門戶網站。這類站點將為訪問者提供大量的信息，而且訪問量較大。因此需注意網頁界面設計頁面的分割、結構的合理、頁面的優(yōu)化、界面的親和等問題。第二類是資訊和形象相結合的網站，像一些較大的公司、國內的高校等。這類網站在設計上要求較高，既要保證資訊類網站的上述要求，同時又要突出企業(yè)、單位的形象。第三類則是形象類網站，比如一些中小型的公司或單位。這類網站一般較小，有的則有幾頁，需要實現的功能也較為簡單，頁面設計的主要任務是突出企業(yè)形象。這類網站對設計者的美工水平要求較高。

3 網頁界面的優(yōu)化

在頁面設計中，網頁界面的優(yōu)化是較為重要的一個環(huán)節(jié)。它的成功與否會影響頁面的瀏覽速度和頁面的適應性，影響觀者對網站的印象。

在資訊類網站中，文字是頁面中最大的構成元素，因此字體的優(yōu)化顯得尤為重要。使用css樣式表指定文字的樣式是必要的，通常我們將字體指定為宋體，大小指定為12px，顏色要視背景色而定，原則上以能看清且與整個頁面搭配和諧為準。在白色的背景上，我們一般使用黑色，這樣不易產生視覺疲勞，能保證瀏覽者較長時間地瀏覽網頁。一般我們網頁默認的字體是宋體。為了體現站點的“與眾不同”和特有風格，我門可以根據需要選擇一些特別字體。例如，為了體現專業(yè)可以使用粗仿宋體，體現設計精美可以用廣告體，體現親切隨意可以用手寫體等等。當然這些都是個人看法，你可以根據實際情況，選擇更貼切的字體。目前常見的中文字體有二三十種，常見的英文字體有近百種，網絡上還有許多專用藝術字體下載，要尋找一款滿意的字體并不算困難。需要說明的是：使用非默認字體只能用圖片的形式，因為很可能瀏覽者的PC里沒有安裝你的特別字體，那么你的辛苦設計制作便將付之東流。

網頁的適應性是很重要的，在不同的系統(tǒng)上，不同的分辨率下，不同的瀏覽器上，我們將會看到不同的結果，因此設計時要統(tǒng)籌考慮。一般我們在800×600下制作網頁，最佳瀏覽效果也是在800×600分辨率下，在其它情況下只要保證基本一致，不出現較大問題即可。現在我們設計網頁，一般要考慮800×600和1024×768兩種分辨率，因此我們的表格一般為居中的770左右的表格，表格的寬度最寬不要超過778。事實上，"做網頁"不是單純意義上的"制作網頁"，如果想讓自己制作的網頁美觀大方，就必須要考慮"設計網頁"的過程，一個好的作品，不通過仔細的"設計"就成形是絕對不可能的。

我國的網頁界面頁面設計水平總體上不及韓國，創(chuàng)新的頁面極少，基本都是一種風格，這也是因以前我國的寬帶水平跟不上有原因，一個漂亮的頁面，必然體積會比較龐大，網絡比較慢的話打開的速度也就可想而之，打開速度慢正是網頁的一個最大殺手，所以我國以前的頁面基本都是以框架式居多。隨著我國寬帶的普及，我們也迅速括起了一陣韓風，很多大膽創(chuàng)新的頁面出現，這是一個好現象，但是一味的模仿韓國也不行，我們也要有自己的特色，不能一味的拿來主義。

網頁界面頁面設計的一個基本特色便是吸引瀏覽者，一個美觀漂亮的頁面不管內容多么空洞，也會有人欣賞，反之一個內容充實但頁面簡陋卻往往不會有人去瀏覽，從這便可看出網頁界面藝術設計是多么的重要。

最后總結，網頁界面藝術設計是永遠也學不完的一門學問，因為它會跟著你的成長也變化，直到形成你的一種風格，網頁界面藝術設計需要大膽創(chuàng)新，需要新的思維，需要不斷的努力。

第2篇：網頁藝術設計范文

關鍵詞：網頁藝術設計；網頁設計；視覺設計；藝術化；整體性；全媒體

網頁藝術設計，顧名思義，指的是設計師以網頁設計技術為基礎，對網頁內容進行藝術化、創(chuàng)造性規(guī)劃與設計的過程。在網頁藝術設計的發(fā)展與應用過程中，設計師所處的時代背景與技術發(fā)展情況尤為重要。在當下這樣一個計算機技術為主導的信息時代，網頁藝術設計的發(fā)展迎來了前所未有的機遇，其未來的前景也十分值得期待。

1 網頁藝術設計的現狀分析

所謂網頁藝術設計的現狀，指的是網頁在開展藝術化設計的過程中所表現出的一些特征、征象，以及由此對設計本身產生的沖擊。很明顯，作為視覺設計的重要表現形式，網頁藝術設計的應用已經呈現出方興未艾的態(tài)勢。

1.1 主題、內容與形式達成和諧的統(tǒng)一

顯然，作為視覺設計的重要表現形式，網頁藝術設計具備其自身的顯著特性。從視覺角度看，網頁藝術設計是一種基于計算機技術而產生的將視聽元素與版式設計結合起來的設計樣式，具備鮮明的表現特征，有別于傳統(tǒng)的網頁設計。當前網頁藝術設計的一個基本現況就是“主題、內容與形式”的“三統(tǒng)一”。首先，網頁藝術設計的主題就是網頁的核心訴求所在，即設計所要表現出的標準與規(guī)范。比如，設計師在設計關于醫(yī)藥類的網頁時，無論藝術化的形式如何變化，“醫(yī)藥”這個主題決定不能變。圍繞“醫(yī)藥”主題開展的藝術化加工與設計，才是該種設計的本質。

此外，網頁藝術設計必須追求內容與形式的完美統(tǒng)一，而且不可偏廢。內容與形式的統(tǒng)一是當前網頁藝術設計的基本現狀，也是所有設計師必須遵循的基本原則。在考慮版式設計與視聽元素的結合時，既要追求網頁的“美感”和藝術效果，更加簡明扼要的突出網頁的核心內容，讓訪問者可以快速了解、認知網頁的鮮明主題?？傊?，主題、內容與形式的完善結合是當前網頁藝術設計的基本現況，也是優(yōu)秀設計的核心理念。

1.2 網頁整體性與藝術性的搭配是主流

何為網頁的整體性，即在網頁藝術設計的過程中既要遵循網頁設計的基本訴求，將主題凸顯出來，將內容與形式進行完善的搭配；同時，網頁的整體畫面感、形式美要藝術性要合理搭配，形成整體效應。這樣，網頁的基本內容能夠一目了然，同時藝術性和美感也得以提升。因此，從整體角度衡量和操作設計，才是新時期網頁藝術設計的主流。

例如，在版式設計上，要將頁面中各視覺要素作通盤考慮，以周密的組織和精確的定位來獲得頁面的秩序感，即使運用“散”的結構，也是經過深思熟慮之后的決定。所以，從細節(jié)看到整體、從版式看到畫面，這才是當下網頁藝術設計的基本態(tài)勢，也是優(yōu)秀設計師必須遵循的準則。主要凸顯出網頁的整體性，其藝術性才能表現出來，網頁的整體水準和質量才能得以提升。總之，規(guī)范的運用網頁藝術設計的操作技巧，統(tǒng)籌整體性與藝術性，這顯然是當前網頁藝術設計的主流走向。

1.3 行業(yè)的發(fā)展催生了設計師的隊伍壯大

很明顯，相比于傳統(tǒng)的網頁設計，網頁藝術設計更加注重網頁的藝術性特征與美感的表現，更能吸引訪問者與受眾的注意，因此格外受到重視。可以看到，單就網頁設計這一個行業(yè)來看，運用藝術設計的思維和元素已經是大勢所趨。在行業(yè)急劇的變化和發(fā)展過程中，網頁藝術設計師的隊伍正在逐漸壯大，這正是依附于網頁藝術設計的蓬勃興起。

不難想象，未來的一段時期內，更多技能過硬、思維活躍和技巧多元的網頁藝術設計師將“登堂入室”，進一步推動網頁藝術設計行業(yè)的快速發(fā)展，這一點毋庸置疑。

2 網頁藝術設計的發(fā)展趨勢探究

前面就網頁藝術設計的發(fā)展現況進行了簡要的分析，同時也穿插著對網頁藝術設計的原則、特點進行了剖析。展望未來，網頁藝術設計的發(fā)展還是很具生命力和影響力的。

2.1 多種要素的交互與綜合運用

很明顯，未來隨著計算機技術、多媒體技術的綜合、快速發(fā)展，網頁藝術設計必然受其波及，產生劇烈的變化。其中，設計過程中多元要素的交互與綜合性運用能夠增加網頁的藝術性，提升網頁的觀感美感度，拓展網頁的輻射力與影響力。未來，網頁藝術化設計中諸如視頻、音頻、新型靜態(tài)媒體、流媒體、自媒體等多種要素的綜合交互是基本的趨勢，也必然帶動網頁藝術設計的再一次變革。

2.2 移動互聯網和全媒體的趨向

當前的網頁藝術設計只限于計算機的操作，其發(fā)展和輻射的范圍都是很有限的。未來，隨著移動信息技術的快速發(fā)展，全媒體時代即將到來，而網頁藝術設計也必然受其影響。所謂的全媒體，也可以理解為綜合性的媒體形式，集中表現為移動信息技術條件下網頁的藝術設計。比如，隨著智能手機、平板電腦等移動智能終端的快速擴張，未來的網頁藝術設計可能在這些設備上就可以完成，并且支持快速的分享與。所以，綜合性媒體形式的多元化應用是未來網頁藝術設計的一個重要方向。

綜上所述，網頁藝術設計是一種技術與藝術完美結合的設計樣式，在當前的網頁設計領域已經得到了廣泛的應用，業(yè)已取得了不錯的效果。隨著科學技術的發(fā)展，未來的網頁藝術設計一定可以再次煥發(fā)新貌，產生巨大的影響力。

參考文獻：

[1] 楊艷霞.網頁藝術設計要素探討[J].山西煤炭管理干部學院學報，2010（02）.

[2] 嚴晨，楊智坤.抽象藝術設計思想在網頁設計中的應用[J].科技與出版，2011（05）.

[3] 鄧懷勇，馬琴.淺析網頁制作中的藝術設計[J].電腦知識與技術，2009（29）.

[4] 林南秀.論網頁與界面設計中藝術的運用[J].重慶電子工程職業(yè)學院學報，2009（02）.

第3篇：網頁藝術設計范文

網頁藝術設計的現狀與發(fā)展

隨著計算機的普及以及互聯網的迅速發(fā)展，截止2012年，全球網站數量為2.55億個，僅智聯招聘網頁相關從業(yè)人員就不少于3萬名。中國電子商務的發(fā)展對網頁設計的要求不斷提高，隨著網站設計的發(fā)展，網頁設計越來越趨向于一門藝術而不僅僅是一項技術。網頁的藝術設計，逐漸被網站建設者所重視。然而目前很多藝術類高校在網頁設計課程的教學上沒有結合自己的專業(yè)優(yōu)勢，以及未來學生就業(yè)需求特點，往往會采取和計算機專業(yè)一樣的網頁設計課程教學模式，沒有將應用軟件與藝術課程相結合，民辦高校在實踐課程方面也處于落后狀態(tài)，學生設計制作的基本是假設的課題，使設計與社會需求脫節(jié)，學生不能很好的掌握設計流程，無法真實的了解目前的市場需求。

從智聯網電子商務類招聘信息中可以看出電子商務網站越來越重視藝術設計這方面的影響，網站美術視覺效果布局設計能夠使網站的技術和與藝術相結合，旨在于讓自己的網站更具個性化，并能吸引更多的新客人來訪，同時可以讓在美麗的網頁下心情變的愉快， 網站美術視覺效果布局設計讓網站規(guī)劃得更完善和現代，這是一種時代的需要，也是網站本身的需要，讓網站在如今激烈的競爭中更好的突顯出自己的風格和優(yōu)勢。

網站建設中藝術設計的重要性

1.網頁藝術設計的特點

設計活動中包含著主觀和客觀兩方面的因素，在確立了網頁的主題后，首先要明確和熟悉設計的對象和構成的要素。藝術設計涉及的具體內容很多，可以概括為試聽元素和版式設計兩個方面。視聽元素主要包括：文本、背景、按鈕、圖像、表格、顏色、導航工具、背景音樂、動態(tài)影像等。網頁的版式設計在網頁的藝術設計中占據著重要的地位。所謂網頁的版式設計，是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合，將理性思維個性化的表現出來，是具有個人風格和藝術特點的視聽傳達方式。

2.網頁藝術設計的原則

（1） 定位準確

網頁設計的第一步，就是明確設計的主題，有明確的主題，并按照視覺心理規(guī)律和形式將主題主動地傳達給觀賞者。訴求的目的，是使主題在適當的環(huán)境里被人們即時地理解和接受，以滿足人們的實用和需求。這就要求視覺設計不但要單純、簡練、清晰和精確，而且在強調藝術性的同時，更應該注重通過獨特的風格和強烈的視覺沖擊力，來鮮明地突出設計主題，使瀏覽者產生不同的心理刺激和感受。

（2） 技術與藝術結合

設計是主觀和客觀共同作用的結果。網絡技術主要表現為客觀因素，藝術創(chuàng)意主要表現為主觀因素，網頁設計者應積極主動地掌握現有的各種網絡技術規(guī)律，注重技術和藝術緊密結合，網頁設計的許多視覺效果都需要技術的支持才能實現，網頁技術應該為網頁內容和形式的表達服務，如果缺乏相應的技術支持，網頁設計的藝術表現空間會大打折扣。同時要避免濫用技術，將各種特效，不管是否有利于網頁內容和形式的表達，全部都置于頁面中，會造成內容與形式的脫節(jié)，不利于網頁主題的表達。

網頁藝術設計人才的市場崗位需求

1. 市場需求現狀與崗位要求

國內電子商務公司對藝術設計人才的需求不斷增加，為藝術設計專業(yè)提供了大量的就業(yè)崗位，負責公司電子商務整體形象設計，把握B2C網站、淘寶店鋪等品牌網店的整體風格和視覺呈現，運用專業(yè)的審美觀配合市場營銷部門制定相應的營銷和設計策略等。

大多數公司企業(yè)在崗位要求應聘者具有很好的平面美術功底和網頁設計創(chuàng)新意識； 能夠獨立完成網頁設計及網頁前臺制作； 能準確理解需求，靈活運用藝術表現力，可以很快適應多種不同風格的商業(yè)需求；熟練運用Dreamwaver、Flash、Photoshop，Illustrator等圖形設計與網頁編輯軟件等，從這些職位要求不難看出都對網頁藝術設計提出了高標準的要求。

2.就業(yè)市場前景分析與展望

藝術設計與電子商務的跨界合作研究是建立在國內的電子商務已經越來越重視與文化藝術領域的交流合作，文藝風格的電子商務正在成為一個新的行業(yè)趨勢。如：2012年5月6日，由尤倫斯當代藝術中心（UCCA）主辦、互聯網快時尚品牌凡客誠品戰(zhàn)略合作、三里屯VILLAGE合作舉辦的“正能量青年節(jié)”文化活動在北京落下帷幕，凡客誠品攜帶的600余件以“正能量”為主題所設計的自有品牌T恤衫--VT被一搶而空。據悉，為了提高電商與藝術設計跨界合作的可能性，凡客誠品還充分發(fā)揮了互聯網平臺“用戶創(chuàng)造價值”的特點，開放了網站的設計平臺，吸納有想法有創(chuàng)意的年輕人及團隊進入。僅在今年的VT設計活動中，就吸納了來自設計、繪畫、電影、攝影、文學與環(huán)保等多元文化領域的200多位設計師。

網頁藝術設計的課程改革為藝術設計專業(yè)學生在電子商務領域提供了較多的就業(yè)機會和專業(yè)提升平臺，讓互聯網時尚與藝術更為緊密地結合，進一步推動我國電子商務的發(fā)展。時下的國內電商已經越來越重視與文化領域的跨界合作，文藝風格的電商正在成為一個新的行業(yè)趨勢。這些進一步的體現了網頁藝術設計的重要性。

總結語

第4篇：網頁藝術設計范文

1.1對比與調和

對比一般是指在形狀、顏色和線條等不同形式之間的對立形態(tài)。在藝術設計中，對比和調和是相輔相成的。對比能夠使圖案更加鮮明、活潑，使畫面產生立體感。調和是將畫面之中的各種元素和諧統(tǒng)一，主次有序，增強畫面的協(xié)調感。對比和調和藝術手法即是在動中求變、變中求序，和諧統(tǒng)一，讓人在瀏覽時視覺感官舒適。對比和調和二者缺一不可，更不能單獨追求對比或調和，避免使畫面雜亂無序。網頁設計中的藝術要求初探馬彬彬/遼寧廣播電視臺摘要：計算機網絡已經成為人們工作生活中不可或缺的工具，網絡上的信息資源豐富多樣，是人們獲取信息的有效渠道。為了滿足人們不斷提高的審美需求，網頁顯示的藝術效果要求越來越高。下面本文就針對網頁設計中需要注意的藝術效果和技術應用等問題進行了分析與討論。關鍵詞：網頁設計；藝術；構圖

1.2節(jié)奏和韻律

韻律就好比音樂中的旋律，不但要有節(jié)奏更要有強烈的感染力。同理，在網頁設計中節(jié)奏被認為是反復的形態(tài)和構造。例如將圖形按照等距格式的反復排列，做空間位置安排，就能產生節(jié)奏感，節(jié)奏有機械美的特點。在節(jié)奏的基礎上加入如漸變或對比等法則，就可以構成富有韻律感的形式。韻律是使節(jié)奏富有韻律感的變化美，將圖形按大小、方向、位置、虛實、強弱、疏密等加以規(guī)律性地組織排列，就會產生有變化的韻律美。

2網頁設計中視覺元素的應用

點、線和面三要素是形成視覺元素的三大要素。如何讓視覺元素在網頁中得到最大的發(fā)揮，就需要網頁設計師合理設計和安排這三要素所處的位置和作用了。

2.1點的應用

在網頁設計中，點并不只局限于一個圓或者局限于一個固定的位置，而是代表了在頁面中的設計中心，并且隨著視覺環(huán)境面積的變化產生成反比的視覺感覺。在成功的網頁設計中，往往是點起到活躍內容的作用。

2.2線的應用

線在網頁設計中是分化版面的重要元素。與點相比，線的形式變化更加豐富，給人產生的心理情感也不盡相同。線元素的長短、曲直和粗細都能夠隨意變化，設計師可以根據不同的主題要求對其進行形態(tài)調整，不同的形態(tài)都能夠給人產生不同的視覺感受和心理影響。例如直線給人感覺嚴謹、力量的情緒特征，而曲線則相對柔和、細膩，更適合用于針對女性群體的網站當中。由此可見，在網頁設計中應用不同形態(tài)的線元素可以起到不同的效果。

2.3面的應用

面是網頁構圖中最常見的元素，是由點和線的重復構圖產生的。網頁中主要的布局都是由面的設計來完成的，也是人們在瀏覽網頁時最主要的部分，它可以由文字或者圖像任意構成，也可以為了營造虛實對比的效果而做留白處理，總之，只有處理好面的設計，網頁藝術效果才能更具美感。

3網頁設計中的美學應用

網頁美學設計主要由繪畫、色彩和平面都成三個要素來表現的。在網頁設計中，圖片的添加可以增加頁面的美感和效果，設計師可以通過網絡、數碼相機、掃描儀，或者利用專業(yè)的繪圖制作、PS等多種渠道進行圖片的取材，并根據頁面的主題來選擇合適圖片進行應用。設計師通過對圖片的內容、色彩和結構等因素進行排列組合，是突出網頁主題、美化網頁效果的重要手段。在網頁的美學應用中，除了對圖片的有效應用外，最重要的就是對色彩的應用了。顏色對人的心理情緒有著無可厚非的影響，準確的色彩組合與搭配能夠豐富頁面的內容，美化頁面，還能影響人們在瀏覽頁面時的主觀情緒。因此這也對設計師需要熟知色彩的應用提出了更高的要求。不同的顏色使人產生不同的聯想。例如紅色視覺刺激較強，給人活躍、熱烈、朝氣的感覺；橙色相對柔和一些，給人溫暖、明快的感覺；藍色則與紅色相反，給人沉靜、理智和清澈的感覺；紫色讓人感覺高雅和雍容華貴等等。當然顏色的深淺和搭配也都會產生不同的情緒聯想，在網頁設計中，設計師應注意整體的色彩運用，切忌東一塊西一塊給人產生拼湊和視覺混亂的感覺。協(xié)調的色彩組合才會使瀏覽者在閱讀時與信息產生情感的交流，產生美的感受。

4留白藝術的應用

第5篇：網頁藝術設計范文

1網頁中的視覺傳達簡介

網頁中的信息不是以傳統(tǒng)媒體的形式進行傳遞的，而是以超媒體的形式進行傳遞的，與視覺傳達的內容與方法息息相關。以計算機為媒介的網頁中視覺傳達效果是通過互聯網獲得信息的，從本質上講就是視覺信息的傳遞，網頁中的視覺傳達設計技術與理念是現代設計進步的一個重要標志，同時也實現了人們在設計領域的一個重大跨越。

2網頁中的動態(tài)藝術設計

2.1動態(tài)藝術設計具有多維性

多維性主要體現在網頁設計中的導航設計，來源于超鏈接，超鏈接打破了人們從前線性接收信息的方式，使網頁的組織結構具有更大的豐富性，實現了瀏覽者在各個網頁中的跳轉。將網頁的組織結構分為序列結構、復合結構、網狀結構以及層次結構等多種，這種方式使頁面之間的關系更加復雜了，對于瀏覽者而言對于信息的檢索以及查找增加了難度，同時也為設計者的網頁設計工作增加了難度，因此，為了吸引更多的瀏覽者必須要降低信息檢索與查找的難度從而縮短找到信息所需要的時間，設計者必須要設計快捷并且完善的導航設計。

2.2動態(tài)藝術具有交互性與持續(xù)性

與傳統(tǒng)媒體相比網頁具有信息動態(tài)更新的及時性與即時交互性，尤其是即時的交互性作為網頁設計中一個重要的內容，是設計者必須要考慮的問題。對于當今這個網絡大環(huán)境而言，人們不再像從前那樣只是信息的被動接受者，對于信息而言更多的是參與者，并且還參與到信息的加工處理與之中，這種方式使網頁設計具有持續(xù)的交互性，網站的設計人員在進行網頁設計時更多的是要考慮到每個階段用戶的反饋信息，之后以網站的經營策略為基礎對網頁進行不同階段的改進與調整。從而使網頁的內容更加能夠滿足用戶的需求，保持瀏覽者對網頁的新鮮感，當前許多網站都是依靠這種方式通過不斷改進網頁的排版等方法，不斷創(chuàng)新出新的作品，從而提高網頁的關注度與知名度。

2.3技術與藝術的結合體

設計是主觀和客觀因素共同作用的結果，關于藝術創(chuàng)意主要表現為主觀因素，而網絡技術主要表現為客觀因素，對于一件事來說應該將主觀與客觀因素相結合才能做到全面的考慮，一名優(yōu)秀的網頁設計者要做到藝術與技術的緊密結合，從而滿足用戶對網頁信息的高質量要求。網絡技術與藝術創(chuàng)意相互結合之后可以使平面的設計更加立體，關于網頁的效果也不只是局限于報紙、書刊等形式，更多的是趨向于電影、電視的觀賞效果，從而為瀏覽者設置了一個虛擬的世界，使其在這個虛擬的世界中既獲取了自己所需要的信息，思想與心理上又得到了滿足。

3視覺傳達在網頁設計中動態(tài)藝術效果的實現

3.1明確主題

網頁設計要解決的是主題明確問題，明確網站建立的目的，了解用戶的需求以及他們的基本情況，網站的建設者根據所收集到的信息確立一個明確的網站主題。根據主題進行網頁內容的選擇，內容的傳達做到目的明確，針對性強，只有如此在進行網頁設計時才能夠提高視覺傳達的的成功率。另外，在實現網頁主題方面要做到全面性，即網站所涉及的內容都應該向主題方向靠攏，所有的設計過程也都應該以所選主題為方向。

3.2合理運用多媒體技術

多媒體技術使人機交互的的方式更加自然，此外，多媒體技術還使人機交互的技術更加偏向于人的方向發(fā)展，使信息更加多樣化和多維化，在交互的過程中具有更加廣闊的空間。另外，對于多媒體技術而言信息的多維化目前還包括了視覺和聽覺兩個部分，同時也使計算機向著更加擬人化的方向發(fā)展。運用多媒體技術的主要原因就是可以設計出更加能夠吸引觀眾眼球的網頁，在用戶打開網頁時可以被眼前豐富的表現形式所吸引，進而有興趣進行更加深入的了解。

3.3使信息之間的關系更加優(yōu)化

網頁設計的目的就是進行信息的傳遞，在進行信息設計時需要對原始的信息進行加工，滿足用戶的需求，信息加工的第一步就是進行多層次的信息分類。另外，針對信息量大這個特點來說還可以將同一組信息根據使用者的經驗與個人愛好進行多種組織方式，這樣不同的使用者可以根據自身的愛好習慣找到適合自己的信息傳遞方式。

4結語

第6篇：網頁藝術設計范文

關鍵詞：網頁設計；藝術類本科生；教學改革；實踐教學

中圖分類號：G642.41 文獻標志碼：A 文章編號：1674-9324（2016）15-0124-02

從2010年開始，我校為藝術類本科生開設了《網頁設計》課程作為在計算機基礎課程體系中的主選課程。作為新開設的課程，教學內容單一，無法覆蓋課程的全部知識體系；教學內容以知識點堆砌為主，缺乏在設計方法上的提煉和升華，無法滿足藝術類本科生計算機創(chuàng)意能力培養(yǎng)的需要；除了一些配合知識點的小型課堂練習外，沒有為學生提供以創(chuàng)意為核心的綜合性實踐環(huán)節(jié)，無法為學生的未來專業(yè)學習和職業(yè)成長提供幫助；沒有對學習效果和能力做出全面和客觀評價的有效方式[1]。這些問題亟待在教學研究和實踐中加以解決。

為此，本課程以“面向藝術類學科，面向藝術類本科生”為理念，以“引導創(chuàng)意，面向應用，促進融合”為教改原則[2]，利用綜合技術和手段，引導藝術類學生進行計算機藝術創(chuàng)意；改善教學內容和教學方法，實現面向應用的理念；加強對藝術類學生的工程概念和流程的傳授，使學生感受到工程與藝術融合的魅力。

一、課程內容與實踐

本課程在教學內容與方法、教學實踐環(huán)節(jié)和教學評價等方面做了深入而系統(tǒng)的研究，取得了很好的效果。

1.教學內容。教學以課堂案例為載體，利用多媒體課件和軟件操作完成。課程案例貫穿于整個教學過程，每個案例對應重要的知識點。在案例講解后，通過課堂練習和課后練習鞏固所學的知識。整個教學過程分為四個階段：第一，課堂案例導入與講解階段。首先，教師展示案例最終結果，并進行簡單分析，指出案例所用的知識點。然后，采用案例驅動的教學模式，逐步展開，推演出案例最終結果。教師可根據案例難易程度和知識點重要性，在案例推演過程中，對相應部分進行深入剖析和闡述。第二，知識點的深入和擴展分析階段。針對案例中重要的知識點，通過小型輔助案例進行分析和擴展。要求學生在課堂練習和課后學習中，根據各自的想象去拓展該案例，為后續(xù)自主命題設計與實踐打下良好基礎。第三，課堂練習實施階段。教師給出實現練習案例的具體要求，讓學生結合課堂案例的實現方式，獨立完成一個或幾個課堂練習。針對本章節(jié)所涉及的案例和課堂練習，以及相關知識點，設計與制作方法，創(chuàng)意效果進行總結，完成教學任務。第四，目標設定及發(fā)展階段。在課程的最后階段，也是教學實踐階段，要求每位學生獨立完成網站的設計與制作。教師為網站設定技術框架和規(guī)模，學生自主選題，收集與整理素材，并在規(guī)定的時間內完成從創(chuàng)意、設計和制作的全部工作。

在這個過程中，學生設定自己的目標，支配自己的時間，主導自己的創(chuàng)作過程。教師可以有針對性地對學生的技術問題給予個性化的指導和幫助，對內容設定，創(chuàng)意設計給予點評，引導學生達到最終目標。

2.教學方法和手段。在教學過程中，根據課程特點和學生認知特點，采用多種教學方法和手段，與教學內容構成一個有機整體。第一，案例驅動教學。在教學中，將案例與教學主題緊密結合，穿插教學的全過程。根據教學主題和案例特點，將案例分成了課堂精講型、課堂演示型和課后練習型等，三種類型相互配合，相互協(xié)調，形成了張弛有度的教學節(jié)奏和良好教學效果。第二，目標驅動教學。在教學實踐活動中，目標驅動教學采用學生自主選題、獨立設計制作來實現。教師設定技術框架，留給學生充分的空間和時間，學生根據選題，進行創(chuàng)意、設計和制作。教師擔當技術支持和評價任務，學生是主導者和實踐者。學生完成了從知識學習者向作品創(chuàng)意者、設計者和制作者的轉變。第三，多媒體教學。豐富的多媒體素材為課堂教學提供了有效的支持。課件中內容全面準確、教學素材豐富；教師利用多媒體課件和系統(tǒng)操作，達到了相得益彰的教學效果。第四，利用網絡平臺開展教學。多媒體教學課件、電子教案、案例、教學大綱、教學日歷、案例素材和效果等資料放在網絡教學平臺上供學生們下載和瀏覽。通過網絡提供更多的課外資源，擴充了學生學習空間和互動方式，取得了良好的教學效果。

3.實踐教學。實踐教學活動旨在最大限度地為學生營造自由創(chuàng)作空間，激發(fā)學生的創(chuàng)意靈感，發(fā)掘學生的創(chuàng)意潛能。本課程教學實踐由“設定要求，自主選題，自由創(chuàng)意，開發(fā)制作”四個部分組成。第一，設定要求。設定要求包括創(chuàng)意要求和技術框架。創(chuàng)意要求主要體現在創(chuàng)意原則上，作品必須是原創(chuàng)設計。技術框架包括兩個方面：一是根據本課程知識體系，提出設計制作網站的技術方法，給出可替代的技術方法，給學生提供多項選擇。二是規(guī)定網站的規(guī)模。對于學習過更多相關知識的學生，可以不局限于這個技術框架，鼓勵學生積極嘗試新方法和手段。第二，自主選題。在自主選擇網站主題時，提倡學生面向學科應用，面向實際需要進行選題。如服裝服飾類，或者藝術設計類、媒體傳播類等為網站主題。選題時，要考慮對網站內容的理解和把握程度，對相關文本、圖形圖像和媒體信息的收集、歸納和整理的水平。第三，自由創(chuàng)意。藝術類本科生具有自主創(chuàng)意的優(yōu)勢，要發(fā)掘學生的專業(yè)潛能，利用所學計算機技術把創(chuàng)意效果展現出來。做到主題鮮明，內容完整，色彩搭配美觀，頁面構圖簡潔合理等。同時，考慮要創(chuàng)意與網站主題的密切關系，將創(chuàng)意和內容統(tǒng)一起來。第四，開發(fā)制作。按照網站工程設計制作的流程開展工作。首先，對各種信息進行分類和整理，確定網站欄目和網頁的數量。其次，進行網站頁面創(chuàng)意，把創(chuàng)意通過計算機網頁設計技術表現出來。最后，通過技術方法和手段，完成網站的設計和制作。通過開展教學實踐環(huán)節(jié)，學生更全面系統(tǒng)地掌握了課程內容和探究式的學習方法，煥發(fā)了主動學習的熱情，提高了計算機素養(yǎng)和綜合應用能力。

4.教學評價。教學評價可以歸納為主觀與客觀的結合，過程與結果綜合。對課堂教學評價更多依賴于過程評價和客觀評價，如通過查閱日常作業(yè)，可以了解對案例中知識的理解；通過結業(yè)考試客觀試題的評價，確定學生知識和技巧的掌握。對教學實踐環(huán)節(jié)評價由教師主觀判斷實現，考查學生的創(chuàng)意和實踐應用水平。

在教學實踐環(huán)節(jié)中，制定了“網頁設計與制作―實操要求及評分標準”，規(guī)范教師對學生作品的評價，保證真實性和客觀性。每個學生一個選題，一個網站，一個評價考核結果，避免出現學生“搭便車”現象。

二、課程資源建設

1.教材。為貫徹本課程的教學理念和原則，確定“完善知識體系，引導藝術創(chuàng)意，面向實際應用，促進藝工融合”為寫作原則[3]，體現集創(chuàng)意、應用和工程為一體，技能、知識與平臺相融合的教學和實踐模式。在教材案例選取上，案例都具有良好的創(chuàng)意和應用背景，創(chuàng)意風格多樣化，色彩、圖案和布局的多種組合；案例取材于多種行業(yè)和領域，覆蓋面廣。在講解知識點時，著重提煉頁面藝術創(chuàng)意方法和技巧，做到方法多樣，手段實用，效果良好。在教材內容選取上，向網頁設計與制作的最新技術看齊，全面引入CSS技術和CSS+Div布局技術，歸納出“上中下”和“左中右”兩種基本方式，并提供一個CSS+Div布局的商業(yè)網站設計和制作過程。在教材內容表現上，采用新穎、直觀和多樣化方法，突出教學重點和難點，引入“布局圖”，幫助學生理解和把握頁面布局，將表格布局、CSS+Div布局、框架布局和AP Div布局等多種方式反復向學生講授，實現學生掌握和靈活運用布局技術的教學目標。在教材框架安排上，以知識演進為目標，以應用案例為載體，采用可視化操作為主導，代碼實現為從屬的方式，既形象直觀，又深入剖析技術原理。以網站客戶端技術為主體，以網站服務器技術為輔助，為學生全面理解網站設計與制作技術打下堅實基礎。

2.多媒體資源與網站。為配合教師課堂授課，提供了每個章節(jié)的電子教案，全部教學案例素材和效果，練習案例素材和效果；為滿足學生課下學習需要，錄制了全部課堂教學案例的教學視頻，形成了完整的多媒體教學資源。本課程還開發(fā)了網頁設計精品課網站，向學生提供全天候的互動式學習平臺。網站提供了全部多媒體教學資源，以及學生自主學習的各種資源，如技術專欄、參考資料、在線測試、在線問答、電子書下載、優(yōu)秀網站賞析和軟件下載等；搭建了學生網站作品的展示欄目，將綜合教學實踐環(huán)節(jié)中學生制作的全優(yōu)作品進行實景演示。

三、結論

本課程采用全新的理念和切實可行的教改原則，在教學模式與實踐環(huán)節(jié)中，在教材寫作、多媒體和網站建設中加以貫徹和落實，突破了《網頁設計》課程建設的固有模式，取得了全方位的教學成果。

經過多年教學與實踐，形成了完善和系統(tǒng)的網頁設計教學體系和模式，幫助學生構建完整的知識體系，掌握創(chuàng)意技能和技巧；借助于綜合性教學實踐環(huán)節(jié)，極大提高了藝術類本科生的計算機創(chuàng)意和應用能力；以良好的評價體系保證教學評價的有效性。

在教材編寫中，進一步完善和固化教學和模式，教材不僅知識體系完整、內容翔實，而且創(chuàng)意技能實用、面向實戰(zhàn)，與多媒體素材和精品課網站構成了立體化課程資源體系。

參考文獻：

[1]邵熹雯.藝術類專業(yè)網頁設計課程教學實踐與研究[J].紡織服裝教育，2013，5（28）：420-422.

第7篇：網頁藝術設計范文

關鍵詞：藝術設計；網絡課堂；大學教育

現代大學藝術設計教育是從德國包豪斯建筑藝術設計學院發(fā)展而來，其授課方式主要是以雙軌制教學為主，在早期的教育中發(fā)揮了積極和高效的社會作用，為現代社會的藝術設計發(fā)展指引了方向。隨著現代媒體的介入，我國的教學形式發(fā)生了巨大的變化?，F代大學在響應國家號召的同時，也為順應市場發(fā)展的需求，提供高素質、高水平的大學生努力進行改革。從教育改革的發(fā)展歷程來看，現代大學教育發(fā)展經歷了四種媒介的影響。第一種為傳統(tǒng)紙媒介，人們通過書本進行學習，這種方式也是現代教育最重要的一種方式。第二種是音波媒介，這種傳播方式更加立體，人們可以通過聽進行學習，也是很多語言類教學常用的傳播手段。第三種是影像媒體，專家教授通過錄制視頻，將自己的觀點、看法制作成錄影帶進行教學傳播。第四種是現代新型媒體——網絡傳播，這種傳播形式最大的優(yōu)點就是可以進行互動式教學，教師可以在線回答學生的問題，也可以通過互通的網絡渠道進行實時授課與問答交流?？梢哉f，第四種教學手段集合了前三種教學形式的優(yōu)點。在網絡媒體的發(fā)展帶動下，現代大學教育可以提供更加高效的學習模式，為學生的自主學習提供更好的條件。在網絡如此巨大的發(fā)展空間下，要更好地讓網絡教學為大學課堂提供服務，打破課堂局限性，可以先根據網絡媒體的特點進行藝術設計教學的網絡課堂可行性分析。

第一，從網絡課堂與傳統(tǒng)課堂的授課形式上進行對比。傳統(tǒng)課堂是在一定時間、空間內，將教師與學生集合，通過教師的現場講解進行授課。在課堂上，教師可以隨時觀察學生的學習狀態(tài)進行跟進，學生可以對教師進行提問。這種教學的實時監(jiān)控性很高，可以說是一種有效的學習形式。但其弊端就是受到地域和時間的限制。網絡課堂的授課形式對于空間的要求很低，對于時間有一定的要求。教師可以通過錄制一定時間的講課視頻，讓學生在有需要的情況下觀看，如果學生有不懂的地方可以進行網絡留言或者網上互動。網絡課堂的最大問題就是授課狀態(tài)的不可控性。教師無法對學生的狀態(tài)進行有效掌握，這對于學習效率反而造成了影響。以藝術設計學習為例，教師在網絡上進行知識講解與設計示范的時候，學生是否跟進學習下一步驟，是否按照教師的示范指導進行操作，教師很難直觀控制，而學生的藝術設計作品往往具有自身的獨特構思與形式美感，教師在反饋學生作品的時候因為受到場地空間的限制，無法對學生的作品進行實時、有效的分享與對比，這就對教學質量造成了一定的影響，因為學生作品的分享、講解、借鑒是藝術設計專業(yè)中非常重要的一個環(huán)節(jié)。第二，網絡課堂更加適應現代的藝術設計學科的發(fā)展。藝術設計學科是一門貼近市場、為大眾服務的學科，是為人們日常生活中解決一定的問題、創(chuàng)造高品質的生活服務的?，F代藝術設計的表現手法多運用數字媒體技術，學生通過數字媒體進行學習，教師運用網絡課堂進行教學，兩者間的互通性很高，學生在作品完成后可以直接發(fā)送給教師，教師可以直接通過網絡進行批復和修改，便于溝通，這對于學生而言是一種高效的學習手段。第三，網絡課堂的變革性。在網絡高速發(fā)展的今天，應該讓大眾對于高等教育形成一種新的認識。

通過網絡課堂的開設，利用網絡課堂的高效傳播，為希望學習文化與技術的人們敞開知識的大門，為無法進入學校學習的人們提供學習的場所，為渴望提升自身水平的人們提供提高的途徑。網絡課堂應該在大學中大力推廣，而且不用局限在大學范圍之內，學習應該成為國民的一種基本生活需求，而不是走以往的老路，畢業(yè)了就代表學習的結束。網絡課堂的推廣為喜歡藝術的人提供了學習的機會。全民的藝術水平提高了，人們的素質也會相應提高。在不遠的將來，這種新型的學習方式必然會得到越來越多的應用?？傊F代大學藝術設計教育不應該局限于大學生，以往無法推廣受到地域、時間、教師資源等多方面因素的限制?，F代網絡技術的快速發(fā)展為知識的廣泛傳播提供了可能。藝術設計教育工作者可以將先進的教學內容通過網絡進行傳播，為喜歡藝術設計的人們提供良好的學習機會，這也是網絡課堂作為一種新型傳播途徑的社會責任。

參考文獻：

第8篇：網頁藝術設計范文

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

（一）以功能性為主網頁界面設計和平面設計一樣，必須遵循一定的設計原則，在必須具備平面設計特征的同時，網頁設計還具有其特有的基本特性。網頁界面設計應時刻圍繞“信息傳達”這一主題來進行。因此，它是一種以功能性為主的設計。主要體現在以下兩個方面：1.信息傳達的功能網頁界面設計以信息傳達為主要功能，并且信息必須準確、清晰明了，具有明確的受眾對象和宣傳目標，注重時效性。2.一定的審美功能網頁界面的審美功能具有一定的綜合性。以內容為主，藝術為輔，除了界面布局合理，色彩搭配美觀，有清晰的導航功能，內容吸引人等，還必須考慮到用戶操作的簡易性和信息接受心理等因素。

（二）形象明確，易于接受格羅佩斯在他的《藝術家與技術家在何處相會》一文中提到：“如果物體的形象很適合于它的工作，它的本質就能被人看得清楚明確。”明確地指出了“形象”在信息傳遞和接納過程中所起到的重要作用。人們在接觸外界事物的時候，總是先通過視覺來接受信息，從而觸發(fā)一系列的心理活動。例如：看到天空飛翔的小鳥，會聯想到自由，看到長城、故宮，會聯想到中國傳統(tǒng)文化。因此，在設計網頁界面的時候，必須以通俗易懂的形象來傳遞信息，同時，也要考慮到網頁受眾的年齡、職業(yè)、文化層次、興趣的差異性，盡可能地使用簡單的宣傳形式來滿足所有層次的受眾。在可口可樂的網頁中，用戶可以從水珠、人物等形象中充分聯想到活力四射、清涼的感覺，形象通俗易懂，傳達的信息易于接受，具有良好的傳達效果。

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

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

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

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

（三）網頁界面中的色彩設計1.色彩設計的基本作用色彩對于事物的表現能力有著其它形式無法比擬的超強效果。作為一個網頁設計師，只有掌握色彩的原理，熟知各色彩間的相互關系及各種色彩的生理或心理作用，結合自己所具備的平面構成知識，在網頁設計中準確用色，才能實現傳達特定信息和渲染頁面的效果的目的。色彩在網頁設計中起著重要的作用。首先，彩色網頁較單色網頁更具吸引力；其次，色彩本身具有象征作用，瀏覽者易于產生聯想；第三，彩色網頁具有賞心悅目、裝飾性強等特點。2.網頁界面中色彩搭配的技巧用一種色彩。這里是指先選定一種色彩，然后調亮度、透明度或者飽和度，生成新的色彩，用于網頁。這樣的頁面看起來色彩統(tǒng)一，有層次感。用兩種色彩。先選定一種色彩，然后選擇它的對比色。比如當我們需要突出橙色的主體內容時，使用藍色作為背景是最好的。這樣整個頁面色彩豐富但不花稍。用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。用黑色和一種彩色。比如大紅的字體配黑色的邊框感覺很“跳”。在網頁配色中，忌諱的是：不要將所有顏色都用到，盡量控制在三種色彩以內。背景和前文的對比盡量要大，（絕對不要用花紋繁復的圖案作背景），以便突出主要文字內容。

（四）網頁界面中的版式設計在進行版式設計時，仍然需要應用到前面提到過的Photoshop或者Fireworks等圖形處理工具，直觀地看到網頁的版面效果，在Photoshop或者Fireworks中畫好網頁布局后，先切片，再導出切片，然后在dreamweaver中使用DIV+CSS集成網頁，這是目前主流的網頁布局方式。根據視覺流程和網頁版式的實例，可以總結出以下版式構成的類型：水平分割、垂直分割、水平—垂直交叉分割、中軸型、傾斜型、曲線型、重心型、反復型、點散型等。通過這些劃分方式，我們可以把一個平淡的界面劃分成若干個視覺區(qū)域，增強界面的層次感和空間感。

（五）網頁界面中的多媒體設計1.音頻音頻在網頁界面中主要用于背景音樂、按鈕提示音等。另外，某些以音樂為主的網站還提供在線音樂下載和播放的功能。音樂成為網頁與瀏覽者進行交互的一種重要手段。網頁中的音頻格式主要有：MIDI、WAV、MP3、ra、ram、rpm等，各具特點，應區(qū)別對待。2.動畫網頁中的動畫主要分為：FLASH動畫、GIF動畫、交互動畫等。FLASH動畫具有體積小、整體性強的特點，主要用于banner、導航等。GIF動畫可以做成一些小圖標，而交互動畫主要是通過Javascript、VBscript等動態(tài)腳本語言結合HTML語言來實現網頁的一些特殊效果，如：鼠標跟隨、幻燈片切換、動態(tài)導航等。3.視頻視頻由于其體積大的特點，在網頁中用得相對較少，但它具備其它網頁元素都沒有的特點—信息豐富，傳達便捷，對瀏覽者的文化水平、年齡層次要求也不高，具有較強的吸引力。常用的文件格式有：AVI、RM等。

第9篇：網頁藝術設計范文

近年來，我國對職業(yè)高中的教育越來越重視，職業(yè)高中教育的地位也在不斷上升，國家對職高教育給予了足夠的政策和資金上的支持。各地政府也相當重視本地區(qū)內職業(yè)高中的發(fā)展，意識到職高的穩(wěn)定發(fā)展對本地區(qū)專業(yè)性人才的培養(yǎng)起到積極的作用，積極支持本地區(qū)職業(yè)高中的健康發(fā)展。與此同時，網絡技術的迅猛發(fā)展，給職業(yè)高中教學提供了嶄新的平臺，創(chuàng)造出了更適合職業(yè)高中發(fā)展的教育教學模式，成為職業(yè)高中發(fā)展的“新引擎”。但是在職業(yè)高中的藝術設計專業(yè)領域中，應用網絡資源進行教學存在著諸多的問題，究其原因有多方面。

一、傳統(tǒng)教育教學方式與網絡時代不相適應

傳統(tǒng)教學模式與網絡時代不相適應最根本在于學習模式與教學習慣的問題。我國傳統(tǒng)的學習模式是教師在講臺上講，寫板書，學生在座位上聽，記筆記。而網絡教學是教師利用計算機等多媒體設施，更加多元化地向學生展示授課內容，拓寬學生的視野。這就帶來了學生不能很好地適應這種學習方式的現象，同時教師也出現對多媒體教學不習慣的問題，從而導致了應用網絡反而降低了教學質量。

二、專業(yè)性網絡資源共享機制不足

就藝術設計專業(yè)領域而言，專業(yè)、權威性的藝術設計網絡資源不能便捷地被教學人員使用，采用會員制或收費制的專業(yè)性網絡資源降低了教學人員使用網絡進行教學的頻率。因此，國家可以積極促進專業(yè)性網絡資源的交流與共享機制，促進文化產業(yè)的蓬勃發(fā)展。

三、職業(yè)高中學生的普遍認知特點

目前，職業(yè)高中學生普遍存在的問題是缺乏學習的自覺性以及主動性，缺乏毅力，易半途而廢。藝術設計專業(yè)的學生，追求個性展示，喜歡標新立意，與此相對應的是專業(yè)性網絡資源的規(guī)范、嚴謹，這與職業(yè)高中學生的認知結構不相適應，導致職業(yè)高中學生對專業(yè)性網絡資源缺乏學習、研究的興趣，從而降低了網絡資源在教學領域的應用。職業(yè)高中是以就業(yè)為導向，注重培養(yǎng)學生的專業(yè)技能，以為社會提供專業(yè)性人才為目標對學生進行培養(yǎng)。以藝術設計專業(yè)學生為例，職業(yè)高中的藝術設計類學生更加注重實用專業(yè)技術的學習，在畢業(yè)時可以直接進入社會進行藝術設計工作。而依據職業(yè)高中的學生的學習特點，學校更加注重直接社會經驗的教學，很多職業(yè)高中學校更是規(guī)定學生取得相應的職業(yè)上崗證才可以畢業(yè)。這種突出實踐性的教學原則，更應該充分利用網絡資源進行教學，充分發(fā)揮網絡資源的獨特優(yōu)勢。（1）化抽象的文字、符號為生動的形象、聲音，使學生可以見其形、聞其聲。從而極大地激發(fā)學生的學習熱情，提高學生的積極性。（2）通過圖文并茂的網絡資料，增加了課堂教學的容量，同時教師利用網絡資源，提前將資料準備好，減少了課堂上的浪費時間。（3）網絡教學不受空間的限制，遠程教學拉近了學生與教師的距離，可以讓學生與教師實時互動，讓老師及時了解到學生的學習情況。

四、對網絡資源的應用步驟

在職高藝術設計專業(yè)，應用網絡資源進行教學可以從以下幾個步驟展開。（1）確定主題、提出要求。職高藝術設計專業(yè)的教師給學生確定了一個適合的主題進行設計，這個主題對學生而言要具有挑戰(zhàn)性和新鮮感，這樣可以激發(fā)學生的想象力和創(chuàng)造力，學生可以利用已有的知識和技能儲備，進行網絡資料的收集，從而完成這項任務。與此同時，老師要提出自己的要求，學生要以達到要求為目的進行設計，以便于最后的考核評析。（2）提供適合的資源以及工具。為了使學生可以快速找到自己所需要的網絡資料，教師可以先將網址、參考文獻等相關資源提供給學生，以減少學生在尋找資料上浪費時間。同時，教師可以介紹搜集資料的相關軟件，以方便學生搜集、組織、整理資料。（3）搜集、分析、組織資料，完成任務。學生在對問題進行思考分析、搜集相關資料后加以整合、歸納，通過手繪或設計軟件，如Photoshop、CAD等，將構思想法運用到實際操作當中，將成果呈現出來。（4）展示、評價作品。學生將自己的作品通過制成圖片、模型、動畫等不同的方式，利用多媒體教學設備進行展示，教師對學生的作品進行點評。