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

第1篇：網(wǎng)頁設計范文

關鍵詞：網(wǎng)頁設計 審美 美感

一、網(wǎng)頁設計的審美需求

1、網(wǎng)頁的審美

談到美，網(wǎng)頁這種特殊環(huán)境下的美與傳統(tǒng)的藝術上的審美有著明顯的區(qū)別，一般的藝術上只要能夠在欣賞者的心里產生共鳴就是美的；而網(wǎng)頁的布局上的審美卻要受到很多的限制，網(wǎng)頁設計面對的是大量用戶，由于更新速度的快捷，隨時都會反饋回來對網(wǎng)頁的批評建議等，可以根據(jù)實際情況進行修改，這個過程可以在很短的時間里完成。同時網(wǎng)頁能融合文字、圖片、聲音、動畫于一身。這是傳統(tǒng)藝術所達不到的。當然最根本的在使用方面就限制了它不能夠隨意的揮灑自如，任設計師自由的發(fā)揮。

2、網(wǎng)頁的功能

網(wǎng)頁，最初就是在功能性的基礎之上發(fā)展起來的。使用者如何從網(wǎng)頁中更好得到功能，這就需要站在使用者的角度來看待網(wǎng)頁設計。作為設計師引導潮流沒有錯，但是更要貼近自己的使用對象，想他們所想，急他們所急，適時的將自己的設計風格融入到作品中去，接受他們的檢驗，只有經(jīng)得起考驗的設計才是好的設計。

二、網(wǎng)頁設計的幾點原則

1、要考慮上網(wǎng)者的環(huán)境。

在網(wǎng)絡世界里，涉及到各方面的內容，使用者通常是打開很多的窗口，在一種紛繁復雜的情況下接受信息。假如他們?yōu)g覽的網(wǎng)頁是設計特別花哨，文字、動畫等堆砌的極為雜亂，加劇了心理上的厭煩感，這種網(wǎng)頁能算得上美嗎？所以從使用環(huán)境里的功能的因素來考慮美才是最根本的。

2、考慮網(wǎng)頁的使用對象

考慮網(wǎng)頁的使用對象本身也是網(wǎng)頁審美的一個重要方面，網(wǎng)頁設計都是為每個具體的網(wǎng)站做宣傳，那么不考慮對象就如同閉門造車，這樣會造成其根本的功能的損失。例如一個兒童網(wǎng)站，設計得如同新聞專題的網(wǎng)頁一樣，純粹是文字。那么使自己的使用對象 ――兒童在瀏覽該網(wǎng)站的時候毫無興趣，阻礙了網(wǎng)站的基本的目的，從這個功能層面上來理解，設計的美是同使用對象分不開的。

3、考慮網(wǎng)頁的使用功能

網(wǎng)頁設計的美其實是一個滿足使用者需求的過程，使用起來方便快捷，排除使用中的問題，這就是美的，這就是純粹從功能上的要求出發(fā)的。假如我想上一個體育的網(wǎng)站了解當天的足球戰(zhàn)報，那么我上網(wǎng)的目的性就是非常的明確，直接看足球的結果。我的上網(wǎng)過程就是先敲入網(wǎng)址，盡快的找到足球的欄目，再找到比分的鏈接，設計師如果考慮到上這個網(wǎng)站的很多人都想知道足球的比分，那么在主頁上放一個流動的臨時更新的框，就可以使上網(wǎng)站的使用者直接在主頁上看到想要看的東西，這樣快速而又方便的結果，其實質上是一個網(wǎng)頁設計的成功的地方，這種網(wǎng)頁就是美的。反之假如把網(wǎng)頁設計得非常的“漂亮”（這里指的是純粹的從藝術審美上的漂亮，滿足一般的形式美的要求的，而不考慮使用環(huán)境的情況），但過程復雜，增加了使用者的不便，沒有為使用對象考慮，就是失敗。

4、網(wǎng)站的自身形象設計

還有一個美的因素也不能不考慮，就是網(wǎng)站本身，通過自己的設計使網(wǎng)站的形象得到提升，使網(wǎng)站的形象在每個使用者的心目中扎根。這是現(xiàn)在網(wǎng)頁設計中普遍不受重視的，例如網(wǎng)站的名稱或者是網(wǎng)址沒有得到強化，盡管使用了之后覺得好，但是第二次使用時卻記不起是什么網(wǎng)站，收藏夾里太多也找起來不方便。因此假如網(wǎng)頁設計時注意了網(wǎng)站的名稱和網(wǎng)址的因素，加強網(wǎng)站自身形象設計，從這個功能上來說是設計成功之處，也是網(wǎng)頁設計美的一個觀念的異化。

三、網(wǎng)頁美的基本標準

1、簡潔實用

網(wǎng)絡特殊環(huán)境下，以最高效率的方式將用戶所要想得到的信息傳送出去，使用方便，越滿足使用者的要求，就越顯示出其功能美。

2、整體性好

一個網(wǎng)站強調的就是一個整體，只有圍繞一個統(tǒng)一的目標所做的設計才是成功的。

3、網(wǎng)站形象突出

一個符合美的標準的網(wǎng)頁是能夠使網(wǎng)站的形象得到最大限度的提升的。

4、頁面用色協(xié)調，布局符合形式美的要求

布局有條理，充分利用美的形式，使網(wǎng)頁富有可欣賞性，提高檔次。

一個網(wǎng)站單一顏色，讓人感覺單調乏味；顏色過多讓人感覺輕浮花俏。必須有一種或兩種主題色，不至于讓客戶迷失方向，也不到于單調，乏味。

5、交互式強

發(fā)揮網(wǎng)絡的優(yōu)勢，使每個使用者都參與到其中來，這樣的設計才能算成功的設計。

四、設計界面的應用方法

設計界面所包含的因素運用中必須有側重、有強調的把握。設計因素雖多，但它仍是一個不可分割的整體。它的結果是物化的形，但這個形卻是代表了時代、民族等方面的意識，并最終反映出人的“美”的心理活動。

設計界面的運用，核心是設計分析。在一些大公司都有許多的成功案例可為借鑒。如柯尼卡公司設計相機，首先不是繪制“美”的形和考慮技術的進步，而是進行對象人的日常行為分析，作出故事版(STORY)。它先假定對象人的年齡為35歲，名：Xxxx，從而分析他的家庭、喜好與憎惡，分析他的日常行為，進而考察其人在什么場合需要僚機，從而為設計提供概念(CONCEPT)與目標(TARGET)，進行設計。經(jīng)過分析，設計師有了明確的概念與目標，并隨信息的交互產生了創(chuàng)造力。

另一方面，設計師自身對社會環(huán)境也要進行深入的認識與考察，對設計的作品取向有明晰的認識。日本設計師佐野邦雄先生曾作一圖――生活的變遷與設計師的課題，將日本及世界上某些非常有影響性的事件進行了歸納，進而對設計有了深入的認識與感悟。所以，要運用好設計的界面，理性的認識是首要的，其次就是創(chuàng)造性的，而且是有實效性的分析、處理信息。設計不是一成不變的，分析方法也不是一成不變的，設計的界面同樣是在人一物的信息交流中變化發(fā)展的。

