導(dǎo)語：如何才能寫好一篇網(wǎng)頁設(shè)計論文，這就需要搜集整理更多的資料和文獻，歡迎閱讀由公務(wù)員之家整理的十篇范文，供你借鑒。

篇1

在用戶獲取信息的方式上，網(wǎng)頁有別于紙質(zhì)媒介，網(wǎng)頁是以瀏覽為主，而紙質(zhì)媒介是以閱讀為主。所謂瀏覽，按照字面意思就是粗略、大致地看一遍，其主要目的是大致了解，搜尋是否有感興趣的信息線索；閱讀比瀏覽更具有主動性和目的性，是有目的地讀，其目標(biāo)是理解?？唆敻裨凇秳e讓我動腦筋——網(wǎng)頁設(shè)計效果優(yōu)化藝術(shù)》一書中提出了設(shè)計出好網(wǎng)頁必須面對的三個事實：一是“我們不是閱讀網(wǎng)頁，而是瀏覽”；二是“我們不做最佳選擇，而是滿意而止”；三是“我們不深究原理或本質(zhì)，而是想當(dāng)然地使用”。我們?yōu)槭裁磳W(wǎng)頁是瀏覽呢？克魯格的分析認(rèn)為有三個原因：一是因為匆忙，使用網(wǎng)絡(luò)的目的多半是想節(jié)約時間，這樣用戶就會不停地運動；二是用戶知道不必全部閱讀，通常一個網(wǎng)頁里面只有很少一部分是他們感興趣的；三是用戶擅長瀏覽，瀏覽是人們?nèi)粘Ｉ钪兴褜ば畔⒌膽T用方法?；谶@樣一些原因，用戶使用網(wǎng)站就是瀏覽、滿意、再瀏覽、再滿意這樣一個循環(huán)往復(fù)的過程，直至滿意而歸。如果中間出現(xiàn)了不滿意，這個過程就會終止，用戶就帶著不滿意而離開。所以，在設(shè)計網(wǎng)頁時，哲學(xué)家威廉提出的奧卡姆剃刀原理“如無必要，勿增實體”和建筑大師密斯•凡•德•羅提出的“少即是多”原則是我們檢驗設(shè)計的兩面鏡子。在確定網(wǎng)頁的內(nèi)容時，突出那些重要的內(nèi)容，去掉那些不必要的圖案和文字，即使那些能夠讓你的網(wǎng)頁在視覺上產(chǎn)生更好的效果，但如果其干擾重要信息的瀏覽，仍然應(yīng)該果斷地去掉。在網(wǎng)頁中，只有那些有利于信息傳達目標(biāo)的美才是有價值的，美應(yīng)該符合于功能的需要，美和功能的和諧統(tǒng)一才是網(wǎng)頁設(shè)計追求的目標(biāo)。為了便于瀏覽，在網(wǎng)頁內(nèi)容的編排上必須尊重視覺習(xí)慣，我們在瀏覽時總是從左到右，由上而下地掃視，要根據(jù)內(nèi)容的重要性，進行從左到右、由上而下地依次排列，使重要的內(nèi)容最先映入瀏覽者的眼簾。在文案的寫作上，為了便于快速瀏覽，一是對標(biāo)題、關(guān)鍵內(nèi)容加以強調(diào)；二是采用短的句子和段落；三是采用清晰的分區(qū)和列表；四是先總體后詳細(xì)的寫作順序。用戶在進行瀏覽時首先是通過標(biāo)題和關(guān)鍵詞來初步判斷內(nèi)容是否符合自己的興趣，然后再通過總體的概述來決定是否有繼續(xù)瀏覽下去的必要。在瀏覽的過程中，短句和短的段落有利于減小理解的難度和縮短判斷的時間，清晰的分區(qū)和列表能夠讓人快速抓住其關(guān)注的興趣點，促進人們繼續(xù)瀏覽。

二、網(wǎng)頁設(shè)計不應(yīng)打破慣例

前面已經(jīng)提到，網(wǎng)頁是一個要求即看即用的特殊“產(chǎn)品”，也就是一看我們就要知道如何使用。我們雖然使用了若干手機，但我們購買了一款新的手機時，我們還是得閱讀說明書后才能正常使用，網(wǎng)頁確不需要。那如何才能達到即看即用呢？使用慣例就是最好的武器，這也是提高所有產(chǎn)品易用性的重要法寶。慣例就是我們已經(jīng)習(xí)慣了的東西，我們一看就知道它的意思，就知道怎么去操作，因為慣例是我們?nèi)粘Ｉ钪蟹e累起來的，已經(jīng)存入大腦的固有知識。唐納德•A•諾曼在《設(shè)計心理學(xué)》中將知識分為了存儲于外部的知識和存儲于頭腦內(nèi)部的知識，使用存儲于外部的知識不需要學(xué)習(xí)，但效率低；使用頭腦內(nèi)部的知識需要專門學(xué)習(xí)，但效率高。而慣例是已經(jīng)存儲在頭腦內(nèi)部的知識，具有外部知識的高易用性和頭腦內(nèi)部知識的高效率。在網(wǎng)頁設(shè)計中有很多慣例是不能輕易去打破的，一是重要導(dǎo)航在頁面的位置，按照慣例一般布置在頁面的上部、左上部或右上部，首頁的鏈接放置在最前面；二是網(wǎng)站的標(biāo)識放置在頁面的左上部，瀏覽者用其來判別是否到達了目標(biāo)網(wǎng)站；三是文字鏈接要加下劃線（也可以鼠標(biāo)放上去才出現(xiàn)），瀏覽者用其來判斷是否有超級鏈接；四是常用標(biāo)識符號，如在多頁文檔中，代表向上翻頁，代表向下翻頁；在視頻、音頻播放中■代表停止，代表暫停，代表播放。這些標(biāo)識符號在網(wǎng)頁中已經(jīng)具有特定的意義，是不能隨意改變的。

三、設(shè)計層面之間的邏輯聯(lián)系

在《用戶體驗的要素——以用戶為中心的Web設(shè)計》一書中論述了網(wǎng)頁設(shè)計的五個層面，包括戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層和表現(xiàn)層，并確定了自下而上的建設(shè)流程，規(guī)定了設(shè)計的程序。自下而上的各個層面，從抽象逐漸變成具體，并且包含著密切的邏輯聯(lián)系。戰(zhàn)略層確定的網(wǎng)站目標(biāo)和用戶需求，是整個網(wǎng)站設(shè)計的基石，其決定范圍層的內(nèi)容選擇和功能設(shè)計；結(jié)構(gòu)層是對范圍層選擇的內(nèi)容進行分類和組織，形成信息架構(gòu)，以及對確定的功能進行交互設(shè)計，確定交互的過程和交互行為；框架層是在結(jié)構(gòu)層信息架構(gòu)的基礎(chǔ)上，根據(jù)完成任務(wù)的需要，利用超級鏈接設(shè)置來完成導(dǎo)航設(shè)計，以及規(guī)劃信息架構(gòu)在頁面空間中的位置關(guān)系，形成布局框架；表現(xiàn)層是對框架層進行具體的視覺表現(xiàn)，包括圖形設(shè)計、色彩設(shè)計、信息圖表設(shè)計、動畫設(shè)計、視頻設(shè)計等。從上面的分析可以看出，下一層是上一層的設(shè)計依據(jù)或設(shè)計對象，上一層是下一層的進一步深化和具體，相鄰層之間緊密聯(lián)系，既不能交換，也不能跨越，更不能缺少，具有嚴(yán)格的秩序，形成了完整的邏輯鏈條，理性思維貫穿在整個設(shè)計過程之中。

四、結(jié)語

篇2

關(guān)鍵詞:網(wǎng)頁設(shè)計視覺心理因素構(gòu)成要素視覺流程

商業(yè)網(wǎng)站是企業(yè)向用戶和網(wǎng)民提品和服務(wù)的一種方式,是企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺，其網(wǎng)頁頁面由具體的文字（標(biāo)題、廣告語、單位名稱、Email地址等）、企業(yè)標(biāo)志、商標(biāo)、產(chǎn)品圖形、和信息菜單等內(nèi)容組成，這些內(nèi)容又常常表現(xiàn)為點線面、色彩、動靜、主次等視覺因素，這些因素的不同使用都會影響讀者的視覺習(xí)慣和心理變化。

本文將試析商業(yè)網(wǎng)頁設(shè)計視覺因素的心理規(guī)律，揭示商業(yè)網(wǎng)頁設(shè)計如何通過視覺心理因素更有效、更合理的表現(xiàn)與傳達信息。展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務(wù)、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略。

一、商業(yè)網(wǎng)頁設(shè)計中點、線、面視覺心理因素的運用

點、線、面是商業(yè)網(wǎng)頁設(shè)計基本的視覺元素，是表現(xiàn)視覺形象的基本設(shè)計語言。從視覺角度看網(wǎng)頁設(shè)計主要是如何經(jīng)營好三者的關(guān)系，因為不管是任何視覺形象或者版式構(gòu)成，歸結(jié)到底，都可以歸納為點、線和面。

1.網(wǎng)頁設(shè)計造型要素中的點

商業(yè)網(wǎng)頁設(shè)計中的點是構(gòu)成網(wǎng)頁的最基本單位，是指頁面中具備點的視覺特點、體積較小的物象。相對于整體背景而言一個單獨的點是相比較而言的；是有大小、形狀和體積的。點的大小、形態(tài)、位置不同，所產(chǎn)生的視覺效果、心理作用也不同。一個網(wǎng)頁往往需要有數(shù)量不等，形狀各異的點來構(gòu)成，可以是具體產(chǎn)品、商品標(biāo)志等，也可以是感覺上的點。例如，天空中的飛鳥、沙灘上的腳印、花瓣上的蜜蜂等，在其周圍背景襯托下，都給人以“點”的視覺心理感受。

點在設(shè)計中即可以起一種穩(wěn)定造型的作用，亦可起到活潑生動、吸引視覺中心的作用，使用得當(dāng)，甚至可以畫龍點睛；點的形狀、方向、大小、位置、聚集與發(fā)散，還能夠給人帶來不同的心理感受。

(1)單點的應(yīng)用：點在人們的視覺中具有很強的吸引作用，如：點（商品）設(shè)計在網(wǎng)頁的上方或左右位置，則給人不穩(wěn)定感和相對的動感。

