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

篇1

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

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

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

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

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

四、結語

篇2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

參考文獻:

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

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

篇3

1移動搜索的特點

首先，移動搜索具有可用性特點。移動設備可用性包括：界面可視性、導航、內容等。網頁界面可用性表現為同一窗口中內容要精簡，按內容的重要性排列顯示；網頁版面布局要方便用戶更容易地接收信息等。其次，移動搜索具有可訪問性特點。移動搜索用戶與桌面搜索用戶相比，對搜索結果的關注度更高。移動用戶更多的是搜索能解決身邊的問題，諸如餐飲、旅游、公交等，主要關注生活服務類、健康保健類、教育培訓類這三類信息，因此移動SEO的需求主要是針對這些網站的搜索引擎優化。

2根據移動搜索特點的網頁移動化策略網頁移動化策略有兩個

(1)響應式網頁設計。

(2)搜索引擎開放適配服務，抓取移動資源。響應式網頁設計(Responsivewebdesign)是一種網頁設計的方法，該設計可使網站從桌面電腦顯示器到移動設備上適合閱讀和導航。響應式網頁設計就是能夠用一套樣式，使網站的頁面能夠在不同分辨率的屏幕下都有很好的表現形式。百度的移動資源有兩種抓取方式，一是通過傳統的蜘蛛(spider)抓取，另一種是通過百度提供的“開放適配”服務。目前百度開放適配服務共提供三種方案：自主適配、標注Meta聲明、提交對應關系Sitemap。按照百度官方的定義用“開放適配”的抓取速度會優于傳統的網頁抓取。

二移動端網站優化的規則和策略

1百度移動搜索結果的排名標準百度鼓勵mobile資源，根據百度移動搜索結果的排名標準

(1)檢索友好性，其友好性判斷標準是網站有沒有可以匹配移動設備的HTML5結構。

(2)有完整的功能/服務滿足用戶需求，保證內容/服務的穩定可用，保證訪問速度及到達率。

(3)移動化交互體驗，符合移動終端特性。

(4)使用規范的html5/xhtml協議語言。

2移動端搜索結果的排名策略

移動端網站優化打破傳統網站的優化方式，移動端搜索結果的排名策略主要由基礎相關性、資源質量、檢索友好性三個部分組成。手機頁面進行適配，移動網站的DOCTYPE聲明有助于搜索引擎識別該頁面是否適合手機瀏覽，mobile頁面協議編寫如果不規范，會造成百度無法正常識別。<!DOCTYPE>聲明應該位于文檔中的最前面的位置，處于<html>標簽之前，其聲明格式。

三基于移動搜索的網頁優化

面對移動搜索市場，移動用戶需求與標準的桌面搜索需求是不同的，移動用戶更傾向于即時需求，移動搜索與桌面搜索相比，具有：

(1)在移動設備上的小屏幕，可能只能出現5個搜索結果。

(2)移動搜索查詢往往極短，查詢的關鍵詞也比傳統桌面搜索更少。

(3)移動搜索查詢結果受到字數限制。例如，PC端和移動端搜索結果,PC端30多個中文漢字才截斷，移動端不到20個字就截斷。

1移動端網站樣式表的優化

制作的一個移動樣式表單，稱之為“handheld.css”，這個CSS可以把傳統網頁格式化為移動設備可以瀏覽的網頁。<linkrel="stylesheet"href="css/handheld.css"type="text/css"media="handheld"/>如果客戶端是手機等移動設備時，就會載入這個css樣式表。

2移動端網頁標簽的優化

(1)meta標簽優化，使用標注meta聲明開放適配協議。站長在站點PC頁的源代碼頭部嵌入一行或多行Meta信息，由Meta信息來指明該PC頁對應的手機頁的URL。Meta聲明的格式：<metahttp-equiv="mobile-agent"content="format=[wml|xhtml|html5];url=url">

(2)描述標簽(description)的優化，使用description目的是用來說明頁面的主體內容。描述標簽也會被顯示在搜索結果當中被用戶所見。

(3)jquery標簽的優化，提升移動用戶的使用體驗。例如，滑動切換圖片相比于自動切換和點擊切換，滑動切換增強了用戶操作的主動性、隱藏標簽和顯示標簽實現動畫效果，同時提升了切換的便捷性。