以上談了幾個涉及到網(wǎng)頁設計的美的相關的功能的影響，綜合以上的概述，下面總結以下網(wǎng)頁美的基本標準。

五、設計界面的運用原則

1、合理性原則

即保證在系統(tǒng)設計基礎上的合理與明確。任何的設計都既要有定性也要有定量的分析，是理性與感性思維相結合。努力減少非理性因素，而以定量優(yōu)化、提高為基礎。設計不應人云亦云，一定要在正確、系統(tǒng)的事實和數(shù)據(jù)的基礎上，進行嚴密地理論分析，能以理服人、以情感人。

2、動態(tài)性原則

即要有四維空間或五維空間的運作觀念。一件作品不僅是二維的平面或三絕的立體，也要有時間與空間的變換，情感與思維認識的演變等多維因素。

3、多樣化原則

即設計因素多樣化考慮。當前越來越多的專業(yè)調查人員與公司出現(xiàn)，為設計帶來豐富的資料和依據(jù)。但是，如何獲取有效信息，如何分析設計信息實際上是一個要有創(chuàng)造性思維與方法的過程體系。

4、交互性原則

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

第2篇：網(wǎng)頁設計范文

關鍵詞：互聯(lián)網(wǎng)；網(wǎng)站前端開發(fā)；CSS樣式

中圖分類號：TP37 文獻標識碼：A 文章編號：1009-3044（2016）01-0215-02

現(xiàn)代社會互聯(lián)網(wǎng)技術的發(fā)展和廣泛應用，快速推動了人類社會信息時代的發(fā)展，由此帶動和影響了現(xiàn)代社會各方面技術的變革和發(fā)展，因此對于互聯(lián)網(wǎng)技術本身依托的技術和平臺在其應用過程中也是非常關鍵，下面就以筆者所教授的課程《靜態(tài)網(wǎng)頁設計》所涉及的網(wǎng)站前端開發(fā)技術中CSS樣式的應用進行闡述。

《靜態(tài)網(wǎng)頁設計》這門課程是針對互聯(lián)網(wǎng)技術專業(yè)學生的靜態(tài)網(wǎng)頁制作及編程的基礎課，是知識性和技能性相結合的課程，此課程任務是要求講解網(wǎng)頁制作標記語言及腳本語言的相關理論知識，以及實際操作。達到熟練掌握HTML、XHTML、CSS等標記語言及Web標準布局的基本應用。課程目標是能熟練掌握靜態(tài)網(wǎng)頁頁面布局及代碼的編寫。課程的主要內容包括：1、HTML超文本標記語言及XHTML可擴展超文本標記語言。2、CSS即“層疊樣式表”，使用樣式控制頁面中的元素。

CSS也叫層疊樣式表，它現(xiàn)在是網(wǎng)站前端開發(fā)不可或缺的一部分。程序開發(fā)者可以對任何頁面中的任意元素使用CSS，使之前認為不可能的效果成為可能。在本課程講述到CSS應用部分時，因為CSS的屬性非常多，所以學生在靜態(tài)網(wǎng)頁設計中使用起來記不清楚或者容易混淆，比如本文中所要講述的“如何使用CSS屬性控制網(wǎng)頁上超鏈接文本的格式”，因為超鏈接在網(wǎng)頁上使用的頻率非常高，因此超鏈接文本格式的設計也非常重要，CSS可控制超鏈接文本格式的樣式如下：

a：link是超級鏈接的初始狀態(tài)

a：visited是訪問過后的情況

a：hover是把鼠標放上去時懸停的狀況

a：active 是鼠標點擊時

如上所示在CSS中也把設置超鏈接文本格式樣式的屬性稱作偽類，下面列舉超鏈接樣式案例：