(2)多點的應(yīng)用：兩點（二商品）之間會產(chǎn)生心理連線的感覺，多點時則會出現(xiàn)不同排列，順序的虛擬的面或形體。

2.網(wǎng)頁設(shè)計造型要素中的線

點的延伸形成線。線在頁面中的作用在于表示方向、位置、長短、寬度、形狀、質(zhì)量和情緒。線是分割頁面的主要元素之一，是決定頁面現(xiàn)象的基本要素。商業(yè)網(wǎng)頁設(shè)計視覺因素中的線主要指文字的行線，商品圖形、圖象的輪廊線，各種裝飾線。線的形態(tài)主要有直線和曲線兩大類：

(1)直線給人一種緊張、銳利、簡潔、剛直感，從心理或生理感覺來看具有男性特點。直線又有：細(xì)直線，給人纖細(xì)、敏銳的心理感覺；粗直線，給人豪爽、拙樸、厚重的感覺；垂直線，給人一種挺拔、莊嚴(yán)感；水平直線則給人方向感和強烈的動感。

(2)曲線表現(xiàn)出一種動態(tài)，活潑，輕快的意味，顯示了女性美的特征，商業(yè)網(wǎng)頁設(shè)計中運用文字行、圖象輪廊線或裝飾線的造型，創(chuàng)造一種女性化的審美感。自由曲線是最好的情感抒發(fā)手段。打破了水平線組成的莊嚴(yán)和單調(diào)，給商業(yè)網(wǎng)頁增加了豐富、流暢、活潑的氣氛。水平線和自由曲線的組合運用，形成新穎的形式和不同情感的對比。

3.網(wǎng)頁設(shè)計造型要素中的面

線的推移形成面。面是無數(shù)點和線的組合。面具有一定的面積和質(zhì)量，占據(jù)空間的位置更多，因而相比點和線來說視覺沖擊力更大更強烈。面在網(wǎng)頁設(shè)計中通常指各種圖形、色塊的形狀設(shè)計，不同形狀的面具有自己鮮明的個性和情感特征，能給人不同的心理感受，如方形的面具有沉著，穩(wěn)重，厚實，堅強的男性特征；三角形、梯形面常給人一種穩(wěn)定、端正之感；但如果將它們倒過來設(shè)計，則給人一種輕、不穩(wěn)定的感覺。圓形充實、圓滿、活潑的感覺，比較適合表現(xiàn)兒童產(chǎn)品或者女性用品。菱形或不規(guī)則形體則給人一種活潑、輕快之感。

在商業(yè)網(wǎng)頁的視覺構(gòu)成中，點、線、面既是最基本的造型元素，又是最重要的表現(xiàn)手段。在確定商業(yè)網(wǎng)頁主體形象的位置、動態(tài)時，點線面將是需要最先考慮的因素。必須熟練掌握設(shè)計語言。要善于根據(jù)商業(yè)特性采用不同的組合去體現(xiàn)不同的情感訴求，達到推銷、銷售商品和服務(wù)的作用。只有合理的安排好點線面的互相關(guān)系，才能設(shè)計出具有最佳視覺效果的頁面，充分的表達出商業(yè)網(wǎng)頁最終的訴求！二、商業(yè)網(wǎng)頁設(shè)計中色彩視覺心理因素的運用

商業(yè)網(wǎng)頁設(shè)計中色彩是確立網(wǎng)站風(fēng)格的靈魂。色彩能產(chǎn)生強烈的視覺效果，使頁面更加生動。色彩設(shè)計的好壞直接影響閱讀者的觀賞興趣與心理變化。因此，地位十分重要。商業(yè)網(wǎng)頁的色彩設(shè)計應(yīng)從以下幾個方面把握和利用其心理特征：

首先，整個頁面要確定一個主色調(diào)，其有利于體現(xiàn)網(wǎng)站主題。每一種色彩都具有它自身的性格，如：彩度高，明度高的色彩常給人一種華麗感，相反彩度低，低明度的色彩則給人一種樸實感。暖色系、高明度的色彩能給人一種面積大的前進感。冷色系、低明度的色彩則能給人一種面積小的后退感。每個人群對色彩的喜好也有所不同，如男性較喜歡冷色，女性則偏好暖色或高明度、高彩度的色彩，兒童喜好純色，討厭濁色，老人則偏好濁色，中年人或文化層次較高的人偏好冷灰色等。因此在設(shè)計中要考慮主要讀者群的背景和構(gòu)成以及如何與商品的屬性相呼應(yīng)。

其次，在主色調(diào)下的色調(diào)搭配。若頁面空間整體、色彩和諧統(tǒng)一，則給人一種幽雅、寧靜感；若以對比手法處理，圖形文字色彩明快突出于背景色，則頁面空間氛圍會顯得活躍而有生氣。但是，要注意不能有強烈的色彩對比，因為過于豐富的背景色彩會影響前景商品圖片和文字的取色，使文字溶于背景中，不易辨識。所以背景一般應(yīng)以單純?yōu)橐恕?/p>

最后，作為設(shè)計師在考慮網(wǎng)頁設(shè)計時，還應(yīng)考慮到時代流行性色和企業(yè)標(biāo)準(zhǔn)色的問題。所謂流行色，是指在一定范圍內(nèi)和時間內(nèi)，非常盛行并易為人們接受的某些式樣或顏色。而標(biāo)準(zhǔn)色的運用在網(wǎng)上擴大了品牌效應(yīng)，也是對公司整體形象的統(tǒng)一應(yīng)用，從而構(gòu)成了企業(yè)識別系統(tǒng)（CIS）的重要部分。

三、商業(yè)網(wǎng)頁設(shè)計中動、靜的視覺心理因素的運用

商業(yè)網(wǎng)頁設(shè)計構(gòu)成要素可分為兩種狀態(tài)：靜態(tài)與動態(tài)。靜態(tài)要素設(shè)計具體指靜止的商品圖形、文字、按紐等；動態(tài)要素，具體指動態(tài)按紐、按紐連接、網(wǎng)頁動畫和視頻等，它們是豐富、生動網(wǎng)頁、張顯個性、突出主題重要手段。

動靜以及不同的動靜組合都可以反映不同的心理與性格，如，動大體上給人活潑、生動的印象，但極慢的動常給人憂慮感；迅速或突然的動常給人焦慮、驚慌感。另外，靜也常給人寧靜、沉悶兩種感覺。

商業(yè)網(wǎng)頁設(shè)計中要注意處理好動靜的關(guān)系，要整體和諧統(tǒng)一，給人生動而不躁動或厭惡感。同時還要遵循動態(tài)性原則與交互性原則。

1.動態(tài)性原則，即要有四維空間或五維空間的運作觀念。一件網(wǎng)頁商品、圖片不僅是二維的平面或三維的視覺，也要有時間與空間的變換，情感與思維認(rèn)識的演變等多維因素。

2.交互性原則，即界面設(shè)計強調(diào)交互過程。一方面是物的信息傳達，另一方面是人的接受與反饋，對任何物的信息都能動地認(rèn)識與把握。

四、商業(yè)網(wǎng)頁設(shè)計中視覺流程心理因素的運用

商業(yè)網(wǎng)頁設(shè)計是通過視覺元素引起人注目而實現(xiàn)商品信息內(nèi)容的傳達，為了使網(wǎng)頁獲得最大的視覺傳達功能，使網(wǎng)頁真正成為可讀強性而且新穎的媒體，必須適應(yīng)人們視覺流程的心理和生理的特點。

視覺流程的形成是由人類的視覺特性所決定的。心理學(xué)家葛斯達認(rèn)為：人們閱讀時，版面的上部比下部的注目價值高，左側(cè)比右側(cè)的注目價值高。因此，版面的左上側(cè)位置最為引人注目，因此，在網(wǎng)頁設(shè)計中一些突出的商品信息，如主標(biāo)題、每天更新的內(nèi)容等通常都放在這個位置。以便于一開始就吸引受眾的視線，誘導(dǎo)其由上到下，由左到右地移動。此位置也被稱作視覺的最佳視域。也就是最優(yōu)選的地方。當(dāng)然視覺流程是一種感覺而非確切的數(shù)學(xué)公式，只要符合人們認(rèn)識過程的心理順序和思維發(fā)展的邏輯順序，就可以更為靈活地運用。設(shè)計者可以利用視線移動規(guī)律，誘導(dǎo)讀者的視線作左右流動、上下流動以及斜線的不穩(wěn)定流動，通過編排設(shè)計，人為地產(chǎn)生最佳視域，突出主要商品，以達到一定的視覺效果，傳遞商品信息。

商業(yè)網(wǎng)頁作為一種新的企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺，它的發(fā)展雖然沒有多長時間，卻兼容了傳統(tǒng)平面設(shè)計的特征，又具備其所沒有的優(yōu)勢，成為今后商品信息交流的一個非常有影響的途徑。其設(shè)計是一種綜合性的設(shè)計，它所涉及的范圍非常的廣泛，包括消費者心理學(xué)、視覺設(shè)計美學(xué)、人機工程、哲學(xué)等諸多方面，而本文中只從視覺心理因素的角度進行了一些闡述與分析，僅作拋磚引玉之用。

參考文獻:

[1]李彬彬:設(shè)計效果心理評價[M].北京:中國輕工出版社,2005.1

[2]趙殿澤:構(gòu)成藝術(shù)[M].沈陽:遼寧美術(shù)出版社，1994

篇3

文字作為記載信息的符號，在網(wǎng)頁設(shè)計中有著舉足輕重的重要性，其作用是圖片、視頻和動畫等元素不可代替的，文字的設(shè)計優(yōu)劣也決定了整個網(wǎng)站的視覺效果。文字的易讀性和辨識性是網(wǎng)頁設(shè)計的重點。文字顏色和背景要區(qū)別開，周圍元素不能影響到文字的閱讀，對流動文字的應(yīng)用要慎重。文字的距離一定要設(shè)置好，注意細(xì)節(jié)，安排好文字和圖形之間的交叉錯合。在現(xiàn)代設(shè)計中，文字圖形化的趨勢越來越強烈，即是強調(diào)把文字作為圖形元素來展現(xiàn)，加強其美學(xué)效應(yīng)，強化了原有的功能。

二、圖形元素