3移動端頁面結構的優化

使用三層的頁面結構。由于移動端是直接用手指操作，需要響應元素點擊區域要相對明顯，布局上可以多上下排列。移動網站的頁面加載速度要比普通網頁加載速度慢，所以減少頁面數量非常重要。用戶是不會有耐心不斷打開網頁上的，所以盡可能簡化網站的布局也是很重要。一個標準的移動站應該包含首頁、列表頁和詳情頁三種類型，頁面類型及層級不超過三個，保證簡單、高效的用戶體驗。使用盡量淺的頁間結構，減少用戶點擊次數，提升瀏覽體驗，

4移動端網頁導航的優化

網頁導航可用性表現為用戶能快速地找到所需的信息，是用戶體驗的重要實現方式。移動網站可以采用的導航種類較PC端要少，按照范圍的不同，可以分為三大類：結構性導航、關聯性導航和公用程序導航，一般首頁導航可以分為導航式和內容式兩種，導航式因其風格簡潔可起到快速傳達品牌形象的作用；內容式因其豐富的內容，可快速傳遞信息，Fig.3Thehomepagenavigationandcontenttypestructure通過導航，用戶可以知道所在頁面在整個網站中的位置，在移動端導航中盡量使用文字鏈接，不要使用復雜的js或者flash。使用圖片做導航時，可以使用Alt告訴搜索引擎所指向的網頁內容。

5移動端網頁屏幕分辨率的自適應

移動端網站的頁面需做到以下三點：一是頁面隨屏幕寬度變化，無橫向滾動條；二是屏幕不放大時，能清晰瀏覽內容，文字大小不低于12像素；三是屏幕不放大時，按鈕、鏈接等點擊方便，按鈕尺寸不能過大或過小。

四結論

篇4

（一）點、線、面有效結合

點、線、面是視覺構成的基本要素，網頁的所有信息都是通過點、線、面的合理搭配出來的效果，因此，要提高網頁的視覺效果，首先就要從這三者的結合上來分析。例如：在點的運用中，工作者可以通過將點聚合或者離散使用，從而達到動靜態結合的效果，滿足用戶的需求。另外，通過點的有效結合形成線，線之間交叉使用，虛實線的結合、線的明暗漸變等，讓整個網頁的版面形成大概的輪廓，達到版面的基本效果。

（二）圖文、色彩的合理搭配

在網頁設計中，圖文、色彩也是必不可少的視覺構成因素，不同的圖文、色彩搭配達到的網頁效果就會千差萬別。所以，設計者要想提高網頁的視覺效果，還需要將更多的精力放在圖文與色彩的合理搭配上。在選擇網頁的圖片、文字、色彩等信息時需要與網頁的主題結合起來。所選的文字、圖片要具有代表性，能夠體現出網頁的主題，選擇的色彩更應該科學合理，對于比較柔情的網站可以選擇淡粉色，而對于某些具有科技研究性能的網站要選用藍色、綠色等有生機的色調來渲染。另外，所選的色彩還需要合理搭配才能體現出網站的主題，同色調的搭配、相似色調的搭配、反差大的色調搭配以及主色調的選擇、輔色調的選擇等都要設計者仔細掂量，并將網站的主題結合進來，才能讓網頁的視覺效果吸引用戶的眼球。

（三）將用戶的認知習慣合理的結合起來

不同的用戶具有不同的思維習慣，他們的審美觀也各不相同，要想讓用戶對網頁的設計效果滿意，還需要將他們的認知習慣科學合理地結合到網頁設計的過程中。設計者不僅要具有良好的專業素質，還要具有明確用戶需求、了解用戶認知習慣的能力，才能將各種網頁設計中的視覺構成要素科學系統地結合起來，達到設計網頁的效果，達到用戶的需求。

二、結語

篇5

元素水墨畫是中國傳統藝術表現形式中最具有民族氣息、蘊含著東方精神的畫種，它具備了古代和現代人都能夠理解的相同的文化內涵。因此，著重分析水墨畫的表現元素對網頁設計起著非常重要的作用。下面筆者就結合水墨畫的藝術形式，分析水墨動畫在網頁設計中的應用。