1）使用CSS標記選擇符設置整個網(wǎng)頁超鏈接文本格式的樣式a{color：#339；text-decoration：none； }

//對整個網(wǎng)頁有鏈接的文字顏色樣式設置為color：#939；并超鏈接文本初始狀態(tài)無下劃線text-decoration：none；

如下代碼視圖和效果圖：

2）使用CSS類選擇符設置網(wǎng)頁超鏈接文本格式的樣式

.linkyangshi{color：#339；text-decoration：none； }

//對整個網(wǎng)頁有鏈接的文字顏色樣式設置為color：#339；并超鏈接文本初始狀態(tài)無下劃線text-decoration：none；

對應HTML代碼：

超鏈接文本

通過這樣的設置可以控制鏈接內的CSS類名為“l(fā)inkyangshi”超鏈接的樣式。

如下代碼視圖和效果圖：

3）使用CSS偽類設置超鏈接文本格式的樣式

a：link{ color：#399；text-decoration：none；}

//是超級鏈接的初始狀態(tài)：超鏈接文本顏色為#399，并且文字無下劃線；

a：visited{ color：#939；text-decoration：none；}

//是鼠標點擊超鏈接文本時的狀態(tài)：超鏈接文本顏色為#939，并且文字無下劃線；

a：hover{ color：#999；text-decoration：underline；}

//是把鼠標放在超鏈接文本上的狀態(tài)：超鏈接文本顏色為#999，并且文字帶下劃線；

a：active{ color：#d33；text-decoration：underline；}

//是鼠標點擊超鏈接文本時的狀態(tài)：超鏈接文本顏色為#d33，并且文字帶下劃線；

如下代碼視圖和效果圖：

初始狀態(tài)：

指向鏈接：

激活鏈接：

訪問過后：

由上所述，CSS層疊樣式在網(wǎng)頁設計中的使用非常靈活，僅就上述實例的應用可以使用多種方法，雖然其在網(wǎng)站前端開發(fā)設計中只是其中的一部分，但就其對前端設計中網(wǎng)頁的標準布局和修飾前端設計的作用真是必不可少。

參考文獻：

[1] 網(wǎng)頁設計中重要并且簡單易用的CSS，，2012.10.11.

第3篇：網(wǎng)頁設計范文

關鍵詞： 網(wǎng)頁藝術設計 內容 原則 特點

隨著網(wǎng)站設計的發(fā)展，網(wǎng)頁設計越來越趨向于一門藝術而不僅僅是一項技術。網(wǎng)頁的藝術設計，逐漸被網(wǎng)站建設者所重視。作為一名網(wǎng)站前期設計人員，我根據(jù)自己的實踐經(jīng)驗和多年積累，從網(wǎng)頁藝術設計的內容、原則和特點三個方面入手，深入分析了網(wǎng)頁設計的藝術性。

一、網(wǎng)頁藝術設計的內容

1.圍繞主題，明確設計風格。

網(wǎng)頁設計的第一步就是要分析和明確建站者通過網(wǎng)站要達到的目的及瀏覽者要獲取的信息，從而確定網(wǎng)頁的主題思想及圍繞主題進行條理性處理，針對瀏覽者的習慣、愛好，從而明確網(wǎng)頁設計的風格。網(wǎng)頁設計者應圍繞主題，運用藝術形式美法傳達網(wǎng)頁內容和表現(xiàn)網(wǎng)頁風格，既要內容充實，又要吸引瀏覽者的注意力，使網(wǎng)頁信息傳送效率最大化。

2.形態(tài)元素。

網(wǎng)頁藝術設計的形態(tài)元素包括各種格式的文本、圖形、圖像、表格、色彩、動畫、音頻和視頻等。豐富的多媒體造型元素在網(wǎng)頁藝術設計中的運用十分廣泛，極大地豐富了網(wǎng)頁藝術設計的表現(xiàn)力，使瀏覽者可以享受到更加完美的視聽效果。

3.版式設計。

所謂網(wǎng)頁的版式設計，是指在有限的屏幕空間上將各種多媒體元素進行有機的排列組合，將理性思維個性化地表現(xiàn)出來，是一種具有個人風格和藝術特色的視聽傳達方式。它在傳達信息的同時，也使瀏覽者產生感官上的美感和精神上的享受。

二、網(wǎng)頁藝術設計的原則

網(wǎng)頁作為傳播信息的一種新興載體，同其他出版物如報紙、雜志等在設計上有許多共同之處，也要遵循一些設計的基本原則。但是，由于策劃、制作、表現(xiàn)形式、欣賞方式和社會功能的不同，在網(wǎng)頁設計中需根據(jù)網(wǎng)頁設計的特點遵循定位準確、技術合理、個性突出、形象統(tǒng)一的原則。

1.定位準確。

網(wǎng)頁設計的第一步，就是明確設計的主題，有明確的主題，并按照視覺心理規(guī)律和形式將主題主動地傳達給觀賞者。訴求的目的，是使主題在適當?shù)沫h(huán)境里被人們即時地理解和接受，以滿足人們的實用和需求。這就要求視覺設計不但要單純、簡練、清晰和精確，而且在強調藝術性的同時，更應該注重通過獨特的風格和強烈的視覺沖擊力，來鮮明地突出設計主題，使瀏覽者產生不同的心理刺激和感受，或使瀏覽者得到一定的功能滿足。這就需要通過定位來明確網(wǎng)頁的主題及其傳達。具體可以通過對網(wǎng)頁的空間層次、主從關系、視覺秩序，以及彼此間的邏輯性的把握運用來達到。

2.技術合理。

網(wǎng)頁設計既是藝術設計，又是技術設計。技術和藝術的結合，形成了網(wǎng)頁的形式美感。網(wǎng)頁的技術設計是為內容和形式服務的。網(wǎng)頁設計的許多視覺效果都需要技術的支持才能實現(xiàn)，網(wǎng)頁技術應該為網(wǎng)頁內容和形式的表達服務，如果缺乏相應的技術支持，網(wǎng)頁設計的藝術的表現(xiàn)空間就會大打折扣。同時也要避免濫用技術，將各種特效，不管是否有利于網(wǎng)頁內容和形式的表達，全部都應用到網(wǎng)頁中，會造成內容與形式的脫節(jié)，不利于網(wǎng)頁主題的表達。

3.個性突出。

在符合網(wǎng)頁設計的主題要求下，具有獨特藝術風格和個性的網(wǎng)頁，才具有更強烈的視覺沖擊力，更能鮮明地突出網(wǎng)頁設計主題。網(wǎng)頁的藝術個性與設計師的設計思維、審美意識、審美趣味息息相關，設計師要注意提高自身的文化藝術修養(yǎng)，掌握社會審美情趣和審美心態(tài)的多樣性變化，這樣才能創(chuàng)造出充滿創(chuàng)新精神和個性的藝術作品。網(wǎng)頁的藝術個性要符合時代精神，既要汲取以往時代美的因素，又要捕捉當今社會的信箱氣息，創(chuàng)造符合當代審美習慣的優(yōu)秀的作品。

4.形象統(tǒng)一。

網(wǎng)頁是由多頁面和多元素組合而成，每一個頁面都可獨立進行版面的設計和編排，每一個多媒體元素都呈現(xiàn)不同的風格，因此網(wǎng)頁整體視覺印象的統(tǒng)一，是有效傳達信息、突出網(wǎng)頁個性的基本前提。網(wǎng)頁形象統(tǒng)一是在文化內涵和文化意境上使網(wǎng)頁之間體現(xiàn)出一種連貫性和整體性，體現(xiàn)整體的風格和個性。

三、網(wǎng)頁藝術設計的特點

1.交互性與持續(xù)性。

網(wǎng)頁與一般媒體的單向信息交流不同，它是一種多向的信息交流媒體，具有即時交互性的特點。即時的交互性是網(wǎng)頁成為熱點的主要原因，也是網(wǎng)頁設計時必須考慮的問題。在網(wǎng)絡環(huán)境下，人們不再是一個傳統(tǒng)媒體方式的被動接受者，而是以一個主動參與者的身份加入到網(wǎng)絡信息的加工處理和之中。這種持續(xù)的交互，使網(wǎng)頁藝術設計不像印刷品設計那樣，發(fā)表之后就意味著設計的結束。網(wǎng)頁設計人員必須根據(jù)網(wǎng)站各個階段的經(jīng)營目標，配合網(wǎng)站不同時期的經(jīng)營策略，以及用戶的反饋信息，經(jīng)常地對網(wǎng)頁進行調整和修改。

2.多種媒體的綜合性。

目前網(wǎng)頁中使用的多媒體視聽元素主要有文字、圖像、聲音、動畫、視頻等。隨著網(wǎng)絡帶寬的增加、芯片處理速度的提高，以及跨平臺的多媒體文件格式的推廣，設計者必須綜合運用多種媒體元素來設計網(wǎng)頁，以滿足和豐富瀏覽者對網(wǎng)絡信息傳輸質量提出的更高要求。目前國內網(wǎng)頁已經(jīng)出現(xiàn)了模擬三維的操作界面，在數(shù)據(jù)壓縮技術的改進和流媒體技術的推動下，Internet網(wǎng)上出現(xiàn)實時的音頻和視頻服務，典型的有在線音樂、在線廣播、網(wǎng)上電影、網(wǎng)上直播等。因此，多種媒體的綜合運用是網(wǎng)頁藝術設計的特點之一，是未來的發(fā)展方向。

3.版式的不可控性。

網(wǎng)頁的顯示效果會隨著顯示終端的變化而出現(xiàn)不可控性，這些不可控性顯示如下。

（1）同一網(wǎng)頁頁面，不同的操作系統(tǒng)顯示效果會不一樣。

（2）網(wǎng)頁瀏覽者可以控制網(wǎng)頁頁面在瀏覽器中的顯示方式，如文字、大小、編碼等。

（3）采用不同的分辨率，顯示效果也會不一樣。

4.技術與藝術結合的緊密性。

設計是主觀和客觀共同作用的結果，是在自由和不自由之間進行的，設計者是在掌握客觀規(guī)律基礎上得到了完全的自由，一種想象和創(chuàng)造的自由。網(wǎng)絡技術主要表現(xiàn)為客觀因素，藝術創(chuàng)意主要表現(xiàn)為主觀因素，網(wǎng)頁設計者應該積極主動地掌握現(xiàn)有的各種網(wǎng)絡技術規(guī)律，將技術和藝術有機結合，才能創(chuàng)造更多優(yōu)秀的作品。技術的不足限制藝術表達的方式，技術的進步才能激發(fā)藝術創(chuàng)作的潛能。網(wǎng)絡技術與藝術創(chuàng)意的緊密結合，使網(wǎng)頁藝術設計由平面設計擴展到立體設計，由視覺藝術擴展到空間聽覺藝術，技術發(fā)展促進了技術與藝術的緊密結合，把瀏覽者帶入一個真正現(xiàn)實中的虛擬世界。

網(wǎng)頁設計是在技術的支持下充分調動藝術創(chuàng)造力和想象力，是技術和藝術的結合體，伴隨著媒體藝術的發(fā)展而發(fā)展，也是平面設計在網(wǎng)絡世界的延伸。隨著時代的發(fā)展和要求，網(wǎng)頁的藝術性顯得越來越重要，成為網(wǎng)站建設者關注的重點。

參考文獻：

［1］鬲波飛.網(wǎng)頁設計之視覺信息傳達分析［J］.湖南大學學報（社會科學版），2001，15，（4）：15-19.

［2］唐良瑞，李丹.網(wǎng)頁設計的諸要素分析［J］.北方工業(yè)大學學報，2000，12，（1）：15-19.

［3］趙殿澤.構成藝術［M］.沈陽：遼寧美術出版社，1986.

第4篇：網(wǎng)頁設計范文

所謂CBE—DUCAM模式，就是能力———本位教育模式，以培養(yǎng)能力為主，采取產學結合的方式，對學生進行集中培養(yǎng)。CBE—DUCAM模式強調以能力作為課程開發(fā)的中心，以能力為主線設計課程，而不是以學科知識體系為核心。所傳授的知識是為能力培訓服務的，以“必需、夠用”為原則。此模式對學生的評價不是以專業(yè)知識的掌握，而是以獲取從事某種職業(yè)所需的能力為標準?！肮W四合”是指教育與產業(yè)結合、學校與企業(yè)結合、教學與生產結合、學習與就業(yè)結合。工學四合”的核心。即兼顧各個主體的利益，把握各個要素的系統(tǒng)聯(lián)系，建立開放的工作機制，落實具體的行動舉措。情境教學是把學習的主題與學生的生活實際結合起來，教師、學生運用協(xié)作探討的方式在情感的交流、思維的碰撞中進行體驗、感悟，逐漸熏陶、培養(yǎng)學生技能知識的一種教學模式，CBE-DUCAM教學法的實施方式主要有：換位教學、角色扮演、熱點討論法。

二、課程改革的方案設計

（一）教學過程的“三明治”化

其具體的做法是：學生一入學，就先到工廠、企業(yè)進行一年的工業(yè)訓練，然后回校學習1-2年的理論知識，最后一年再去工廠、企業(yè)實習。學生在低年級的時候，理論知識相對抽象；而在高年級進行操作的時候，則不得不回頭再去溫習理論。而且由于學習技能比較晚，因此畢業(yè)時在記憶和應用的熟練程度上都往往不足。所謂三明治其實就是上下兩層面包，中間夾肉。在學院里，我們將“技術能力”稱為面包，“學習能力”稱為肉片。而所謂的“三明治教學法”就是先學技術、再學理論、最后再學技術的一種排課方式。具體來說，就是在大一新生剛入學的時候，先進入企業(yè)跟著經(jīng)驗豐富的校外聘教師兼企業(yè)技術工作人員學習網(wǎng)頁的創(chuàng)作，實踐時間一年。從大二開始，在學生有了感性的操作認識以后，再安排進行網(wǎng)頁設計理論課程的學習。這部分是整個教學的核心內容，決定著學生將來在行業(yè)里的長遠發(fā)展。而學生在前面實踐操作的基礎上，正可以結合自身的經(jīng)驗來加深對理論的了解，達到更好的教學效果。到大三再次強化操作技術，再一次的進入企業(yè)進行實習以便讓學生掌握最新的創(chuàng)作潮流、技術手段、制作工具及運作流程，并充分結合前面學習的理論知識，創(chuàng)作出代表自身最高水平的畢業(yè)作品。不但如此，在畢業(yè)作品創(chuàng)作的過程中，更能夠大大激發(fā)學生的勇氣和自信，讓他們可以從容應對激烈的就業(yè)競爭?？偠灾?，“三明治教學法”是一套在實踐中行之有效的教學方法。吃“三明治”的目標是讓學生可以順利就業(yè)，并且為其在這個行業(yè)中長遠的發(fā)展打下良好基礎。

（二）課程的設置

聘請相應領域的專家，組成專家委員會進行專業(yè)分析，在專業(yè)分析的基礎上，形成最終的成果，即DACUM課程表及說明。以網(wǎng)頁設計這門課程為例，在專業(yè)分析的基礎上形成的DACUM課程設置。以網(wǎng)頁設計為例。在進行教學之前，需要編寫課程教材（包括輔助教材），教材由課程教師組織編寫，現(xiàn)場專家參與其中。根據(jù)DUCAM表，每項綜合能力編成一本教材，綜合能力下面的每項專項能力作為一節(jié)。仍以網(wǎng)頁設計為例，綜合設計能力由20項專項能力組成，這本教材就由20小節(jié)組成。

（三）學生的學習實訓環(huán)境

工學四合形式下情境教學要求實施教學的全景設計。模擬真實的環(huán)境，把場景的設計和問題的生成盡可能放到一個近似真實的環(huán)境中，甚至就是真實環(huán)境的再現(xiàn)或者就是真實場景的一部分。例如，可以在企業(yè)開設一個臨時課堂給實習的學生上課，也可以在學校本部開設模擬生產化的實訓環(huán)境。

三、改革目標和創(chuàng)新之處：

（一）改革目標

在真實的職業(yè)環(huán)境中，通過先進的教學手段，學生根據(jù)自己的個性差異將職業(yè)能力、職業(yè)知識、職業(yè)品質“遷移”到自己的學生體會和工作體會中，實現(xiàn)學生學習與就業(yè)的直接銜接。

（二）創(chuàng)新之處

1.使用CBE—DUCAM教學模式培養(yǎng)學生學習的能力。情境化學習不只是讓學生有意識地模仿，而是要強調模仿是為了更好地創(chuàng)造。情景學習理論為工學四合教育提供了理論基礎，職業(yè)教育通過與企業(yè)的合作，為學生提供了一個真實的實踐環(huán)境。

2.教學過程的“三明治”化。工學四合形式下情境教學要求實施教學的全景設計。包括兩個方面內容：一是環(huán)境的全景，是指模擬真實的環(huán)境，把場景的設計和問題的生成盡可能放到一個近似真實的環(huán)境中，甚至就是真實環(huán)境的再現(xiàn)或者就是真實場景的一部分。二是問題的全景，盡可能把實際環(huán)境中所出現(xiàn)的類似或者相關問題囊括進去。

第5篇：網(wǎng)頁設計范文

1網(wǎng)頁設計中的視覺規(guī)律

由于網(wǎng)頁風格的不同，人們在瀏覽網(wǎng)頁的同時會產生不同的視覺和心理感受，這種感受大部分來源于網(wǎng)頁頁面的視覺傳達，為了使網(wǎng)頁獲得最大的視覺傳達功能，使網(wǎng)絡真正成為可讀性強的媒體，設計師在進行網(wǎng)頁設計時必須考慮到人們視覺流向的心理和生理特點，由此確定各種視覺構成元素之間的關系和秩序。因此，設計時應該研究各種視覺造型元素之間的關系，如距離、位置、面積等問題。

視覺規(guī)律的形成是由人類的視覺特性所決定的。瀏覽者的閱讀行為在瀏覽不同性質的網(wǎng)站和肩負不同的閱讀任務時候都表現(xiàn)出基本上恒定的習慣，首先是水平運動，常常是掃過網(wǎng)頁內容的最上半部分，因此，上部和中上部被稱為“最佳視域”，也就是最優(yōu)選的地方。然后，向下移，瀏覽下面區(qū)域。最后，從網(wǎng)頁左邊的部分進行垂直掃描。

在網(wǎng)頁設計中，靈活而合理地運用視覺流程和最佳視域，組織好自然流暢的視覺導向，直接影響網(wǎng)頁傳播的準確性與有效性。所以，在網(wǎng)頁設計中，既要立足信息的傳達，又要符合人們的視覺和思維習慣，設計網(wǎng)頁時注意各種信息要素的合理分布，使各類信息要素的位置、間隙、大小保持一定的節(jié)奏感和美感。

2網(wǎng)頁設計中的審美需求

人們對美的追求是不斷深入的，網(wǎng)頁設計同樣如此。網(wǎng)頁不光是把各種東西放上去，能看就行，更要考慮如何使受眾能更好地和更有效率地接收網(wǎng)頁上的信息。這就需要從審美的方面入手，制作出清晰、整體性好的頁面,使人瀏覽起來產生愉悅感，更容易接受信息。在網(wǎng)頁設計中，更多的是追求平面視覺傳達效果，將各種元素有效的結合，這種結合要遵循一定的原則，如我們經(jīng)常所說的變化統(tǒng)

一、條理與反復、對比和調和、均齊與平衡等，以及對網(wǎng)頁中文字、圖形、色彩的設計。

2.1網(wǎng)頁的內容與形式的表現(xiàn)必須統(tǒng)一和具有秩序

形式表現(xiàn)必須服從內容要求，當我們把大量的信息放到網(wǎng)頁上去的時候，既要考慮整體感，又要注重細節(jié)的編排。這就要求設計師清晰的思考內容與形式如何最佳的結合，如何使頁面看起來既整體，又豐富。

2.2突出主題要素

每個網(wǎng)頁都應有明確的主題，并按照視覺心理規(guī)律和形式將主題主動地傳達給觀賞者，使主題在適當?shù)沫h(huán)境里被人們即時地理解和接受。

作為主題要素，必須注意編排的位置，使其成為人們?yōu)g覽時的視覺焦點，從而產生深刻的印象。如果沒有這個主題要素，瀏覽者的視線將會無所適從，或者導致視線流動偏離設計的初衷。網(wǎng)頁設計中各構成要素在組合時，要注意其結構的輕重大小、虛實、多少等對比因素，加強視覺力度，以強化頁面的整體吸引力。

3網(wǎng)頁中的各構成要素

3.1風格定位

對于設計某個網(wǎng)站來說，要做的第一步工作就是確定網(wǎng)站整體的風格，不同的網(wǎng)站需要有不同的風格，其風格要與主題內容相統(tǒng)一。目前，網(wǎng)頁的種類很多，較為常見的有：新聞機構類、政府機關類、科教文化類、娛樂藝術類、電子商務類、個性化網(wǎng)頁類。這些不同性質的網(wǎng)頁應體現(xiàn)不同的風格，比如，娛樂類網(wǎng)頁風格應體現(xiàn)活潑生動一些，政府機關類網(wǎng)頁應體現(xiàn)出比較莊重、嚴肅的感覺。在統(tǒng)一的風格頁面中，添加圖片、文字、動畫等元素，來豐富頁面內容，在添加這些元素的過程中也要注意色調的統(tǒng)一，這就需要設計師具備良好的美術修養(yǎng)。

3.2版面排版

網(wǎng)頁的版式設計同報刊雜志等平面媒體的版式設計有很多共同之處，它在網(wǎng)頁的藝術設計中占據(jù)著重要的地位。但網(wǎng)頁的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規(guī)格尺寸，網(wǎng)頁則不然，它的尺寸是由讀者來控制的。這使網(wǎng)頁設計者不能精確控制頁面上每個元素的尺寸和位置。而且，網(wǎng)頁的組織結構不像印刷品那樣為線性組合，這給網(wǎng)頁的版式設計帶來了一定的難度。當我們確定了網(wǎng)頁總體風格之后，我們要根據(jù)現(xiàn)有的圖片、文字等素材進行頁面劃分，文字作為最原始、最有力的信息傳遞方式，在網(wǎng)頁設計中也是至關重要的。

3.3色彩的運用

在網(wǎng)頁設計中，好的色彩搭配是網(wǎng)頁設計成功的一半。在一個色彩搭配具備專業(yè)水平的網(wǎng)站，即使只使用很少的圖形，仍會帶給瀏覽者深刻的印象和舒適的視覺感受。一般來說，色彩，在一個頁面不應超過三個，其中擇一為主色調；應恰當使用顏色蘊含的文化心理信息。色彩的運用遵循“總體協(xié)調，局部對比”的原則，也就是主頁的整體色彩應該是和諧統(tǒng)一的，只有局部運用一些強烈的色彩對比。

不同網(wǎng)頁的主題可以用不同的色彩來表現(xiàn)。以下為幾種常用色系：

（1）藍色，是商業(yè)宣傳用色，能使網(wǎng)頁顯得非常有專業(yè)水準。體現(xiàn)出一種專業(yè)和正式氛圍。藍色往往也被用為嚴肅莊重的場合，體現(xiàn)出一種凝重和肅穆。（2）綠色，是自然色，給人以清新自然的感覺，可以大大舒緩視覺上的壓力。綠色可以用于與環(huán)保相關的主題，如旅游風景區(qū)網(wǎng)站。（3）紅色，是比較熱烈的顏色，會使網(wǎng)頁變得生機勃勃。紅色也是運動的色彩，有很強的視覺感染力和號召力。（4）黃色系也是宣傳色系中的一種。黃色給人輕松隨意的生活氣息，能夠體現(xiàn)出一種友善和多維的效果。同時，黃色又是一種非常鮮明的色彩，它可以與許多種顏色搭配起來使用。

此外,我們還可以適當?shù)倪\用一些黑、白、灰的顏色搭配使用，可以產生意想不到的效果。

一個頁面中盡量不要超過4種色彩，色彩太多找不到主題色，會顯得沒有主次，令人眼花繚亂。再者，需要注意的是文字的顏色與背景顏色的區(qū)分，對比太強或太弱都會影響瀏覽者的閱讀。

第6篇：網(wǎng)頁設計范文

【關鍵詞】網(wǎng)頁 主頁 搜索引擎 INTERNET HTTP

隨著信息化時代的到來，越來越多的企事業(yè)單位及個人為展示自我形象在Internet上編寫多媒體主頁。主頁（組織其他網(wǎng)頁的網(wǎng)頁），業(yè)內人士有個貼切的稱謂叫“虛擬店鋪”，即在Internet高速公路上設置一個店鋪門面，以便在高速公路上行走的人能很方便找到自己的店鋪。一個WWW形式的主頁可以使資料的組織與存取更加透明化，用戶只需用Netscape、IE等瀏覽器就能瀏覽該主頁內容。因此如何掌握原則，利用技巧設計一個獨具風格、生動形象的主頁在激烈的競爭中取勝值得研究和探討。

一、網(wǎng)頁設計原則

根據(jù)網(wǎng)頁設計的特點和制作網(wǎng)頁的經(jīng)驗，一般應遵循以下原則：

（一）提綱挈領。主頁的作用好比一個精美的廣告，以下內容必不可少：1.醒目的標題，即標示出你的網(wǎng)站。標題可以是單位和公司的名稱、標語徽號或圖像等；2.清楚無誤的電子郵件地址和聯(lián)絡方法，如通訊地址或單位電話等。

（二）賞心悅目。主頁又好比是一本書的封面，要使瀏覽者過目不忘，看一眼就能被吸引住，不僅要有精美的圖像和漂亮的字款，更要層次分明，令人耳目一新，切忌雜亂無章。

（三）易于漫游。主頁上的圖像要力求簡樸，圖像愈大、色彩愈深，其下載的時間就愈長。因此，在設計網(wǎng)頁時圖象的色彩不要超過計劃64種，整個頁面的圖像大小最好保持在20KB之內，以便畫面的傳送速度控制在15秒鐘之內，從而使得主頁運作流暢，在“時間就是金錢”的快節(jié)奏生活中，主頁一定要便于查找，否則用戶很難滿意。如果你有豐富的信息資源要告訴用戶，需編制較長的頁面或使用較多的連接項目的話，最好的方法是建立多個主頁，使每個主頁載有不同類別的信息，若能讓用戶在主頁上以關鍵字或詞語查找到所需要的信息，這樣定會受到歡迎。

（四）及時更新。主頁制定好后，不能一勞永逸，必須不斷的更新內容、變換形式來吸引用戶瀏覽你的主頁。對于編寫多媒體主頁的單位來說，應將更新主頁的工作納入單位的公關及資料編制管理規(guī)范中，使其常新吸引讀者。

以上是作者根據(jù)自己的經(jīng)驗給出設計網(wǎng)頁的四條基本原則，當然任何經(jīng)驗和原則都不是一成不變的，伴隨著日新月異的網(wǎng)絡技術的演進與更新，這些原則也在不斷發(fā)生變化。

二、網(wǎng)頁設計技巧

在設計網(wǎng)頁時有許多技巧，倘若我們能將這些小技巧恰當?shù)挠迷谧约旱腤eb頁面上，將會使網(wǎng)頁更具有技巧性和趣味性。

（一）輸入設置密碼

為了防止一些破環(huán)者在自己的站點上亂貼東西，使用密碼認可證就可以控制那些添加在web上的新內容了，大多數(shù)的HTTP服務器都支持一些基本鑒定協(xié)議，不需要由網(wǎng)絡管理管理權限就能夠設置一個詳細的權力許可目錄。只要你可以對目錄進行寫入操作，就允許你建立密碼保護自己。

如下建立一個叫Chance的目錄僅允許那些用computer作為用戶名，001作為密碼的使用者進入。

首先，寫一個新文件包含用戶名和密碼，把它存儲在服務器當中（考慮到安全的原因，最好不要放到根目錄）。許多HTTP服務器能讓你通過htpasswd命令建立這些文件，你在UNIX的提示符下鍵入htpasswd - c/directory/path/.htpassword computer（其中c/directory/path/以你在系統(tǒng)上的真實路徑來代替）。接著會提示你輸入computer的密碼，鍵入兩次001。最后你應檢查一下那個*.htpassword文件中是否包含一些形如computer：ylia3tjWkhCK2之類的東西。

在Chance目錄中建一個*.htaccess文件設置權限，它要包含以下文本

AuthUserFile/directory/path/。Htpasswd

AuthGroupeFile/dev/null

AuthName ByPassword AuthType Basic

Repuire user cmputer

這時，你就能夠把AuthName改稱任何值了，當然，也可以建立多個用戶名和密碼（甚至一個組）。

由于基本鑒定的實現(xiàn)很簡單，它傳送密碼時使用的是無加密文本UUENCODE方式，任何人都能在網(wǎng)絡上看到這個數(shù)據(jù)包，雖然他們并不知道那個存放著密碼，但把文件捉住后就能輕易的解密。所以它并不符合工業(yè)安全標準，對于重要的事情還是不要依靠鑒定協(xié)議為好。

（二）彈出提示信息

為了在打開主頁之前彈出一句問候語或瀏覽此主頁時應注意問題之類的對話框.可把下面的代碼加入到中。

alert（‘＼n朋友：＼n你們好！＼n歡迎光臨本站。＼n’）

在alter（‘’）中加入你要說的話，每一行用＼n隔開，需要注意的是在程序中alter（‘’）短語應一行寫完其中不能換行。

（三）強力搜索引擎

經(jīng)常上網(wǎng)的朋友一般都要用到搜索引擎，但是制作一個出色的搜索引擎就需要具有高深的專業(yè)知識和花費足夠多得時間和精力，為了使自己的頁面具有較強的搜索能力，給主頁加一個強力搜索引擎，可以將一下代碼加入到HomePage中，得到網(wǎng)易――Yeah的強力搜索引擎。

colspan=5 nowrap bgcolor=#BAID34>

中文搜索引擎

 ；

查詢：

查詢要決

總之，在Internet上自己的網(wǎng)頁，建立、完善、維護自己的Web站點有很多的技巧和方法。

參考文獻：

第7篇：網(wǎng)頁設計范文

由于不同的搜索引擎在網(wǎng)頁支持方面存在差異，因此在設計時不要只注意外觀漂亮，許多平常設計網(wǎng)頁時常用到的元素到了搜索引擎那里會產生問題。

框架結構(Frame Sets)

有些搜索引擎(如FAST)是不支持框架結構的，他們的“蜘蛛”程序無法閱讀這樣的網(wǎng)頁。

圖象區(qū)塊(Image Maps)

除AltaVista、Google和Northern Light(現(xiàn)已停止公共搜索服務)明確支持圖像區(qū)塊鏈接外，其他引擎是不支持它的。當“蜘蛛”程序遇到這種結構時，往往會感到茫然不知所措。因此盡量不要設置Image Map鏈接。

特效鏈接

我們經(jīng)?？吹接行┚W(wǎng)站為導航鏈接加上了特效，如點擊某個項目會展開下層鏈接等。這些效果一般通過JavaScript實現(xiàn)，視覺上非常新穎，但在“蜘蛛”程序的眼里則沒那么誘人，相反它無法解讀這種鏈接。為了讓搜索引擎順利檢索到你的網(wǎng)頁，建議還是犧牲掉一些花哨的東西。

FLASH

雖然FLASH制作的網(wǎng)頁視覺效果較好，但搜索引擎對此卻不太感冒，個案表明這一類的網(wǎng)站很難被百度搜索引擎索引。明智的做法是提供FLASH和非FLASH網(wǎng)頁兩種選擇，這樣即增加了網(wǎng)頁的觀賞性，又照顧到了搜索引擎的情緒。

動態(tài)網(wǎng)頁(Dynamic Pages)

任何地址中帶“?”號、“& ”號(及其他類似符號)的網(wǎng)頁都會把“蜘蛛”程序擋在門外。這些網(wǎng)頁通常由CGI、PHP、ASP等程序產生，技術上較先進，但不適合搜索引擎的“蜘蛛”程序。雖然目前有的大型搜索引擎(如Google)已具備檢索動態(tài)網(wǎng)頁的能力，但相當一部分數(shù)引擎還是不支持它的。而且即使是能夠索引動態(tài)網(wǎng)頁的Google，也在多個場合中明確表示不保證檢索全部的動態(tài)網(wǎng)頁。

因此，除非是超大型網(wǎng)站，為方便起見不得不采用動態(tài)網(wǎng)頁生成技術，否則還是盡量使用靜態(tài)網(wǎng)頁為好。

加密網(wǎng)頁

除非你不希望搜索引擎檢索你的網(wǎng)頁，否則不要給你的網(wǎng)頁加密。

網(wǎng)頁容量

包括圖像在內的網(wǎng)頁字節(jié)數(shù)最好不要超過50K。體型龐大的網(wǎng)頁下載速度慢，不僅會讓普通訪問者等得心急如焚，有時也會使“蜘蛛”程序感到不耐煩。

獨立域名與付費虛擬主機

目前搜索引擎都不愿收錄位于免費主頁空間上的網(wǎng)站。其理由是，既然你認為自己的網(wǎng)站如此重要，以至于需要登錄搜索引擎讓天下人都知道，那么你沒有理由還將它放在免費服務器上。更何況免費主頁通常速度較慢，會影響大家搜索信息的效率。

第8篇：網(wǎng)頁設計范文

1.1 基于網(wǎng)頁設計中藝術色彩方面的創(chuàng)新方法隨著網(wǎng)頁藝術設計的快速發(fā)展，色彩作為設計過程中的主要元素，給人更加直觀的印象和感受，易于影響到人們的情緒和心情。那么在設計中運用不同的色彩往往更能凸顯出藝術的沖擊力，給人更為新穎的感覺，因此，關于在色彩方面的加工與設計顯得尤為重要。而其中最為重要的兩種表現(xiàn)形式是選用的自由化模式和色彩的簡約模式。前者傾向于對色彩的集中度突顯、自由化組合，使得網(wǎng)頁的個性特征得以體現(xiàn)，讓網(wǎng)頁風格不同于常見的形式，以恰當?shù)纳式M合設計，給不同的客戶帶來有益的影響。需要注意的是，設計者在藝術色彩的設計與選用的過程中，要以訪問者的角度給予情感和心理方面的情緒變化融入，進而形成獨特的藝術魅力;后者則強調在色彩選用和設計的過程中遵循簡約的風格，讓網(wǎng)頁設計效果讓人看起來更加舒服、美觀。尤其在近年來的網(wǎng)頁藝術設計發(fā)展當中，這項創(chuàng)新理念的發(fā)揮已經(jīng)逐漸成為眾多設計者首選的方式，其優(yōu)勢在于能夠實現(xiàn)很多繁雜藝術設計無法體現(xiàn)的樸素、極簡風格，讓設計者擬定的主題更加清晰和顯著。例如：在網(wǎng)頁設計中，如何合理搭配與運用色彩，使其與藝術動態(tài)網(wǎng)頁文字相呼應和匹配，為訪問者呈現(xiàn)出更有層次感和對比效果的變化，將設計者想要表達的心理感受體現(xiàn)出來。如圖所示的操作界面中，為了匹配“2004高雄表演藝術”中心主題，設計者需使用100%純度的黑色作為主色彩，以達到形成和背景巨大反差的目的，同時在底色方面以透明灰色鏤空形式來表現(xiàn)“mityhaircutsdesign”等字體，更具吸引力，呈現(xiàn)出動態(tài)變化的特征。