圖形元素的存在大大美化了網(wǎng)頁設(shè)計，它擁有強烈的藝術(shù)美感和視覺沖擊力，是文字之后最早被引入到網(wǎng)頁設(shè)計中的元素，它所傳遞信息的直觀性遠(yuǎn)勝于文字。圖形設(shè)計中的色彩搭配、元素構(gòu)成、版式布局都要符合瀏覽者的審美心理，才能使得網(wǎng)頁在短時間內(nèi)給受眾留下深刻的印象。網(wǎng)頁設(shè)計中的圖片提供導(dǎo)向和鏈接的功能。根據(jù)人機心理學(xué)研究，人們的視線在瀏覽網(wǎng)頁時，會首先垂直的落在屏幕中心，然后向四周游動。決定了設(shè)計師要將重要的信息安排在注視點高的區(qū)域，所以設(shè)計師要根據(jù)視覺流程來合理安排圖片的適度位置。網(wǎng)頁設(shè)計中的圖片是要經(jīng)過網(wǎng)絡(luò)下載才可以最后看到，受到寬帶的限制，所以要求圖形文件量盡可能的小。在圖片大小固定的情況下，文件量越低說明圖片分辨率要越低。對于顯示器上的圖片而言，分辨率為72dpi是大多數(shù)圖片的最佳選擇。

三、色彩元素

色彩的配色設(shè)計直接影響網(wǎng)站的整體定位、風(fēng)格。作為設(shè)計中不可缺少的元素，它建立在文字圖形的基礎(chǔ)上，依靠眼睛的功能，通過感覺的視覺沖擊力對心理起作用。每一種顏色都有不同的心理暗示。冷色中的藍(lán)色代表平靜，暖色中的紅色代表激動；黑色給人沉重感，淺色則讓物體輕盈；色彩從色調(diào)、飽和度、明度三個方面影響著網(wǎng)頁，我們可以找到很多運用廣泛的色彩配色方案，來作為實際學(xué)習(xí)和工作中的向?qū)?。網(wǎng)頁設(shè)計中的色彩元素需要符合國際色彩的標(biāo)準(zhǔn)，因為互聯(lián)網(wǎng)絡(luò)是建立在國際互聯(lián)網(wǎng)統(tǒng)一的平臺上的。最簡單的說就是采用網(wǎng)頁安全色，不能毫無節(jié)制的運用太多顏色，一般情況下先根據(jù)總體風(fēng)格的要求定出主色調(diào)和輔助色進行色彩的搭配。網(wǎng)頁色彩模式一般采取RGB模式。網(wǎng)頁設(shè)計是通過顯示器來進行展示的，目前顯示器大都采用RGB顏色標(biāo)準(zhǔn)，這與RGB顏色模式的原理分不開。RGB是從顏色發(fā)光的原理來設(shè)計定的，通俗點說它的顏色混合方式就好像有紅、綠、藍(lán)三盞燈，當(dāng)它們的光相互疊合的時候，色彩相混，而亮度卻等于兩者亮度之總和，越混合亮度越高，即加法混合。在顯示器上，通過電子槍打在屏幕的紅、綠、藍(lán)三色發(fā)光極上來產(chǎn)生色彩的。

四、版式設(shè)計

篇4

與網(wǎng)頁設(shè)計與制作課程關(guān)系密切的課程很多，而關(guān)系最為密切的課程有計算機應(yīng)用基礎(chǔ)課程，電腦繪畫課程(Photoshop)和動漫設(shè)計課程(flash)，這三門課程都是網(wǎng)頁設(shè)計與制作課程的前導(dǎo)課程，相對于這三門課程來講，網(wǎng)頁設(shè)計與制作課程就是后續(xù)課程。在對后續(xù)課程的教學(xué)過程中，必定會讓學(xué)生運用到前導(dǎo)課程的知識和技能，這樣不僅可以讓學(xué)生對前導(dǎo)課程進行一定的強化學(xué)習(xí)，而且更有利于后續(xù)課程的教授和學(xué)習(xí)，在很大程度上，能夠提高學(xué)生設(shè)計網(wǎng)站的水平。如果把前導(dǎo)課程比喻成紅花和綠葉的話，那么后續(xù)課程就是飽滿的果實。由此看來，網(wǎng)頁設(shè)計與制作課程在整個教學(xué)體系中占據(jù)著非常重要的地位。

2選擇適合高職院校學(xué)生特點的教材

我院具有所有高職院校所共有的職業(yè)特點，但又有著我們自身更為突出的特點，要以“面向高職學(xué)生以應(yīng)用”為目的的思想為指導(dǎo)，以能力為本位，適應(yīng)社會的需要，這就要求我們在選擇教材時一定要準(zhǔn)確實用，我院幼兒教育系選用的是由清華大學(xué)出版社出版的第二版《Dreamweaver網(wǎng)頁制作實用教程》，本教材以“實例+知識點”的結(jié)構(gòu)構(gòu)建內(nèi)容，采用“任務(wù)驅(qū)動教學(xué)法”讓學(xué)生邊做邊學(xué)，并配以相應(yīng)的光盤，生動直觀，能夠讓學(xué)生在短時間內(nèi)迅速掌握所學(xué)知識，是一本符合培養(yǎng)高職院校學(xué)生技能的好教材。

3遵循高職教學(xué)規(guī)律，加強和改進教學(xué)工作

高職院校不同于其他高校的地方就是它是以實踐操作能力的培養(yǎng)為主導(dǎo)，理論知識的學(xué)習(xí)為輔的教學(xué)指導(dǎo)方針進行教學(xué)，對于網(wǎng)頁設(shè)計與制作這門實踐性很強的課程來說更是如此。想要教好這門課程，教師就必須在教學(xué)過程中進行一系列的教學(xué)設(shè)計才能達到較好的效果，如何組織好這門課對于教學(xué)工作和效果尤為重要。

3．1網(wǎng)頁設(shè)計與制作課程的教學(xué)思路

首先，要上好第一堂課。教師要在課前做好充分的準(zhǔn)備工作，要利用第一堂課想辦法牢牢抓住學(xué)生的心，讓學(xué)生真正認(rèn)識到學(xué)習(xí)網(wǎng)頁設(shè)計課程的重要性和必要性，不能讓學(xué)生有沉悶和枯燥的感覺。所謂萬事開頭難，好的開始必定能為之后的教學(xué)打下一個堅實而良好的基礎(chǔ)，但好的開始并不意味著之后的教學(xué)就會一帆風(fēng)順的進行，之后的教學(xué)務(wù)必要在多媒體課件上下工夫。多媒體課件是教學(xué)的靈魂，它不是文字、圖象、音頻、視頻和動畫信息等各種元素的堆砌，而是它們的完美融合，利用它們使課堂變得更加生動和精彩，從而盡可能的提高學(xué)生的學(xué)習(xí)興趣。

3．2網(wǎng)頁設(shè)計與制作課程的教學(xué)方法

用實例作為課堂切入點，讓學(xué)生先看到實際效果，首先啟發(fā)學(xué)生思考用之前學(xué)到的知識和技巧能否做出此種效果，然后再由教師演示實例，在演示實例的過程中引出新的知識點，將知識點融入到具體實例中。比如，在表格布局和內(nèi)嵌框架的教學(xué)模塊中，我們采用任務(wù)驅(qū)動教學(xué)內(nèi)容。教學(xué)目標(biāo)是用布局表格設(shè)計網(wǎng)站主頁，在演示此實例之前，讓學(xué)生先利用之前學(xué)習(xí)的表格知識設(shè)計此網(wǎng)站主頁，目的一是鞏固前面章節(jié)所學(xué)知識和操作技巧，目的二是為接下來的布局表格設(shè)計做好充分的鋪墊，讓學(xué)生從內(nèi)心有所比較，哪種方法更適合用來設(shè)計網(wǎng)站主頁，在教師演示實例過程中可以更好地抓住學(xué)生的注意力和調(diào)動學(xué)習(xí)的積極性。演示案例制作一個介紹“學(xué)習(xí)教程”的站點，主要包含六個模塊，包括“我的主頁”LOGO、“導(dǎo)航”、“網(wǎng)站信息”、“教程熱點”、“熱門下載”、“最新教程”、“最新軟件”等等?；疽笫窃诖藢嵗?，添加“左上角三疊圖”和“最下面友情鏈接”，資料在網(wǎng)絡(luò)中獲取，合理設(shè)置網(wǎng)頁的背景以及圖片和文本的屬性，頁面美觀大方。較高要求是用此站點結(jié)構(gòu)制作一個介紹自己的個人站點，要求除基本要求外，要有六處超級鏈接，且六處鏈接頁面要有一致的框架結(jié)構(gòu)，站點中導(dǎo)航清晰，布局合理，配色美觀大方。

3．3教學(xué)過程中因時因人改進教學(xué)手段和方法

高職具有較強的職業(yè)特色，而學(xué)生水平存在著個體差異，故不能進行一成不變的教學(xué)方法。在課程進行到中期的時候，學(xué)生對課程知識的索求和動手實踐的欲望會漸漸減弱，他們的厭學(xué)情緒越來越重，或者總是出現(xiàn)眼高手低的現(xiàn)象。在這個階段學(xué)生已經(jīng)掌握了一定的網(wǎng)頁設(shè)計與制作的知識和技能，教師可以放手給學(xué)生，在授課過程中可以由主動變?yōu)楸粍?，讓學(xué)生由被動變?yōu)橹鲃?，譬如找某位學(xué)生來演示課堂實例，教師在旁指導(dǎo)，把學(xué)生的注意力拉回課堂，以此來推動教學(xué)進度順利高效的向前進行。

4明確教學(xué)目標(biāo)，把握教學(xué)內(nèi)容

4．1選擇合適的網(wǎng)頁制作工具

目前最好的網(wǎng)頁制作與設(shè)計軟件工具是Dre-amweaver。它一直以來作為可視網(wǎng)頁編輯工作的標(biāo)準(zhǔn)，在代碼編輯和應(yīng)用程序開發(fā)方面的功能比較強大，更重要的是它是所見即所得類型的網(wǎng)頁設(shè)計軟件，對高職院校非計算機專業(yè)的學(xué)生來將非常適合。同時，可以選擇Flash制作網(wǎng)頁中的動畫素材，選擇photoshop處理和制作網(wǎng)頁中的圖片素材。

4．2要求學(xué)生能夠利用Dreamweaver設(shè)計各種網(wǎng)頁，開發(fā)初具規(guī)模的網(wǎng)站

