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

篇1

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

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

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

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

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

四、結(jié)語(yǔ)

篇2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

參考文獻(xiàn):

[1]李彬彬:設(shè)計(jì)效果心理評(píng)價(jià)[M].北京:中國(guó)輕工出版社,2005.1

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

篇3

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

二、圖形元素

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

三、色彩元素

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

四、版式設(shè)計(jì)

篇4

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

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

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

3遵循高職教學(xué)規(guī)律，加強(qiáng)和改進(jìn)教學(xué)工作

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

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

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

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

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

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

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

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

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

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

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

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

5考核方式

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

6社會(huì)實(shí)踐

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

7總結(jié)

篇5

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

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

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

3結(jié)論

篇6

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

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

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

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

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

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

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

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

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

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

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

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

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

四、結(jié)語(yǔ)

篇7

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

四、結(jié)論

篇8

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

二、任務(wù)驅(qū)動(dòng)法的實(shí)施

1.任務(wù)確定

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

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

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

3.反饋評(píng)價(jià)

篇9

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

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

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

網(wǎng)頁(yè)計(jì)劃中的視覺元素主如果筆墨、圖片與色彩這三大范例。上述三種元素之所以被劃分為網(wǎng)頁(yè)設(shè)計(jì)中的視覺元素，是因?yàn)樗鼈兯嬖诘囊粋€(gè)共性，不論是文字、圖片還是色彩，它們都是眼睛可以直接接收的最簡(jiǎn)潔的元素?？梢灾苯拥拇碳さ饺藗兊难矍颍鸬礁查g的宣揚(yáng)反應(yīng)。近幾年中，視覺元素的運(yùn)用更好的融入到了網(wǎng)頁(yè)的設(shè)計(jì)中，讓網(wǎng)頁(yè)設(shè)計(jì)變得更加紛繁復(fù)雜，多姿多彩。

2.2網(wǎng)頁(yè)設(shè)計(jì)中視覺元素特點(diǎn)

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

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

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

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

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

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

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

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

4結(jié)束語(yǔ)

篇10

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4結(jié)語(yǔ)