1.2 保證留白的合理性在網(wǎng)頁藝術設計的過程中，很多設計者認為要充分利用每一塊空間位置，才能呈現(xiàn)出最佳的效果。事實上并非如此，優(yōu)秀新穎的網(wǎng)頁設計不必非要利用到每一個位置，適當?shù)牧舭滋幚砀転樵L問者留下好的印象和感受。留白旨在突顯出藝術作品中虛實結合、相得益彰的良好成效，它的科學合理性設計，不僅能在視覺呈現(xiàn)方面顯得平衡感十足，保持動靜結合、虛實相應的觀感體驗，而且簡潔、合理的內容分布，則有效提高了訪問者的效率，有助于相關工作處理獲得便捷，進而無形中促使更多的訪問者加以瀏覽和關注，增強整體的網(wǎng)頁設計效果。此外，將Flas運用到網(wǎng)頁設計當中，突顯出一些廣告等信息的新穎性，增強吸引效果，借助Flash自身的動畫特效優(yōu)勢和特點，表現(xiàn)出設計者寄予的思想和感情，像網(wǎng)頁中諸如旗幟與按鈕類型的廣告設計，均能夠利用Flash的動畫效果來呈現(xiàn)。

2總結

第9篇：網(wǎng)頁設計范文

摘要：信息是人們溝通的主要內容，在現(xiàn)今這個隨處都充斥著各種信息的世界里，傳遞信息的媒介也越來越得到重視。其中互聯(lián)網(wǎng)技術便是現(xiàn)今傳遞信息的主要媒介之一，信息的承載體便是網(wǎng)頁。在繁復繽紛的信息世界里，要如何將網(wǎng)頁所表達的內容快速有效地傳遞給讀者，這便要求網(wǎng)頁在設計的時候所需要的獨特的視覺效果，具有一定的視覺審美。本文對傳統(tǒng)風格的網(wǎng)頁中所表現(xiàn)出的視覺欣賞習慣和視覺審美心理進行分析，并探討在視覺效果中所表現(xiàn)的出的網(wǎng)頁內涵。并總結出傳統(tǒng)風格的網(wǎng)頁設計上的視覺表現(xiàn)情況，并提出在進行網(wǎng)頁設計時提高視覺審美的相關建議。