我系課程方案中要求采用以Dreamweaver為主導(dǎo)，逐步講解網(wǎng)頁設(shè)計的基礎(chǔ)知識，初步了解HTML語言、簡單認(rèn)識CSS網(wǎng)頁設(shè)計的基礎(chǔ)知識。這里需要特別說明的一點是，首先，對HTML的教學(xué)，有些人認(rèn)為對于高職非計算機專業(yè)的學(xué)生來說，不用學(xué)習(xí)太多語言，其實不然，HTML可以說是網(wǎng)頁的靈魂，它不像C語言那樣生澀難懂，高職非計算機專業(yè)的學(xué)生完全有能力學(xué)會和掌握。其次，要掌握CSS的基本使用方法，CSS是英文單詞CascadingStyleSheets縮寫，翻譯為“層疊樣式表”。通俗講CSS是控制網(wǎng)頁中內(nèi)容的顏色、字體、文字大小和寬度、邊框、背景及浮動等樣式來實現(xiàn)各式各樣、花樣百出的網(wǎng)頁樣式的統(tǒng)稱。由于允許同時控制多重頁面的樣式和布局，CSS可以稱得上網(wǎng)頁設(shè)計領(lǐng)域的一個突破，作為網(wǎng)站開發(fā)者、設(shè)計者能夠為每個HTML元素定義樣式，并將之應(yīng)用到希望的任意多的頁面中。如需進行全局的更新，只需簡單地改變樣式，然后網(wǎng)站中的所有元素均會自動地更新。

5考核方式

根據(jù)高職院校學(xué)生的實際能力水平和課程教學(xué)質(zhì)量基本要求，傳統(tǒng)理論考試已不適宜于網(wǎng)頁設(shè)計和制作課程，網(wǎng)頁設(shè)計和制作課程采用的是考查的考核形式。這種考核方式更適合網(wǎng)頁設(shè)計課程的特點，更加強調(diào)學(xué)生學(xué)習(xí)的靈活多樣性。期末總評學(xué)習(xí)成績可由三部分組成:課程考核(平時到課考勤、課堂上的表現(xiàn)、課堂實訓(xùn)作業(yè)和)占30%、小結(jié)考核(階段測驗作品)占30%和期末考核(期末綜合作品)占40%。這種考核方式注重實際操作能力和靈活應(yīng)用能力的培養(yǎng)，可盡可能地調(diào)動學(xué)生的學(xué)習(xí)興趣，發(fā)揮學(xué)生的學(xué)習(xí)積極性和主動性。期末考試要求學(xué)生在教師規(guī)定的時間內(nèi)完成一整個網(wǎng)站項目的設(shè)計與制作，項目中包含一個學(xué)期中所學(xué)過的全部知識點和技能點?！毒W(wǎng)頁設(shè)計與制作》課程是當(dāng)下一種全新的教學(xué)內(nèi)容，教師在教學(xué)中應(yīng)將自己獨特的教學(xué)理念運用于教學(xué)方法中，即讓學(xué)生輕松愉快地學(xué)會制作網(wǎng)頁的方法和技巧，又能在建立網(wǎng)站的過程中充分發(fā)揮自己的想象力和創(chuàng)造力，從而能培養(yǎng)更多適應(yīng)信息化社會的綜合型網(wǎng)頁設(shè)計人才。

6社會實踐

如果說課堂考核方式是檢測和鞏固學(xué)生設(shè)計網(wǎng)頁能力最有效的方法，那么課外的實踐則是拓展和提高學(xué)生設(shè)計網(wǎng)站能力最有效的渠道?？梢越M織學(xué)生進行學(xué)院網(wǎng)頁設(shè)計的比賽，也可以走出校園去參加社會團體組織的設(shè)計大賽，或者進行一段時間的頂崗實習(xí)，這樣可以最大程度的提高他們對此課程的學(xué)習(xí)積極性，也可以讓學(xué)生找到差距，激勵他們更加努力，不斷完善和提高自己設(shè)計網(wǎng)頁的水平。

7總結(jié)

篇5

在進行圖像的設(shè)計、選擇和處理中，掌握專業(yè)軟件的基本使用技巧是必需的，圖像在網(wǎng)頁設(shè)計中的功能主要可以分為視覺吸引、信息引導(dǎo)兩方面。要達到這樣的目的，需要對圖像進行合理的處理。使用動畫圖片，以及適當(dāng)?shù)纳蕦Ρ?，形成版式的變化，吸引瀏覽者的注意，引導(dǎo)其對網(wǎng)站內(nèi)容的閱讀。根據(jù)公司對網(wǎng)站的功能定位，其所承載的任務(wù)與指向有所不同，對瀏覽者所作設(shè)定亦有差異。比如騰訊公司的騰訊網(wǎng)（）和騰訊（），一個作為門戶內(nèi)容網(wǎng)站，一個作為公司形象網(wǎng)站是兩個獨立的網(wǎng)站，設(shè)計風(fēng)格，內(nèi)容和要求差異很大。

2新技術(shù)網(wǎng)絡(luò)

作為第四媒體，其顯示終端可能是計算機，平板，電視或智能手機，為了頁面兼容等原因，前端設(shè)計出現(xiàn)了很多新技術(shù)，如div+css技術(shù)，Javascript技術(shù)等，為了方便管理，一般采用對象的結(jié)構(gòu)、表現(xiàn)和行為分開。結(jié)構(gòu)是對象的內(nèi)容，表現(xiàn)是其外觀，而行為是與瀏覽者的交互，或者說是瀏覽者進行鼠標(biāo)點擊或輸入內(nèi)容等操作時，頁面的反應(yīng)。在進行網(wǎng)頁設(shè)計過程中，圖像對象也是如此，利用代碼可以對圖像進行一些效果的處理，起到資源占用少，頁面維護容易等目的，還可以達到一些用基本圖像處理技術(shù)不易實現(xiàn)的效果。用div+css結(jié)合Javascript技術(shù)可以實現(xiàn)在網(wǎng)頁前端一些設(shè)計效果和邏輯處理功能，比如圖像輪播和驗證碼校驗功能。在一個存在后臺管理的網(wǎng)站中，網(wǎng)頁的很多內(nèi)容來自于后臺數(shù)據(jù)庫，一些圖片也不例外，內(nèi)容需要和后臺交互，根據(jù)數(shù)據(jù)庫的內(nèi)容和頁面的特定邏輯，決定圖像的外觀。這是基本圖像處理技術(shù)無法實現(xiàn)的，需要設(shè)計者了解動態(tài)頁面設(shè)計技術(shù)，常見的技術(shù)有，php和jsp技術(shù)等。除此之外，還有連接數(shù)據(jù)庫，縮放、剪切、相框、銳化、旋轉(zhuǎn)、翻轉(zhuǎn)、透明度、反色等對網(wǎng)頁圖片的處理。不再一一舉例。

3結(jié)論

篇6

在我國，視覺傳達教育起步較晚，但是發(fā)展迅速，其人才培養(yǎng)和教育模式倍受社會關(guān)注。目前很多高校在藝術(shù)類網(wǎng)頁設(shè)計課程的教學(xué)上存在兩種主要現(xiàn)象：一是重設(shè)計、輕制作；二是重軟件、輕藝術(shù)。第一種培養(yǎng)出的學(xué)生一般只注重靜態(tài)頁面的視覺效果，對網(wǎng)站的動態(tài)更新關(guān)注較少，不利于網(wǎng)頁后期維護；第二種培養(yǎng)出的學(xué)生側(cè)重于Dreamweaver、Flash等軟件的操作，對網(wǎng)頁的版式、VI形象等關(guān)注較少，制作出的網(wǎng)頁往往缺乏個性、藝術(shù)表現(xiàn)力不強。因此，對視覺傳達專業(yè)的網(wǎng)頁設(shè)計課程的教學(xué)改革勢在必行。

二、課程教學(xué)目標(biāo)的重新確定

我們都知道，一門學(xué)科的課程目標(biāo)通常決定了該學(xué)科的最終導(dǎo)向，它不僅能為教師傳授正確的學(xué)科理念提供依據(jù)，同時也給學(xué)生指明正確的課程學(xué)習(xí)方向。因此，視覺傳達專業(yè)網(wǎng)頁設(shè)計課程改革的首要環(huán)節(jié)就是對該課程教學(xué)目標(biāo)的重新確立。眾所周知，高等教育培養(yǎng)出來的人才最終要服務(wù)于社會，社會的需求決定了該學(xué)科的教學(xué)內(nèi)容和教學(xué)目標(biāo)。隨著科技的進步，時代的發(fā)展，不同時期對網(wǎng)頁設(shè)計人員的需求也是不同的。通過市場調(diào)研，我發(fā)現(xiàn)目前社會上網(wǎng)站分工越來越細(xì)，招聘的相關(guān)崗位大體分為三類：第一類為前臺美工，以視覺傳達專業(yè)為主，以網(wǎng)站的形象塑造和界面美化為崗位內(nèi)容；第二類為網(wǎng)站后臺服務(wù)，多以h7V5數(shù)據(jù)庫等做交互型網(wǎng)站的，以計算機專業(yè)為主；第三類就是兩者都要具備的全才網(wǎng)頁設(shè)計師，是具有技術(shù)背景和多年實戰(zhàn)經(jīng)驗的創(chuàng)意人才。由此我們可以確定視覺傳達專業(yè)培養(yǎng)出來的網(wǎng)頁設(shè)計人才的崗位定位應(yīng)是網(wǎng)頁美工師，他應(yīng)該具有兩種專業(yè)素質(zhì)：一是掌握網(wǎng)頁設(shè)計的基本要素和美學(xué)知識相結(jié)合的方法與技巧；二是懂得簡單機算計軟件（PS、Dreamweaver、Flash）的操作，便于在制作網(wǎng)頁界面時考慮到后臺維護的便利。而“藝術(shù)設(shè)計教育的人才培養(yǎng)目標(biāo)是：培養(yǎng)綜合素質(zhì)高、創(chuàng)造能力強的高級應(yīng)用型設(shè)計人才”。所以該課程教學(xué)目標(biāo)應(yīng)該是培養(yǎng)具有以上兩種專業(yè)綜合素質(zhì)的、創(chuàng)造能力強的高級網(wǎng)絡(luò)應(yīng)用型設(shè)計人才。新的培養(yǎng)目標(biāo)確定后，該課程的教學(xué)內(nèi)容應(yīng)該在此基礎(chǔ)上重新調(diào)整。