1.構圖方面網頁設計是由簡單的構圖開始的。不論如何巧妙的構思都要通過構圖轉變成視覺語言傳遞給受眾。網頁設計中不同的構圖形式所表現出來的意味和給人的心理感受是不一樣的。而構圖在水墨畫中也起著不容忽視的作用。為了營造具有獨特韻味的藝術情景，水墨畫非常注重構圖的技巧，多采用散點透視，這種構圖方式不受視覺范圍的約束，更利于創作者將內容豐富化、生動化，更利于其在畫作中表達自己的情感。將這點應用到網頁設計當中，為網頁設計的構圖提供了更靈活的空間。水墨畫講究“計白當黑”，也就是在構圖時會特意留出大小、主次、疏密程度不同的空白，給人留有想象的空間，做到虛實結合，這樣不但可以增加作品的靈動感，還能夠開闊藝術家的思想。網頁中的界面設計也可以利用這一點，將圖形、文字等與空白相互結合，形成虛實空間，使頁面呈現高雅的視覺效果。

2.筆墨方面水墨畫中的用筆用墨都是具有一定技巧的，歷代畫家所總結的筆墨技巧給水墨動畫創作者帶來了很好的啟發，設計師可以將這一點充分應用到網頁設計中。設計師將水墨動畫中線條的獨特表現力應用到網頁設計中，將不同線條用筆的內涵表現得淋漓盡致，有效地傳遞了所要表達的信息。除了筆墨方面，水墨動畫中色彩的搭配也是網頁設計需要借鑒的重要技術。在網頁的設計中，只有把設計理念注入色彩應用，才可以使設計具有生命。就像水墨動畫中的色彩是由不同的顏色相互結合，產生細微變化所形成的顏色，是一種純粹的美。其運用到網頁設計中，可以使網頁富有生命力。

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

1.1圖形和圖像

圖像和圖像在傳達信息的寓意性和直觀性方面遠遠超出了文字。在進行網頁設計工作時，應用好的圖形和圖像，在很大程度上可以引發受眾產品、機構以及企業等的興趣，從而使廣大受眾能夠自主地理解企業理念，深入了解企業文化和企業精神，實現信息的有效交流。同時，圖形和圖像具有較強信息導視作用，可有對復雜的信息進行快速有效地傳達，是網頁設計的關鍵視覺要素。

1.2動畫視頻

在網頁設計的視覺要素當中，動畫視頻是最活潑生動的要素，可以使信息內容得到極大的豐富，促進人與人之間的有效溝通與互動，帶給受眾良好的視聽享受。該元素符合了絕大多數網頁受眾的心理需求，具有較強的數字化時代特征，且具有廣泛的受益面，親和力非常強，不僅是對廣大受眾想象空間的一種有效延伸，同時也是對受眾心理上和視覺上的一種良好的調劑。通常，在網頁設計中，采用最為普遍的是Flas，其運用已成為藝術與科學結合的中間環節。

1.3網頁色彩

與其他媒體相比較，網絡媒體存在一定網頁設計的視覺要素與編排創意探討文/岳小冰　郭春璐本文首先簡要分析了網頁設計的視覺要素，然后著重針對關于如何實現網頁設計編排創意的有效途徑進行了認真深入地探討分析，以供參考。摘要的差異，它可以通過光色的傳遞將各種信息顯示在屏幕上，為交流提供了便利。因此，設置出符合人們心里特質的色彩顯得尤為重要。通常，人們對色彩的反應最為準確而迅速，也是最為敏感的，色彩的凝聚了多方面的因素，如理性、感性以及文化等，其營造的視覺效果能夠有效激發受眾的不同情感反應，引起情感上的共鳴。

2實現網頁設計編排創意的有效途徑

2.1合理分類網站內容

在進行網頁頁面的編排時，需要將各種圖片、文字、動畫以及視頻等信息同時展示給觀眾。因此，要想使網頁設計編排具有創意，首先必須嚴格按照內容和性質的不同，對網站以及網站的內容進行合理有效地分類，然后再根據一定的次序對這些信息進行合理地布局，使之成為一個有機的視覺整體，并進行總體性的考慮，“經營位置”，盡可能在有效地平面空間內，激發人們無限的想象。