關鍵詞：網(wǎng)頁設計；傳統(tǒng)風格；視覺欣賞；審美心理；視覺表現(xiàn)

1.網(wǎng)頁設計中的視覺表現(xiàn)的重要性在進行網(wǎng)頁設計的時候，在一定的版面空間里，必須要將網(wǎng)頁內容通過一定的視覺信息傳遞出來，而這些視覺信息在版面進行排版的時候就必須要滿足一定的審美要求。只有提高整個版面視覺審美，整個網(wǎng)頁才能夠給人以強烈的視覺沖擊并突出設計主題，這樣就能夠做到表現(xiàn)形式和宣傳內容相契合的境界[1]。網(wǎng)頁就是要宣傳或者是表達一定的內容，只有主題和表達的形式高度統(tǒng)一且內容直觀易懂，人們才能更好地了解網(wǎng)頁宣傳內容。

2.傳統(tǒng)風格的網(wǎng)頁中的視覺表現(xiàn)情況縱觀各大網(wǎng)站中的首頁，幾乎被簡約平面的現(xiàn)代設計風格鋪滿，在設計中幾乎不再有強烈的視覺沖擊效果。也正是由于這一情況，在國內，一種以西方網(wǎng)頁設計技術為參考，加入中國傳統(tǒng)文化的網(wǎng)頁設計風格正在各大網(wǎng)頁風靡。這種設計風格主要是被應用在中國的傳統(tǒng)節(jié)日以及相應的文化藝術為主題的網(wǎng)頁設計中。據(jù)調查顯示，這類網(wǎng)頁設計更加符合中國人的視覺欣賞習慣和欣賞心理，給人以強烈的視覺沖擊和足夠的留白進行空間的想象。