三、課程內(nèi)容的調(diào)整

視覺傳達專業(yè)網(wǎng)頁設(shè)計課程教學(xué)內(nèi)容應(yīng)該為教學(xué)目標(biāo)服務(wù)，知識結(jié)構(gòu)要合理，應(yīng)注意知識點之間的交叉及有機結(jié)合，同時也要有效地培養(yǎng)學(xué)生的創(chuàng)新性思維及獨立分析、解決問題的能力?；诖耍碌慕虒W(xué)內(nèi)容調(diào)整為兩大板塊：理論課程內(nèi)容和實踐課程內(nèi)容。

1.理論課程內(nèi)容

理論課程內(nèi)容在課程編排中為最先講授內(nèi)容，以教師PPT演示傳授為主，學(xué)生討論互動為輔，課時安排為總學(xué)時的四分之一。在教學(xué)過程中又分為兩個環(huán)節(jié)來實現(xiàn)：（1）第一次課的設(shè)計把第一次課設(shè)置為課程概述，主要對網(wǎng)頁設(shè)計課程的教學(xué)特點、教學(xué)內(nèi)容、教學(xué)目的、教學(xué)重點和難點加以通篇介紹，對學(xué)生說明課程安排和考核要求，并通過簡單上機實例操作來提高學(xué)生學(xué)習(xí)興趣，進而引入網(wǎng)頁基本理論教學(xué)環(huán)節(jié)。（2）網(wǎng)頁基本理論學(xué)習(xí)網(wǎng)頁基本理論學(xué)習(xí)包含三個知識板塊：網(wǎng)頁設(shè)計的基本要素、網(wǎng)頁界面的版式設(shè)計、網(wǎng)頁VI形象的美學(xué)塑造。我們知道每個設(shè)計門類都有自己獨特的構(gòu)成元素，這些不同的構(gòu)成元素形成了該門類不同于別的門類的獨特的藝術(shù)魅力。了解和掌握這些構(gòu)成元素的特點和作用，有助于我們更好地進行設(shè)計工作。網(wǎng)頁構(gòu)成元素按功能和形式劃分為兩大類型，按功能劃分為頁眉和頁腳、背景與底紋、按鈕與控件、導(dǎo)航器和目錄、功能板塊和廣告位；按形式分為文字、圖片、色彩、多媒體和超級鏈接。網(wǎng)頁設(shè)計中的構(gòu)成語言不同于傳統(tǒng)平面設(shè)計，它們之間存在很大差異，例如網(wǎng)頁設(shè)計中的顏色是光色，是標(biāo)準(zhǔn)的RGB色彩，而傳統(tǒng)平面設(shè)計中的顏色在輸出過程中是以印刷色CMYK形式出現(xiàn)的；傳統(tǒng)的平面設(shè)計不用考慮網(wǎng)絡(luò)傳輸?shù)囊蛩?，而網(wǎng)頁設(shè)計中的構(gòu)成元素應(yīng)考慮在不影響顯示效果的前題下，盡量壓縮文件大小，便于網(wǎng)頁文件的上傳與下載；又如動畫、音頻等多媒體語言在傳統(tǒng)平面設(shè)計中不用考慮，而在網(wǎng)頁設(shè)計中它們是給網(wǎng)頁增加活力的重要手段因此，教師在此板塊教學(xué)中要選擇大量實例進行比較，不但要指出網(wǎng)頁設(shè)計各構(gòu)成元素的特點和作用，而且還應(yīng)指出與平面設(shè)計中相對應(yīng)元素的異同之處，便于學(xué)生區(qū)別學(xué)習(xí)。網(wǎng)頁界面的版式設(shè)計不同于傳統(tǒng)平面設(shè)計的版式設(shè)計。平面印刷品有著各自固定的紙張大小或裁切規(guī)格，而網(wǎng)頁界面則不然，它的顯示尺寸受到電腦顯示器的限制，不同尺寸的顯示器顯示的網(wǎng)頁界面是有區(qū)別的。除此以外，它的最終顯示控制權(quán)其實掌握在瀏覽者手中。如果過分注重網(wǎng)頁界面版式設(shè)計的視覺完整性，就不能顧及網(wǎng)頁設(shè)計元素的靈活性。所以，教師在此板塊教學(xué)中應(yīng)該強調(diào)網(wǎng)頁界面版式的變化性，同時也要強調(diào)首頁與內(nèi)頁版式的連貫性，要求學(xué)生在設(shè)計中注意網(wǎng)頁界面版式完整性與靈活性的關(guān)系。網(wǎng)頁設(shè)計是VI設(shè)計的一個重要組成部分，是企業(yè)視覺形象執(zhí)行標(biāo)準(zhǔn)的延續(xù)和拓展。和所有的線下公司一樣，一個好的網(wǎng)站也需要依助于VI設(shè)計。準(zhǔn)確的、有創(chuàng)意的VI設(shè)計，有利于樹立網(wǎng)站形象，使其在眾多同類網(wǎng)站中脫穎而出，增加瀏覽者的瀏覽欲望和瀏覽記憶，對該企業(yè)的推廣和宣傳也能起到促進作用。網(wǎng)頁設(shè)計課程上引入VI設(shè)計概念，教師應(yīng)該保持教學(xué)的延續(xù)性，要求學(xué)生在進行網(wǎng)頁設(shè)計的同時，將VI理念應(yīng)用到網(wǎng)頁界面中。網(wǎng)頁設(shè)計應(yīng)主題突出、富有創(chuàng)意，色彩搭配應(yīng)協(xié)調(diào)統(tǒng)一，具有強烈的視覺沖擊力，從網(wǎng)頁LOGO到色彩運用均要突出企業(yè)視覺形象。

2.實踐課程內(nèi)容

視覺傳達教育的目的就是培養(yǎng)出創(chuàng)造能力強的高級應(yīng)用型設(shè)計人才。應(yīng)用性人才的培養(yǎng)模式里實踐性課程比例要大，網(wǎng)頁設(shè)計課程也是這樣，理論是基礎(chǔ)，實踐是靈魂。所以實踐課程內(nèi)容在課程編排中為比重最大的內(nèi)容，課時安排為總學(xué)時的四分之三。實踐課程包含軟件操作板塊、簡單代碼學(xué)習(xí)板塊和實際案例制作板塊三個知識點。此部分內(nèi)容在教學(xué)過程中又分為兩個環(huán)節(jié)來實現(xiàn)：

（1）軟件操作和簡單代碼學(xué)習(xí)板塊的教學(xué)

此部分教學(xué)為計算機軟件學(xué)習(xí)階段，F(xiàn)ireworks、Dreamweaver、Flash是傳統(tǒng)的網(wǎng)頁設(shè)計軟件學(xué)習(xí)內(nèi)容，根據(jù)當(dāng)今互聯(lián)網(wǎng)開放性的特點和視覺傳達學(xué)生對現(xiàn)有軟件知識掌握的情況（PS是基本功，是學(xué)生都已掌握的軟件），把傳統(tǒng)軟件教學(xué)內(nèi)容更改為“網(wǎng)頁新三劍客”（PS+Dreamweaver+Flash）的學(xué)習(xí)。簡單地說，就是用PS制作靜態(tài)網(wǎng)頁界面和切圖，并處理圖片，用Dreamweaver布局和超級鏈接，用Flash做特效。而這三個軟件知識板塊里面教學(xué)重點依次為Dreamweaver、Flash、PS。在軟件教學(xué)環(huán)節(jié)，教師可借助類似“紅蜘蛛”一樣的網(wǎng)絡(luò)教學(xué)平臺和學(xué)生互動教學(xué)。學(xué)生可根據(jù)老師在線傳送的素材臨摹教師的操作，教師也可以在線觀察學(xué)生執(zhí)行情況個別輔導(dǎo)。同時根據(jù)藝術(shù)學(xué)生英語和數(shù)學(xué)水平普遍較低的特點，在教學(xué)中應(yīng)該增加一些簡單代碼知識，介紹一些常用的代碼語言及Html標(biāo)簽和CSS規(guī)則的使用方法，便于優(yōu)化網(wǎng)頁樣式，使整個網(wǎng)站風(fēng)格統(tǒng)一，也便于對已有的網(wǎng)頁模板進行更改，進而大大提高學(xué)生的崗位實踐技能。

（2）實際案例制作教學(xué)

此板塊教學(xué)采用以項目為載體、以任務(wù)為驅(qū)動的教學(xué)方法。教師可以引入實際項目或者虛擬項目，提出項目名稱和項目要求，輔導(dǎo)學(xué)生進行實際案例設(shè)計。實際案例制作教學(xué)應(yīng)充分強調(diào)實用性和自主性，教學(xué)環(huán)節(jié)可分三步進行。首先是教師示范環(huán)節(jié)：教師要根據(jù)實例要求演示創(chuàng)作過程，從網(wǎng)站創(chuàng)意草圖到制作靜態(tài)界面；從創(chuàng)建站點到Dreamweaver網(wǎng)頁布局，創(chuàng)建超級鏈接；從美化網(wǎng)頁樣式，到制作網(wǎng)頁特效，利用簡單的代碼語言和Flas實現(xiàn)動態(tài)、實時、交互的頁面效果教師應(yīng)將每個創(chuàng)作環(huán)節(jié)一一展示，并將知識點設(shè)計應(yīng)用到整個案例實際操作中去，做到知識點與案例有效融合，案例之間能承上啟下，有機銜接。其次為學(xué)生設(shè)計環(huán)節(jié)：學(xué)生可以根據(jù)老師的思路對經(jīng)典案例進行學(xué)習(xí)和分析，依據(jù)實際任務(wù)的要求，進行網(wǎng)頁設(shè)計實際操作。其間遇到問題學(xué)生可以相互討論，或求助教師解決難題。在整個講課過程中，教師指導(dǎo)為輔，學(xué)生對案例進行學(xué)習(xí)和分析為主，充分發(fā)揮學(xué)生的主觀能動性。要求學(xué)生充分發(fā)揮創(chuàng)意性思維，從被動學(xué)習(xí)轉(zhuǎn)換為為了實現(xiàn)項目目標(biāo)而進行多渠道主動學(xué)習(xí)，提高學(xué)生學(xué)習(xí)效率，縮短和實際崗位間的操作差距，進而為走向社會奠定基礎(chǔ)。最后為展示評價環(huán)節(jié)：學(xué)生對自己的作品公開演示匯報，并鼓勵別的學(xué)生對其作品評價，找出優(yōu)劣點，好的保留，差的改正。教師根據(jù)作品質(zhì)量和學(xué)生評價對作品打分，以此作為該生整門課程成績的一個依據(jù)。

