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

篇1

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

二、網頁設計不應打破慣例

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

三、設計層面之間的邏輯聯系

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

四、結語

篇2

關鍵詞:網頁設計視覺心理因素構成要素視覺流程

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

本文將試析商業網頁設計視覺因素的心理規律，揭示商業網頁設計如何通過視覺心理因素更有效、更合理的表現與傳達信息。展現企業形象、介紹產品和服務、體現企業發展戰略。

一、商業網頁設計中點、線、面視覺心理因素的運用

點、線、面是商業網頁設計基本的視覺元素，是表現視覺形象的基本設計語言。從視覺角度看網頁設計主要是如何經營好三者的關系，因為不管是任何視覺形象或者版式構成，歸結到底，都可以歸納為點、線和面。

1.網頁設計造型要素中的點

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

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

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

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

2.網頁設計造型要素中的線

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

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

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

3.網頁設計造型要素中的面

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

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

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

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

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

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

三、商業網頁設計中動、靜的視覺心理因素的運用

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

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

商業網頁設計中要注意處理好動靜的關系，要整體和諧統一，給人生動而不躁動或厭惡感。同時還要遵循動態性原則與交互性原則。

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

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

四、商業網頁設計中視覺流程心理因素的運用

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

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

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

參考文獻:

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

[2]趙殿澤:構成藝術[M].沈陽:遼寧美術出版社，1994

篇3

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

二、圖形元素

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

三、色彩元素

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

四、版式設計

篇4

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

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

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

3遵循高職教學規律，加強和改進教學工作

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

3．1網頁設計與制作課程的教學思路

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

3．2網頁設計與制作課程的教學方法

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

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

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

4明確教學目標，把握教學內容

4．1選擇合適的網頁制作工具

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

4．2要求學生能夠利用Dreamweaver設計各種網頁，開發初具規模的網站

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

5考核方式

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

6社會實踐

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

7總結

篇5

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

2新技術網絡

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

3結論

篇6

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

二、課程教學目標的重新確定

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

三、課程內容的調整

視覺傳達專業網頁設計課程教學內容應該為教學目標服務，知識結構要合理，應注意知識點之間的交叉及有機結合，同時也要有效地培養學生的創新性思維及獨立分析、解決問題的能力。基于此，新的教學內容調整為兩大板塊：理論課程內容和實踐課程內容。

1.理論課程內容

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

2.實踐課程內容

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

（1）軟件操作和簡單代碼學習板塊的教學

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

（2）實際案例制作教學

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

四、結語

篇7

（一）強調整體與局部的關系

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

（二）內容與形式的統一

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

（三）主題與風格的鮮明

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

二、網頁設計的特點及其數字化應用

（一）交互性、持續性、數字化

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

（二）數字媒體的綜合性

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

（三）數字與技術的結合，技術與藝術的結合

設計是受主觀因素和客觀因素的共同支配的。主觀方面就是人的創意、思想，客觀因素就是設計者的知識結構、各種軟、硬件條件、網絡條件等等。一個優秀的設計者應該可以在客觀條件一定的情況下，最大化發揮自己的思想，取得最大的藝術效果。現在新的數字技術加入了，在客觀層面上就出現了一個新的因素。如果設計者能把這新武器加以運用的話，必然使創意得到很好的發揮。

三、網頁設計與數字化生活的關系

（一）交互是數字化的標志

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

（二）網絡及其數字化應用已經滲透到各個方面

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

（三）數字化網絡展望

未來的世界必然是網絡的世界，人類的數字化生存已經成為可能。隨著人工智能，嵌入式系統，系統等新技術成熟后，網頁設計技術又將產生新的變革。未來的網絡技術必將更加多樣化，藍牙技術，無線網絡，衛星網絡的應用，使人們上網不在受時間、空間的限制。納米技術等新技術的應用，必將是PC的性能產生飛躍，網絡帶寬的技術瓶頸將不復存在。

四、結論

篇8

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

二、任務驅動法的實施

1.任務確定

任務驅動法的實施是在充分考慮教學目標的前提下，仔細調查、了解所任教班級學生的計算機基礎知識掌握現狀，在講述原理、技術的同時，設計有針對性的任務，使學生在實踐中掌握網頁設計與制作的知識。在此階段可根據學生的知識層次，采用分層教學法與任務驅動法結合的方式，對不同層次的學生布置不同難易程度的任務。

2.任務驅動

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

3.反饋評價

篇9

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

2網頁中的視覺元素探討

2.1網頁中的視覺元素分析

網頁計劃中的視覺元素主如果筆墨、圖片與色彩這三大范例。上述三種元素之所以被劃分為網頁設計中的視覺元素，是因為它們所存在的一個共性，不論是文字、圖片還是色彩，它們都是眼睛可以直接接收的最簡潔的元素。可以直接的刺激到人們的眼球，起到更瞬間的宣揚反應。近幾年中，視覺元素的運用更好的融入到了網頁的設計中，讓網頁設計變得更加紛繁復雜，多姿多彩。

2.2網頁設計中視覺元素特點

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

3視覺元素在網頁設計中的運用

3.1文字視覺元素在網頁設計中的應用

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

3.2圖像視覺元素在網頁設計中的應用

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

3.3色彩視覺元素在網頁設計中的應用

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

4結束語

篇10

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

2動態網頁與高科技元素結合

2.1網頁設計中的三維視覺效果

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

2.2高科技技術的應用前景

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

2.3web3D技術和其他相關科技設計技術的限制

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

3動態網頁與現代科學元素相結合

3.1動態網頁與肌理元素結合

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

3.2肌理元素應用原則

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

3.3肌理元素所體現的特點

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

4結語