2.1傳統(tǒng)風格的網(wǎng)頁中的視覺欣賞習慣

“如果一幅畫的目的首先是為了吸引注意力，那么簡約性和有選擇的強調就會在這幅畫中使用，因為它們具有喚起力和產生驚訝的效果?！痹诂F(xiàn)今互聯(lián)網(wǎng)技術發(fā)達的狀態(tài)下，網(wǎng)頁是傳播信息的重要媒介，更是一副寫著重要信息必須在瞬間吸引人眼球的畫作。在傳統(tǒng)風格的網(wǎng)頁設計中，巧妙的應用留白來突出重點內容，減弱次要信息的分布比例，并利用其簡潔具有代表性的圖形來使得整個網(wǎng)頁中的視覺元素分布更具有條例，做到虛實對比，疏密適宜，充滿設計的張力并具有一定的流動性，且整體布局清晰合理。這類的設計更加符合中國人的審美習慣，網(wǎng)頁瀏覽用戶能夠在最快的時間內找出網(wǎng)頁重點信息，并對網(wǎng)頁的設計審美所震撼，從而增加用戶瀏覽網(wǎng)頁的時間。

2.2傳統(tǒng)風格的網(wǎng)頁中的視覺欣賞心理〖HT〗在網(wǎng)頁的設計中，必須充分的考慮用戶在瀏覽時的欣賞心理情況和用戶的審美體驗。在用戶對網(wǎng)頁進行審美的時候，通常會對畫面所表達的視覺元素的形式產生一定的聯(lián)想，并和內心的某種元素相連接，這就是用戶在對網(wǎng)頁進行視覺欣賞時所產生的審美心理。尤其是頁面所呈現(xiàn)出來的流動的線條，具有代表性的圖形形狀以及色彩的搭配調和，整個頁面布局的變化統(tǒng)一情況等都會在用戶心中產生一個主觀的心理因素，尤其是畫面中所表現(xiàn)出的情感和愿望以及用戶對于頁面的喜好都會直接流露出來[2]。而這些感受又會和用戶內心的某種隱秘的情緒相結合，其具體的體現(xiàn)就在于用戶對于頁面的瀏覽時間以及對于頁面內容的觀看情況。