四、結(jié)語

篇7

（一）強調(diào)整體與局部的關(guān)系

設(shè)計時要強調(diào)其整體性，和諧性，準(zhǔn)確性和快捷性，是使用者可以很容易達到目的，找到他們所需要的信息。另外，整體性也是網(wǎng)站風(fēng)格和設(shè)計師的藝術(shù)風(fēng)格重要表現(xiàn)。同時，網(wǎng)頁又是由很多視聽要素組成的，它們各自表達一個區(qū)間的內(nèi)容，都有著各自獨特的媒體特征。正因為這樣，在設(shè)計網(wǎng)頁時，注重網(wǎng)頁的各個元素的某種共性的特征是使網(wǎng)頁更加整體和富有感染力的手段。例如在版式設(shè)計的時候使各個元素間有所聯(lián)系，而有統(tǒng)一的風(fēng)格，使網(wǎng)頁達到了“形散而神不散”的目的。

（二）內(nèi)容與形式的統(tǒng)一

所有設(shè)計都有相應(yīng)的內(nèi)容和形式。內(nèi)容是所有的內(nèi)在的要素的總和，是設(shè)計的基礎(chǔ)，是設(shè)計的靈魂；形式則是體現(xiàn)所有內(nèi)容要素的表現(xiàn)方式。內(nèi)容決定形式，而形式又反作用于內(nèi)容。一方面，如果只是強調(diào)花哨的外表，只注重形式美，脫離了網(wǎng)頁所要表現(xiàn)的內(nèi)容，再高超的技術(shù)表現(xiàn)也會顯得空洞。另一方面，如果只追求內(nèi)容的精彩，而不在意其表現(xiàn)形式的話，也就談不到什么藝術(shù)的再現(xiàn)和美的享受了。順便提一下，有些技術(shù)人員出身的設(shè)計者，單純?yōu)殪乓浼夹g(shù)上的優(yōu)勢，大量運用各種技術(shù)，造成了網(wǎng)站的大量冗余，也是不可取的。形式必須為內(nèi)容服務(wù)，確保網(wǎng)頁上每個元素都是“有用的”也是非常重要的。總之，在網(wǎng)頁設(shè)計過程一定要注意內(nèi)容與形式的統(tǒng)一。

（三）主題與風(fēng)格的鮮明

藝術(shù)設(shè)計最終都是一個主題——“美”，求美是藝術(shù)設(shè)計所要達到的目標(biāo)。根據(jù)心理學(xué)上的研究，人類短時間內(nèi)可以認(rèn)知的知識點不多，所以如果有太多的知識點的話，就會產(chǎn)生混淆甚至想背離。有可能的是看了后面的前面的就沒印象了。所以鮮明的主題是至關(guān)重要的。視覺設(shè)計所要表達的思想都是明確的，有目的的。這就要求視覺傳達不僅要純粹、簡潔、清楚和精準(zhǔn)，而且在強調(diào)藝術(shù)性的同時，更應(yīng)該注重通過獨特的設(shè)計風(fēng)格和強烈的視覺沖擊力，來突出設(shè)計主旨。另一方面，鮮明的藝術(shù)風(fēng)格更是一個出色的設(shè)計師所不可缺少的。新的世紀(jì)是信息爆炸的世紀(jì)，網(wǎng)絡(luò)上的信息真是浩如煙海。要想做到在眾多的網(wǎng)站中脫穎而出，也必須要有自己的風(fēng)格，使瀏覽者更能從網(wǎng)頁上獲取更多的信息，而又能對該網(wǎng)站記憶深刻?？傊?，網(wǎng)頁雖然是多樣的，雖然是新興的，但是只要抓住其設(shè)計原則，也是不難達到傳達思想與知識的目的。

二、網(wǎng)頁設(shè)計的特點及其數(shù)字化應(yīng)用

（一）交互性、持續(xù)性、數(shù)字化

網(wǎng)絡(luò)媒體與傳統(tǒng)媒體不同的是動態(tài)更新的信息和實時交互。傳統(tǒng)媒體都是以線形的方式提供信息，具有不可控性。而網(wǎng)絡(luò)媒體則有著所以更新，隨時交互的特性。游客可以獲取信息的需求，而不是等待信息，被動地接受信息。被動和主動的差異是很大的。新的世紀(jì)是數(shù)字化的世紀(jì)，幾乎所有的事情都與數(shù)字扯上了關(guān)系。數(shù)字照相機，數(shù)字?jǐn)z像機，數(shù)字電視等等。網(wǎng)絡(luò)是新興的媒體形式，當(dāng)然也離不開數(shù)字。從根源上來講，電腦的原理就是其對“1”、“0”的識別，電腦是數(shù)字的，網(wǎng)絡(luò)而又是由無數(shù)的電腦組成的，所以網(wǎng)頁、網(wǎng)站也都是數(shù)字的。所以網(wǎng)頁是以數(shù)字化的形態(tài)存在的。掌握數(shù)字技術(shù)也就成了是否能完成網(wǎng)頁設(shè)計的關(guān)鍵。

（二）數(shù)字媒體的綜合性

目前網(wǎng)頁設(shè)計的主要元素有文字、圖像、聲音、視頻等，隨著數(shù)字技術(shù)的發(fā)展，越來越多的新技術(shù)將被添加到網(wǎng)絡(luò)。隨著國家光纖網(wǎng)絡(luò)的普及，網(wǎng)絡(luò)服務(wù)器以及個人電腦的性能的提高，數(shù)字技術(shù)的應(yīng)用將越來越?jīng)]有硬件的限制。新技術(shù)的加入，特別是新數(shù)字技術(shù)的加入，必然會給網(wǎng)頁設(shè)計者帶來新的挑戰(zhàn)，他們面臨著與新技術(shù)的碰撞與融合。當(dāng)然，數(shù)字技術(shù)的應(yīng)用也會帶來種種問題，這也是設(shè)計著需要注意的。所以，網(wǎng)頁設(shè)計者必須綜合運用各種信息手段來豐富網(wǎng)頁的內(nèi)容，以滿足瀏覽者對豐富知識的渴求。

（三）數(shù)字與技術(shù)的結(jié)合，技術(shù)與藝術(shù)的結(jié)合

設(shè)計是受主觀因素和客觀因素的共同支配的。主觀方面就是人的創(chuàng)意、思想，客觀因素就是設(shè)計者的知識結(jié)構(gòu)、各種軟、硬件條件、網(wǎng)絡(luò)條件等等。一個優(yōu)秀的設(shè)計者應(yīng)該可以在客觀條件一定的情況下，最大化發(fā)揮自己的思想，取得最大的藝術(shù)效果?，F(xiàn)在新的數(shù)字技術(shù)加入了，在客觀層面上就出現(xiàn)了一個新的因素。如果設(shè)計者能把這新武器加以運用的話，必然使創(chuàng)意得到很好的發(fā)揮。

三、網(wǎng)頁設(shè)計與數(shù)字化生活的關(guān)系

（一）交互是數(shù)字化的標(biāo)志

交互性，是指程序可以對人類的指令產(chǎn)生反映，有返回的信息，簡單的說，就是可以交流。數(shù)字技術(shù)發(fā)展至今，網(wǎng)絡(luò)不僅僅是可以瀏覽信息和傳送信息，更重要的是可以智能化的對用戶的指令做出反應(yīng)。最簡單的例子，就是搜索引擎。在網(wǎng)頁設(shè)計的時候有的時候為了方便用戶的信息檢索，都會加入一定范圍內(nèi)的搜索引擎。搜索引擎的發(fā)展是基于數(shù)據(jù)庫技術(shù)的介入，只要你輸入你想要的部分信息，或者只是對你需要信息的描述，搜索引擎就會在數(shù)據(jù)庫中尋找匹配的信息，然后返回一個結(jié)果給查詢者。當(dāng)然，時至今日更多的數(shù)字交互技術(shù)產(chǎn)生了，并迅速應(yīng)用到網(wǎng)絡(luò)中。交互網(wǎng)絡(luò)游戲，網(wǎng)絡(luò)交易平臺，網(wǎng)絡(luò)信息中心，網(wǎng)絡(luò)數(shù)據(jù)庫，網(wǎng)絡(luò)資料庫等等交互形式都產(chǎn)生了。這就要求網(wǎng)頁設(shè)計者，要不斷更新自己的知識，能夠靈活地把新興數(shù)字技術(shù)更高的應(yīng)用到設(shè)計中。

（二）網(wǎng)絡(luò)及其數(shù)字化應(yīng)用已經(jīng)滲透到各個方面