2.2明確界定版面設計

網站的編排創意非常講究整體性感覺，換而言之，就是視覺體量的整體認知調整，它是以網站策劃為主要依據，對各種設計元素的多樣化組合排列的可能性進行有效篩選的過程。首先，相關設計人員在進行網頁設計編排時，應該對版面的設計做出非常明確的界定，在腦海中初步形成網頁設計的構思，然后再通過視覺方式利用草圖將擬定的初步構思變得具體化，雖然這是一個無形的過程，但也是最能夠體現創意的過程。

2.3對不同元素進行有機結合

相關設計人員在進行網頁設計工作時，還應該將各種不同的元素有機的結合起來，可以通過Frame對網頁進行分欄，如左右結構、上下結構、混合結構。同時，也可以通過采用Layer定位的方式，對頁面布局進行明確，對表格的使用是具有創造性的，網頁的頁面結構需要在服從框架和表格的前提之下創建規律，然后再根據頁面創意進行合理有效地分割[3]。如果將不規則的圖形設置為背景，可以有效地突破視覺上一貫的呆板和過分規律，獲得視覺上的美觀享受。另外，對于框架、表格、層往往可以同時使用，針對層的定位方式，通常采用相對定位方式，這種方式具有一定的局限性，缺乏良好的顯示器的分辨率兼容性，但是表格可以很好地彌補這一缺陷，它們之間可以相得益彰、起到取長補短的作用。

2.4融合網頁頁面的素材和主題

由于網站的性質存在一定的差異，再加之受眾在網站內逗留的時間、瀏覽網站的目的以及閱讀信息的方式也各有不同，因而，策劃網頁頁面的編排創意和配置站內文字資料的方式以及設計的自由程度也有所不同。因此，相關人員在進行網頁頁面的編排時，應該與網頁頁面的素材和主題充分結合起來，對頁面的平衡度進行合理有效地調整，在不對稱之處找到均衡，使人們在瀏覽網頁時獲得最佳的視覺效果，實現信息的有效傳遞。

3結語

篇9

1．教材和教學方法落后

據調查，目前高職院校ASP動態網頁設計課程普遍還是采用傳統教材，這種教材的章節是按照課程的知識內容進行劃分，每章按照知識點、命令語法格式、例題和練習的順序來編排。這種傳統教材將網頁設計開發的過程完全按知識點進行分解，缺少開發的過程環節。而授課教師往往按照教材講課，或用多媒體教學環境按照教材內容講授相關理論知識，然后布置相關上機內容讓學生進行實踐。這種以教師講授為主，學生學習為輔，重點介紹學習知識重難點的方法，不能做到學與做的有機結合，將導致學生難以理解和掌握所學知識和技能。隨著該課學習的不斷深入，學生的學習興趣和積極性將逐漸降低，導致后續很難綜合應用所學知識和技能完成完整的動態網站開發。

2．實踐環節對學生鍛煉不到位

經過幾年的一線教學經歷和調研發現，動態網頁設計課程在實踐課時大多采取教師布置任務、學生上機敲代碼測試運行等方式。所有同學的實踐內容和操作步驟全部相同，容易造成互相抄襲偷懶的現象，導致學生的動手操作和專業能力鍛煉不夠的結果。

3．課程考核形式過于單一

專業核心課程最終成績往往由期末考試成績決定，或采用平時成績加期末考試相結合的考核方案。這種傳統單一的考核形式對動態網頁設計這門實踐性特別強的課程肯定是不適用的，容易使學生產生平時不學，期末突擊的僥幸心理。有的教師結合上機考試，讓學生在考試中完成相應的設計試題，這種考試方式的主要問題在于考試時間有限，很難在指定的時間內考察出學生真實的水平技能，尤其對完整的網站項目來說，更是難以達到考核的目的。

4．傳統教學方式不注重培養學生的職業素質

作為一名合格的網站網頁設計工程師，所需的職業綜合素質包括堅韌性、團隊合作的意識、人際溝通能力、團隊關系培養能力，以及服務精神、獻身精神等。而教師在上課過程中只注重知識的講授和技能訓練，卻往往忽略了這些職業素質的培養，使學生在實施項目的過程中目標不夠明確，不熟悉項目整體的過程，或者不能清晰地表述自己的想法和意見等，在實際工作中還需進行二次培訓。