2.3傳統(tǒng)風格的網(wǎng)頁中的網(wǎng)頁內涵

傳統(tǒng)風格的網(wǎng)頁設計不僅符合中國人的審美習慣，在設計的時候還會多加的考慮審美者的心理變化情況。在中國的水墨畫作中，流暢的線條和簡約的描繪風格再配上大面積的留白效果便制造出了其獨特的審美意境，且這些意境又將整個畫面的表達內容給予了深刻的內涵。這一國畫精粹也被充分的應用在了網(wǎng)頁設計的編排之中。此處就以故宮博物館的網(wǎng)頁為例，在頁面中利用紅黑兩色作為主要色彩，表現(xiàn)其莊嚴肅穆之氣，更是其歷經(jīng)風霜之氣。其整個畫面布局左右對稱，顯得隆重大氣，而局部又呈現(xiàn)出靈活多變的形式，不乏活力。整個網(wǎng)頁中建部分均為留白，而留白中又有了紅色的渲染，使得整個畫面氣勢磅礴有充滿了想象力。整個網(wǎng)頁中文字寥寥，只有“紫禁城”、“故宮博物院歡迎您”幾個醒目的大字，且字體硬朗，大氣恢弘。整個畫面呈現(xiàn)出莊嚴肅穆，讓人十分向往。這便是整個宣傳網(wǎng)頁所要達到的目的。