微信，自媒體，這都是時下最流行的字眼，它們帶來的是什么呢？WWW，美麗的新世界。從開始的電話撥號到ISDN一線通一直到現(xiàn)在的ADSL甚至以后的光纖和移動終端接入，我們通過不同的方式進入這個偉大的虛擬的世界。萬維網(wǎng)誕生的時候，就是美軍為了情報交流的小型網(wǎng)絡(luò)，而今天它已經(jīng)是如蜘蛛網(wǎng)般覆蓋全球了。它的主要功能是也不只是在軍事上，更滲透到我們生活的各個方面。移動新聞中心，隨時隨地與世界接軌，不用看報紙，盡知天下事。微信，在2011年1月21日推出，可以為智能終端提供即時通訊服務(wù)的免費應(yīng)用程序。它跨平臺、跨操運營商，通過網(wǎng)絡(luò)實現(xiàn)快速通信，具有非常強大的社交功能。數(shù)字娛樂，你可以在網(wǎng)絡(luò)上找到任何你需要的數(shù)字視頻和數(shù)字音頻。自從流（STREAM）媒體技術(shù)產(chǎn)生之后，人們不一定要把影音文件下載完了在看，而可以邊下載邊看，進而實現(xiàn)了在線觀看。網(wǎng)絡(luò)游戲是數(shù)字娛樂的另外一個重要組成部分?，F(xiàn)在玩游戲并不只是一個消遣，游戲現(xiàn)在是一個產(chǎn)業(yè)，每年都有種各樣的電子競技比賽，越來越多的人成了職業(yè)玩家，職業(yè)選手。企業(yè)信息化，企業(yè)上網(wǎng)目前無疑是每個企業(yè)的首要任務(wù)。這就要求網(wǎng)頁設(shè)計者能很好地為企業(yè)服務(wù)，能夠設(shè)計出美觀而又富有個性的網(wǎng)站。同時企業(yè)在網(wǎng)絡(luò)上的業(yè)務(wù)現(xiàn)在也有很大發(fā)展空間，甚至現(xiàn)今有的企業(yè)所有的業(yè)務(wù)都是在網(wǎng)絡(luò)上完成的。當(dāng)然數(shù)字技術(shù)對我們的滲透還不只于此，政府上網(wǎng)，遠(yuǎn)程醫(yī)療，遠(yuǎn)程家庭管理等等都是新技術(shù)的應(yīng)用方面。眾多的數(shù)字技術(shù)應(yīng)用到網(wǎng)絡(luò)中，這就給網(wǎng)頁設(shè)計者提出了更高的要求。一方面，他們要不斷的充實自己，熟練地掌握新技術(shù)的應(yīng)用方法。另一方面，他們還必須把握網(wǎng)頁的主題，不能單純?yōu)榱遂乓夹g(shù)來設(shè)計網(wǎng)頁。畢竟，所有的技術(shù)都是為內(nèi)容服務(wù)的。

（三）數(shù)字化網(wǎng)絡(luò)展望

未來的世界必然是網(wǎng)絡(luò)的世界，人類的數(shù)字化生存已經(jīng)成為可能。隨著人工智能，嵌入式系統(tǒng)，系統(tǒng)等新技術(shù)成熟后，網(wǎng)頁設(shè)計技術(shù)又將產(chǎn)生新的變革。未來的網(wǎng)絡(luò)技術(shù)必將更加多樣化，藍(lán)牙技術(shù)，無線網(wǎng)絡(luò)，衛(wèi)星網(wǎng)絡(luò)的應(yīng)用，使人們上網(wǎng)不在受時間、空間的限制。納米技術(shù)等新技術(shù)的應(yīng)用，必將是PC的性能產(chǎn)生飛躍，網(wǎng)絡(luò)帶寬的技術(shù)瓶頸將不復(fù)存在。

四、結(jié)論

篇8

教學(xué)過程是由“教”與“學(xué)”雙方面組成的，但我們在實際的教學(xué)過程中，往往忽視“教”的環(huán)節(jié)。我院在網(wǎng)頁設(shè)計課程教學(xué)中，充分考慮高職學(xué)生的素質(zhì)現(xiàn)狀，以美國Macromedia公司的網(wǎng)頁制作系列軟件Dreamweaver MX2004、Flash MX 2004和Fireworks MX 2004 為主要教學(xué)內(nèi)容，著眼于每個軟件和工具中最實用的部分，分別用大量實例由淺入深地介紹使用這些軟件設(shè)計、制作網(wǎng)頁和創(chuàng)建網(wǎng)站的方法，盡可能讓學(xué)生在最短的時間內(nèi)掌握制作網(wǎng)站的方法。同時，現(xiàn)在的計算機教學(xué)也對教師提出了更高的要求，要求計算機專業(yè)教師在教學(xué)過程中必須不斷加強專業(yè)學(xué)習(xí)，更新知識結(jié)構(gòu)，真正在教學(xué)中做到內(nèi)容精煉、語言淺顯易懂、操作講解詳盡、素材豐富、重點突出。

二、任務(wù)驅(qū)動法的實施

1.任務(wù)確定

任務(wù)驅(qū)動法的實施是在充分考慮教學(xué)目標(biāo)的前提下，仔細(xì)調(diào)查、了解所任教班級學(xué)生的計算機基礎(chǔ)知識掌握現(xiàn)狀，在講述原理、技術(shù)的同時，設(shè)計有針對性的任務(wù)，使學(xué)生在實踐中掌握網(wǎng)頁設(shè)計與制作的知識。在此階段可根據(jù)學(xué)生的知識層次，采用分層教學(xué)法與任務(wù)驅(qū)動法結(jié)合的方式，對不同層次的學(xué)生布置不同難易程度的任務(wù)。

2.任務(wù)驅(qū)動

教師布置任務(wù)，既要緊扣教學(xué)內(nèi)容，又要及時給學(xué)生以必要的幫助與指導(dǎo)。以使用Flash MX 2004繪制矢量圖為例，該任務(wù)根據(jù)創(chuàng)建Flash圖形和文本的能力要求，繪制出符合要求的矢量圖形，分別涉及創(chuàng)建Flash圖形和文本中使用Flash創(chuàng)建圖形、編輯圖形色彩、處理Flash文本等內(nèi)容。實施步驟是：首先教師指導(dǎo)學(xué)生打開Flash MX 2004軟件，在工具欄中使用線條工具，繪制3條線段，呈倒三角形，然后使用選擇工具將線條拖出一定的弧度，再使用部分選取工具拖動弧線的頂點，完成后即形成人物臉部的簡單輪廓；然后要求學(xué)生繪制更多的線條，使用線條的寬度為2（在繪制中注意，部分選取工具特別要注意一些小細(xì)節(jié)方面，如線條的弧度）；使用顏料桶工具在頭發(fā)中填充棕色#4E1616，通過進一步的修飾，強調(diào)人物的形象；然后指導(dǎo)學(xué)生繪制人物的眼睛與其他色彩填充部分，接著使用圓形繪圖工具繪制一個無邊框的圓形，在此基礎(chǔ)上繪制出月亮、星星，最后創(chuàng)建文本對象，完成任務(wù)。在此過程中，學(xué)生由簡單任務(wù)入手并逐漸深入，既掌握了該章節(jié)知識，也為后續(xù)學(xué)習(xí)做好了準(zhǔn)備。

3.反饋評價

篇9

對于視覺元素這一名詞的闡述，我們可以說是能夠用我們眼睛看到的一切事物或標(biāo)志。舉個例子就像拍攝、電視、影視、造型藝術(shù)、建筑物、棄取計劃、都會修建和棄取科學(xué)、筆墨，也包羅舞臺計劃、音樂。上述所提及的都可以被我們的眼睛所捕捉，所以它們的本質(zhì)上都可以說是視覺元素。在上文我們可以得出，視覺元素的存在是非常非常普遍的。而在網(wǎng)頁計劃中，視覺元素通常以筆墨、圖片、圖象、標(biāo)識，色彩等情勢要素和題目、信息菜單、信息正文、口號、單位名稱等內(nèi)容要素表現(xiàn)出來。視覺元素融入網(wǎng)頁設(shè)計，索要遵守的規(guī)則就是必須要經(jīng)過網(wǎng)絡(luò)才可以進行傳播，也就是說沒有了網(wǎng)頁的支持，它無法發(fā)揮自己的作用，向人們傳播。傳布信息，便是說信息的發(fā)起者應(yīng)用標(biāo)記向接收者傳布諜報的進程。它可所以個別自己的轉(zhuǎn)達，也多是個別與個別之間的轉(zhuǎn)達。它包含“人物”、“信息”、“傳達人群”、“成果以及反響如何”這四個階段。這也是發(fā)起者把思想與設(shè)計觀念轉(zhuǎn)換成視覺元素的階段，就是概念視覺化的過程，貫穿和聯(lián)結(jié)這兩個過程的就是視覺元素。

2網(wǎng)頁中的視覺元素探討

2.1網(wǎng)頁中的視覺元素分析

網(wǎng)頁計劃中的視覺元素主如果筆墨、圖片與色彩這三大范例。上述三種元素之所以被劃分為網(wǎng)頁設(shè)計中的視覺元素，是因為它們所存在的一個共性，不論是文字、圖片還是色彩，它們都是眼睛可以直接接收的最簡潔的元素?？梢灾苯拥拇碳さ饺藗兊难矍?，起到更瞬間的宣揚反應(yīng)。近幾年中，視覺元素的運用更好的融入到了網(wǎng)頁的設(shè)計中，讓網(wǎng)頁設(shè)計變得更加紛繁復(fù)雜，多姿多彩。

2.2網(wǎng)頁設(shè)計中視覺元素特點

第一，在網(wǎng)頁計劃中的視覺元素，最基本的特色便是具備注視性，這一特色是網(wǎng)頁計劃中視覺元素最主要的特色，也是表現(xiàn)網(wǎng)頁計劃最基本寄義的特色。因為，網(wǎng)頁的設(shè)計便是滿足人們獲取信息的便捷性，增強了解性，只有保證網(wǎng)頁具有一定的注目性，才能勾起讀者的興趣，讓人們有想要去瀏覽的欲望。最終達成制作網(wǎng)頁的最根本的目的。其次，適應(yīng)性是網(wǎng)頁計劃視覺元素具備的另外一特色。網(wǎng)頁中提及的適應(yīng)性，指的是在網(wǎng)頁之中的視覺元素應(yīng)該是隨著外在的環(huán)境不斷的提升并發(fā)生改變的，已達到適應(yīng)外部環(huán)境的目的。由于我們處在的是這樣一個信息發(fā)展提升的時代，所以唯有確保網(wǎng)頁設(shè)計中的視覺元素一直是向新時代前進的，增加全新的資料以及元素，才會讓網(wǎng)頁的瀏覽量進一步提升，適應(yīng)好我們所處在的這樣一個時代。第三，網(wǎng)頁計劃中視覺元素還具有被記憶性的特色。這一特色的發(fā)生，主要基于視覺元素的引人注目性和適應(yīng)性特色。第一，視覺元素?zé)o疑是可以起到刺激眼球的作用的，所以可以從根本上刺激人們?nèi)ラ喿x網(wǎng)頁上的內(nèi)容，在這樣的同時，就會使人們記住這些元素，有了元素記憶。然后，這些視覺元素能夠不斷進行新的變化，反之又促進其注目性的提高，并且在這兩方面的共同作用下，使人們對網(wǎng)頁的記憶更加深刻。

3視覺元素在網(wǎng)頁設(shè)計中的運用

3.1文字視覺元素在網(wǎng)頁設(shè)計中的應(yīng)用