二、教學改革的工作內容和實施的具體措施

1．課程標準（文件）的改革

對課程標準（文件）進行重新的修改編制，前提需要對計算機專業中本課程在實際工作崗位的分析和論證。通過對市場和企業一線進行深入調研，確定ASP動態網頁設計課程在工作中的實際崗位以及典型工作任務的職業行動領域，進而確定該課程所對應的專業能力和專業知識，然后才能得出所對應的課程領域。至此，教學文件制定者需要通過上述研究論證結果進行教學文件的修訂工作。與以往課程標準不同的是，由于本課程采用項目教學和過程考核的模式，所以制定新的課程標準須要做好三個前提：一是通過人才培養方案和企業調研結果確定本門課程的學習領域，主要包括課程的能力目標、知識目標和素質目標。二是在做好學習領域后對學習領域進行分解，目標是將課程劃分為具體的若干個情境，并確定每個情境的學習內容、能力目標、總體的工作過程以及學時分配。三是根據學習情境進行詳細設計教學過程。在這一過程中，主要目的是給出詳盡的項目實施過程，如何進行教學組織以及本情境項目的考核方法等。以情境設計實現用戶注冊登錄系統為例。

2．教學過程和方法的改革

基于ASP動態網頁設計的課程標準，設定情境采用工作過程六步項目教學法為主要教學方法。項目教學法是基于項目開發過程（或基于工作過程）的思路組織教學內容進而安排系列教學活動，是以實際的工程項目為對象，師生通過共同實施一個項目工作而進行的教學活動，并以共同完成項目的情況來評價學生是否達到教學目的的教學方法。由于動態網頁設計的每個情境項目都是完整的開發案例，將學生分組來進行是普遍采取的措施。學生對信息、計劃、決策、實施、控制、評價每一步都具體分工協作，讓學生通過討論確定每個人的工作任務和職責，通過團隊的分工合作來共同完成整個情境項目。重要的是讓每個學生在項目中負責相應的任務，杜絕怠慢偷懶的壞習慣，讓學生都動起來，真正在每個情境項目中得到鍛煉。此外，由于ASP動態網頁設計課程所需前導課程較多，并且重難點之處需要學生有著較強的編程和數據庫應用能力，所以教師要充分考慮到高職學生的綜合素質和學習水平，在授課計劃中對所需前導課程要留有復習的課時。ASP語言風格類似C語言，建議在本門課之前一到二個學期開設C語言程序設計基礎課程。而在復習過程中由于課時有限，教師要把握好難易度和內容的選取，一般要堅持夠用即可的原則和中等難度的編程訓練。過于簡單的復習達不到網頁設計的要求；過難復習會打擊學生學習的信心，容易使學生產生放棄的想法。對于數據庫應用方面著重強調SQL語言的應用，與程序設計復習方式應保持一致。

3．考核方式方法的改革

如前文所述，傳統的考核考試方法對于ASP動態網頁設計課程已經不再適用，因為它并不能真正地考察出學生學到的知識和鍛煉的技能。針對項目教學法這一特點，考核方式采用過程考核效果較理想。過程性考核的具體方式因人因課而異，采用的形式也比較多變。在本門課中選取的情境案例較適合用六步法與師生評價相結合的考核方式。具體是在六步法的每一個環節中采用學生自我評價、小組互評和教師評價的方式，三種評價的分值權重根據具體情況可以自行設定。在每個項目完成后，學生提交項目設計完成情況，對各項目的知識技能進行總結。對創新的部分可以加分，對不足和錯誤扣分，靈活的打分原則既保證公平公正又激發學生不斷完善的動力。在評價的過程中教師評價要掌握全面的信息，包括學習態度、團隊協作等多方面綜合素質測評的情況，在評分中更多的是考察學生在實施過程中綜合素質的表現。

三、結語

篇10

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

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

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

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

2.2高科技技術的應用前景

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

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

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

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

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

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

3.2肌理元素應用原則

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

3.3肌理元素所體現的特點

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

4結語