3.對于網(wǎng)頁設計中的視覺效果設計時的建議

3.1網(wǎng)頁設計中的空間安排

留白，是傳統(tǒng)風格的網(wǎng)頁設計中最為常用的表達方式。它能夠給讀者留下足夠的想象和理解的空間。通常頁面中的圖形和文字的編排一定要大小合適，其中右邊的文字要相對較少，可以使用小號的字將文字放在右下方，使其上方大面積留白，而但文字和圖片較為重要的時候，可以將其微微上靠一些，這樣可以占用較多空間其更為醒目具有強調作用。此時的整個畫面因為留白和編排使得畫面流暢富有節(jié)奏[3]。

3.2網(wǎng)頁設計中的形象塑造

形象塑造主要是一些傳統(tǒng)風格的形象的表達，例如書法，其行云流水的筆墨，不僅能夠充分的展現(xiàn)出畫面的流動飄逸之感，更隱含了其獨特的韻味。而如果是小篆、楷體等字體的書法寫作，則顯得莊嚴肅穆，此刻配合篆刻則顯得正式莊重。除了書法還有很多例如古琴、臉譜、年畫、剪紙、皮影等諸多傳統(tǒng)元素都可以生動細膩的刻畫網(wǎng)頁中的形象。這樣的形象不僅傳遞了網(wǎng)頁的設計理念更是表現(xiàn)了對民族文化的傳承。

3.3網(wǎng)頁設計中的色彩運用在上文中以故宮博物館的網(wǎng)頁為例時就曾談到其所使用的紅黑二色的調配，顯示出其莊嚴肅殺之氣，使得整個畫面大氣磅礴。網(wǎng)頁設計的主色調就是確定了整個網(wǎng)頁的視覺重心，表達了其網(wǎng)頁的風格和主題[2]。傳統(tǒng)風格的網(wǎng)頁設計中，對于網(wǎng)頁的背景顏色的調和更為注重，合適的背景顏色不僅能夠緩解主色調所帶來的視覺疲勞還能夠有效的渲染烘托畫面主題。在設計中，往往會將畫面主色彩和墨色相互交合渲染，從而使其具有更為濃重的文化氛圍，在上述的例子中，其留白部分便是主色彩紅色和墨色的渲染，使得整個畫面更具有神秘感，令人向往。

（作者單位：西華師范大學計算機學院）

參考文獻

[1]賀盈.網(wǎng)頁設計中視覺藝術表現(xiàn)方法初探[J]. 重慶文理學院學報(自然科學版). 2006(03)