從文字開始被創(chuàng)造出來，一直到如今社會，它都是我們文化中重要的符號形式。而在網(wǎng)頁設(shè)計中，文字自然也是必不可少的組成部分，地位非常重要。網(wǎng)頁設(shè)計里面，文字符號其實不僅僅被作為一種符號語言，更重如果被作為一種記實和傳布信息的東西。進行網(wǎng)頁設(shè)計的時候，對文字的大小排序進行合理安排，用多種形式的文字表達去編輯資料、網(wǎng)頁和信息，讓文字不單單起到傳播信息的作用，更作為一種藝術(shù)和文化，去帶給人們享受。要想是文字變得具有視覺效果，完成上述所說的對文字的變革，可以在編輯網(wǎng)頁時采用藝術(shù)字的方式，讓文字告別呆板，讓其表現(xiàn)形式更加的動人多樣，大小顏色吸引眼球。

3.2圖像視覺元素在網(wǎng)頁設(shè)計中的應(yīng)用

圖片在網(wǎng)頁中的應(yīng)用中也是極其重要的，扮演著極其重要的角色，圖片在網(wǎng)頁編輯中也占據(jù)了很大的一個篇幅，和上文的文字元素比較起來，圖片所占的優(yōu)勢更加大，視覺效果也更佳。如果在網(wǎng)頁里運用了視覺效果較強的圖片，還會在一開始就給人留下很深的印象，產(chǎn)生的效果是立竿見影的。對于所說的圖片的視覺效果更加強一些，并不是就否認(rèn)了文字在網(wǎng)頁中所發(fā)揮的效果，文字也是同樣重要的。一般情況下，圖片的解釋說明少不了文字的參與，文字可以輔助圖片吧效果發(fā)揮的更加淋漓盡致，有助于信息的快速傳達。同時，這樣一來不但可以使信息很好的傳播了出去，也增強了其印象，讓網(wǎng)頁更加生動。

3.3色彩視覺元素在網(wǎng)頁設(shè)計中的應(yīng)用

顏色視覺元素是網(wǎng)頁計劃中必不可少的一種視覺元素。色彩本身就具有其自身的獨特特性，同時還具備極佳的視覺效果。額昂也設(shè)計中色彩的運用，主要目的就是提升文字的解釋能力以及增強視覺上的刺激，對特定的文字以及圖片增添色彩，可以讓文字與圖像達到更好的表現(xiàn)效果，讓網(wǎng)頁的整體質(zhì)量不斷的升高。視覺效果更加的顯著。此外，色彩自身還具備很多獨特的性質(zhì)和效應(yīng)，并且每種色彩都具有不同的作用，例如綠色能夠給人舒爽的感覺，代表著大自然的清新，是青春和希望的象征;紅色象征著熱情、奔放和活力等等。

4結(jié)束語

篇10

動態(tài)網(wǎng)頁設(shè)計應(yīng)考慮將中國傳統(tǒng)文化元素融入其中，比如，中國傳統(tǒng)的水墨畫、自然風(fēng)景圖片、中國傳統(tǒng)書法藝術(shù)字等。將動態(tài)網(wǎng)頁與這些富有中國特色的傳統(tǒng)文化元素相結(jié)合，可以給網(wǎng)頁設(shè)計師提供新的設(shè)計思路。計算機網(wǎng)頁設(shè)計工程師可以將其當(dāng)成一種新的設(shè)計符號，利用現(xiàn)代計算機技術(shù)，加入可以襯托背景的聲音或文字，例如，水墨畫旁邊加入印章或動態(tài)毛筆字，山水背景圖或自然風(fēng)光圖片加入鳥鳴或潺潺流水的聲音，就可以起到很好的藝術(shù)效果。這樣的設(shè)計可以給大眾不一樣的感受，給瀏覽者身臨其境的感覺。

2動態(tài)網(wǎng)頁與高科技元素結(jié)合

2.1網(wǎng)頁設(shè)計中的三維視覺效果

動態(tài)網(wǎng)頁與高科技元素結(jié)合的一個最典型例子就是動態(tài)網(wǎng)頁與3D技術(shù)元素的結(jié)合。3D技術(shù)元素可以在網(wǎng)頁設(shè)計界面產(chǎn)生三維視覺效果，使畫面更加立體逼真。以往的網(wǎng)頁圖形界面是基于平面設(shè)計和固定的模式結(jié)構(gòu)，在網(wǎng)頁設(shè)計界面加入3D技術(shù)元素后，可以憑借3D立體效果中的圖片、圖標(biāo)或者導(dǎo)航條，利用光感質(zhì)感層次體量等多方面的優(yōu)勢，起到比一般的二維視覺效果圖更加立體直觀的視覺效果，給人以強烈的視覺感染力和沖擊力。通常動態(tài)網(wǎng)頁加入3D技術(shù)的操作方法是在網(wǎng)頁設(shè)計界面中的各種視覺元素，比如站點、文字、圖片、圖表、圖標(biāo)、導(dǎo)航條、菜單欄、超鏈接、按鈕及各種交互式動畫中添加3D視覺效果。瀏覽者在訪問一個網(wǎng)址時首先會感知所瀏覽網(wǎng)頁的設(shè)計風(fēng)格，其次會注意到網(wǎng)頁的色彩搭配、色調(diào)的調(diào)和和圖形圖像的運用等。

2.2高科技技術(shù)的應(yīng)用前景

人們對于互聯(lián)網(wǎng)技術(shù)的開發(fā)和應(yīng)用探索是不斷向前的，新一代網(wǎng)頁文檔語言是網(wǎng)頁開發(fā)技術(shù)的一大飛躍，它將網(wǎng)絡(luò)技術(shù)帶入了多媒體綜合運用的時代，視頻、音頻、圖像、動畫隨著高科技的發(fā)展和應(yīng)用都被帶入了標(biāo)準(zhǔn)化和同步化［2］。總之，各種網(wǎng)絡(luò)技術(shù)的升級和新的高科技技術(shù)的應(yīng)用給網(wǎng)頁的標(biāo)準(zhǔn)化設(shè)計提供了強大的技術(shù)層面的支持，使得網(wǎng)頁更富有現(xiàn)代科技魅力，同時，新的網(wǎng)頁高科技設(shè)計技術(shù)又促進人們對新科技的追求，加速了高科技技術(shù)的應(yīng)用與發(fā)展，因此，高科技技術(shù)在動態(tài)網(wǎng)頁設(shè)計上的應(yīng)用前景是廣泛的。

2.3web3D技術(shù)和其他相關(guān)科技設(shè)計技術(shù)的限制

網(wǎng)頁標(biāo)準(zhǔn)化開發(fā)日趨規(guī)范和完善，各相關(guān)技術(shù)的開發(fā)提供了更加穩(wěn)健和廣闊的平臺，盡管相關(guān)網(wǎng)頁設(shè)計中的許多高科技元素的發(fā)展有著廣闊的前景，但仍會因各個方面因素的限制而受到制約。例如，網(wǎng)絡(luò)帶寬、處理器速度以及計算機各種硬件、軟件發(fā)展水平等，還存在3D文件格式限制和渲染引擎等諸多問題。不過這些問題隨著各種高科技技術(shù)的不斷發(fā)展和完善，將逐漸得到有效解決。我們會瀏覽到更多具有真實感的三維立體視覺效果的網(wǎng)頁。

3動態(tài)網(wǎng)頁與現(xiàn)代科學(xué)元素相結(jié)合

3.1動態(tài)網(wǎng)頁與肌理元素結(jié)合

動態(tài)網(wǎng)頁的最大優(yōu)勢就是它具有多媒體性和動態(tài)變化性，動態(tài)網(wǎng)頁中包括了各種可以展現(xiàn)多媒體功能的特點，例如，文字、圖像、聲音、動畫等，這些功能特點為肌理元素的結(jié)合提供了廣闊的空間。肌理元素與動態(tài)網(wǎng)頁結(jié)合運用，特別是在動態(tài)網(wǎng)頁中的聲音、版式、色調(diào)方面的有機結(jié)合，會使動態(tài)網(wǎng)頁更加具有強烈的藝術(shù)感染力，給人深刻的印象，從而以最高效的方式傳播設(shè)計者想要表達的信息。

3.2肌理元素應(yīng)用原則

第一，肌理元素的應(yīng)用要凸顯出統(tǒng)一與對比的效果。藝術(shù)的表現(xiàn)形式是對比與統(tǒng)一的整體效果的體現(xiàn)，為了增強動態(tài)網(wǎng)頁的藝術(shù)魅力，應(yīng)該結(jié)合肌理原理統(tǒng)一與對比效果，為動態(tài)網(wǎng)頁增加藝術(shù)表達效果。動態(tài)網(wǎng)頁在肌理元素中的應(yīng)用，應(yīng)該堅持對比與統(tǒng)一的手法，在對比中堅持統(tǒng)一的原則，在同一種堅持突出重點。突出肌理的材質(zhì)與顏色，進而達到所要表現(xiàn)的效果。第二，網(wǎng)頁的風(fēng)格要與肌理協(xié)調(diào)。肌理一般運用在某個網(wǎng)頁的局部，主要目的是將所要表達的內(nèi)容傳播給瀏覽者，不同的肌理表現(xiàn)給瀏覽者的感覺是截然不同的，因此肌理結(jié)合的選擇必須符合網(wǎng)頁的內(nèi)容和網(wǎng)頁的設(shè)計風(fēng)格，簡而言之，設(shè)計者在設(shè)計時想要表達給瀏覽者哪些信息，就應(yīng)該選擇相應(yīng)的肌理元素加以應(yīng)用。

3.3肌理元素所體現(xiàn)的特點

第一，互交性。肌理元素在網(wǎng)頁設(shè)計方面所體現(xiàn)的最大特點是互交性，用戶可以通過超連接在自己喜歡的內(nèi)容之間調(diào)轉(zhuǎn)，選擇自己需要的信息。網(wǎng)絡(luò)的互交性滿足了人們個性化的需求，人們可以根據(jù)自己的愛好隨意更改網(wǎng)頁的外觀，自由選擇版式、外觀、導(dǎo)航條，甚至肌理，使網(wǎng)頁更具有人性化和風(fēng)格化。第二，有機結(jié)合性。肌理元素更加具有有機結(jié)合性的特點，特別是結(jié)合相關(guān)的其他元素，并與其一起發(fā)揮效果，使網(wǎng)頁具有視覺感和層次感。

4結(jié)語