網(wǎng)頁設(shè)計的要點精選(九篇)

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

第1篇：網(wǎng)頁設(shè)計的要點范文

【關(guān)鍵詞】網(wǎng)頁設(shè)計；圖形設(shè)計；運(yùn)用價值；運(yùn)用要點

前言

科學(xué)技術(shù)的不斷進(jìn)步，促進(jìn)了計算機(jī)技術(shù)以及互聯(lián)網(wǎng)的迅速發(fā)展，在各個國家基本實現(xiàn)了全覆蓋。隨著信息時代的到來，人們對于信息的利用更加頻繁，對網(wǎng)頁的關(guān)注度逐漸升溫，好的計算機(jī)網(wǎng)頁設(shè)計會給企業(yè)以及瀏覽者帶來更大的價值，要想成功吸引更多的人們注意網(wǎng)頁，就需要將圖形設(shè)計完美的融入其中，以達(dá)到想要的效果。

1網(wǎng)頁設(shè)計與圖形設(shè)計概述

網(wǎng)頁設(shè)計，是為傳遞信息而進(jìn)行頁面設(shè)計的工作，其主要是依據(jù)企業(yè)的需求，利用計算機(jī)為媒介，將信息展示在瀏覽者面前。作為一種宣傳媒介，網(wǎng)頁設(shè)計的精美程度決定了瀏覽者對其的關(guān)注度，更絕對了其利用價值的大小。網(wǎng)頁設(shè)計包含以下種類：功能型網(wǎng)頁設(shè)計、形象型網(wǎng)頁設(shè)計和信息型網(wǎng)頁設(shè)計，其主要利用顏色、字體、圖片、樣式進(jìn)行美化設(shè)計，根據(jù)用戶要求策劃和設(shè)計出滿意的網(wǎng)頁，高級的網(wǎng)頁設(shè)計甚至?xí)紤]到通過聲光、交互等來實現(xiàn)更好的試聽感受。網(wǎng)頁設(shè)計最為常用的工具包含PS、FL、AL、DW等[1]。圖形設(shè)計，是網(wǎng)頁設(shè)計技術(shù)中的重要組成部分，影響著網(wǎng)頁設(shè)計的效果，對提升網(wǎng)頁的設(shè)計感和感染力具有重要作用。圖形設(shè)計重在圖形，它是傳達(dá)信息的圖像符號，通過不同的表現(xiàn)形式，將作品中要表達(dá)的意境表現(xiàn)出來[2]，其重在創(chuàng)意上。圖形設(shè)計擁有眾多優(yōu)勢，有直觀性、審美性、指示性、象征性等，這些都能夠提升計算機(jī)網(wǎng)頁的設(shè)計效果。

2圖形設(shè)計在網(wǎng)頁設(shè)計中運(yùn)用的價值

2.1提升計算機(jī)網(wǎng)頁設(shè)計的藝術(shù)效果

圖形設(shè)計的創(chuàng)新性，可以在計算機(jī)網(wǎng)頁設(shè)計的策劃中與眾不同，更能夠提升計算機(jī)網(wǎng)頁設(shè)計的藝術(shù)效果，將網(wǎng)頁的別具一格的設(shè)計展現(xiàn)在用戶面前，讓更多的瀏覽者關(guān)注網(wǎng)頁，激發(fā)用戶群體的瀏覽興趣，起到更好的傳遞信息的效果。在計算機(jī)網(wǎng)頁設(shè)計中，利用圖形設(shè)計中的完整的表達(dá)力，為用戶打造信息傳遞的視覺盛宴，保證計算機(jī)網(wǎng)頁設(shè)計的質(zhì)量。據(jù)相關(guān)調(diào)查顯示，最受關(guān)注的網(wǎng)頁，往往是利用圖形設(shè)計相結(jié)合的。

2.2增添計算機(jī)網(wǎng)頁設(shè)計色彩，向多元化發(fā)展

圖形設(shè)計的形式多種多樣，更可以說是資源豐富多彩，其利用音頻、圖像以及藝術(shù)文字的形式進(jìn)行計算機(jī)網(wǎng)頁的設(shè)計，大大的增添了藝術(shù)色彩和愉悅的氛圍，并使得傳統(tǒng)的單一網(wǎng)頁形式向多元化方向發(fā)展。傳統(tǒng)的計算機(jī)網(wǎng)頁只是通過簡單的元素將信息傳遞給瀏覽者，在表達(dá)上基本上就是文字配以簡單的圖片，在信息的檢索上更是以文字為主[3]，將現(xiàn)代的圖形設(shè)計加入到計算機(jī)網(wǎng)頁設(shè)計后，用戶可以通過音頻以及圖片進(jìn)行搜索，這種表現(xiàn)形式的變化圖形設(shè)計所起的作用功不可沒。

2.3加強(qiáng)了視覺沖擊力與感染力，更加人性化

計算機(jī)網(wǎng)頁設(shè)計主要是通過文字和圖像相結(jié)合向使用者展示信息，圖像設(shè)計是將文字與圖像再加工，利用其獨特的處理技術(shù)，將文字與圖像的表現(xiàn)形式更具有視覺沖擊力與感染力，能夠較深瀏覽者的印象，提升瀏覽效率。圖形設(shè)計能夠?qū)⑽淖峙c圖像互相轉(zhuǎn)換，滿足瀏覽者的需求，并給人以簡潔美觀的效果，更能夠體現(xiàn)設(shè)計者的理念，使計算機(jī)網(wǎng)頁設(shè)計更加人性化。

3圖形設(shè)計在網(wǎng)頁設(shè)計中運(yùn)用的要點

3.1圖片格式設(shè)置要符合

在圖形設(shè)計中，設(shè)計工作者一定要注意計算機(jī)網(wǎng)頁設(shè)計中對圖片格式的要求，只有符合的才能夠?qū)崿F(xiàn)其利用價值，才能夠達(dá)到設(shè)計方案中的實際效果。我們在瀏覽網(wǎng)頁中，經(jīng)常會出現(xiàn)圖片、音頻打不開的現(xiàn)象，使得我們需要的信息沒有很好的讀取。因此，在計算機(jī)網(wǎng)頁設(shè)計中，一定要合理的處理圖像以及連接圖片，使其格式滿足網(wǎng)頁設(shè)計的要求，為用戶展現(xiàn)良好的視覺效果。

3.2圖像大小要控制在要求范圍內(nèi)

在計算機(jī)網(wǎng)頁設(shè)計中，對圖像大小的要求非常嚴(yán)格，如果在利用圖形設(shè)計中不控制好圖像的大小，就會嚴(yán)重影響圖像在瀏覽者面前呈現(xiàn)的效果。計算機(jī)網(wǎng)頁設(shè)計本身就收資源空間大小的限制，只有控制好圖像的質(zhì)量與范圍，才能夠提升網(wǎng)頁設(shè)計質(zhì)量。例如，我們在瀏覽網(wǎng)頁時會經(jīng)常看見一些失真、或者比例失調(diào)的圖片，不僅影響了我們?yōu)g覽效果，還嚴(yán)重影響了我們繼續(xù)瀏覽下去的興趣。

3.3圖片顏色配置要科學(xué)

不同的色彩表現(xiàn)形式有所不同，同一的色彩會顯得單調(diào)，多種色彩搭配會顯得凌亂，在計算機(jī)網(wǎng)頁設(shè)計中使用圖形設(shè)計時，無論哪種顏色都要優(yōu)化配置好，并要有一定的科學(xué)性。在圖形設(shè)計中，可以通過PS實際軟件對圖片進(jìn)行顏色調(diào)整，使其適合計算機(jī)網(wǎng)頁設(shè)計整體色調(diào)，為瀏覽者展示良好的畫面感。

4結(jié)束語

計算機(jī)網(wǎng)頁設(shè)計本身就具有一定的難度，圖形設(shè)計的加入使之更加的繁瑣，設(shè)計人員在運(yùn)用過程中一定要加以注意，更具網(wǎng)頁設(shè)計的實際要求進(jìn)行圖形的選擇與處理，才能夠增強(qiáng)圖形設(shè)計在計算機(jī)網(wǎng)頁設(shè)計中的視覺效果，實現(xiàn)其使用價值。

參考文獻(xiàn)

[1]王正紅.探討網(wǎng)頁設(shè)計中圖形的應(yīng)用[J].現(xiàn)代裝飾（理論），2014，11：86.

[2]溫雪，畢軍濤，孫授卿.試析計算機(jī)圖形圖像設(shè)計以及視覺傳達(dá)設(shè)計[J].通訊世界，2015，17：221.

第2篇：網(wǎng)頁設(shè)計的要點范文

關(guān)鍵詞：網(wǎng)頁設(shè)計；藝術(shù)設(shè)計；元素

中圖分類號：TP393.092 文獻(xiàn)標(biāo)志碼：A 文章編號：1673-291X（2012）32-0220-02

計算機(jī)網(wǎng)絡(luò)技術(shù)的發(fā)展把人們帶入一個信息大爆炸的時代，網(wǎng)絡(luò)不僅影響了信息交流的方式，也越來越多地滲透到人們的學(xué)習(xí)、工作和生活中。網(wǎng)頁是網(wǎng)絡(luò)信息的基本載體，也是網(wǎng)絡(luò)信息的主要表現(xiàn)形式，網(wǎng)頁中的藝術(shù)設(shè)計元素就成為網(wǎng)頁是否有具有觀賞性，能否給受眾帶來美的享受的決定因素。網(wǎng)頁設(shè)計作為一門交叉學(xué)科也就應(yīng)運(yùn)而生。網(wǎng)頁設(shè)計本身以網(wǎng)絡(luò)為載體，把各種信息以最快捷、準(zhǔn)確的方式傳播出去；同時，網(wǎng)頁也因為有了藝術(shù)設(shè)計元素而變得更加豐富多彩，更具觀賞性。

網(wǎng)頁設(shè)計中藝術(shù)設(shè)計的元素主要包括文字、圖形、圖像、色彩、版式等，下面將分類進(jìn)行說明。

一、網(wǎng)頁設(shè)計中的文字

文本是網(wǎng)頁中最為重要的設(shè)計元素，網(wǎng)頁的正文部分都是由文字的群體組合而成，從藝術(shù)的角度講，文字群體排列組合的好壞，直接影響著頁面的視覺傳達(dá)效果。因此，文字群體的設(shè)計是增強(qiáng)頁面視覺傳達(dá)效果，提高文字的藝術(shù)表現(xiàn)能力的關(guān)鍵。

1.注重文字的可讀性

網(wǎng)頁設(shè)計中的文字應(yīng)避免凌亂、煩瑣、難于辨認(rèn)，為了設(shè)計而設(shè)計，忽視頁面的親和力、可讀性和用戶體驗。

2.調(diào)整合適的字體、字號和行間距

字體的設(shè)計是設(shè)計者直覺和審美的體現(xiàn)。使用說明字體都要從頁面的整體和總體設(shè)計原則考慮，黑體強(qiáng)壯有力，草書則更加有藝術(shù)感，但從瀏覽網(wǎng)頁的終端考慮，最好采用默認(rèn)字體，因為好看的字體瀏覽終端不一定支持。

字號的大小有不同測量標(biāo)準(zhǔn)，一般情況下用磅和像素來表述，在網(wǎng)頁設(shè)計中默認(rèn)用磅表示字體的字號，網(wǎng)頁正文部分一般不用12磅宋體字。

行間距變化也會對網(wǎng)頁的用戶體驗和美感產(chǎn)生影響，一般情況下，與字號大小接近的行間距比較適合瀏覽者的審美觀。

3.文字的圖形化

所謂文字圖形化是指用單個的字、詞、句甚至一段文字，巧妙地排列組合成生動有趣的畫面，使圖文有機(jī)地結(jié)合在一起，形成圖文交融、相映成趣的視覺效果。在文字的圖形化過程中不要單純追求文字圖形的美觀，還要注意文字的可讀性，只有這樣才算是成功的文字圖形化。

二、網(wǎng)頁設(shè)計中的圖形和圖像

圖形、圖像是最早引入網(wǎng)頁設(shè)計的多媒體元素，它們能將信息傳達(dá)得更具體、真實、直接，易于理解，從而高效率、高質(zhì)量地表達(dá)設(shè)計理念，使網(wǎng)頁充滿強(qiáng)烈感彩，增強(qiáng)用戶體驗。

1.網(wǎng)頁設(shè)計中的圖形

2.網(wǎng)頁設(shè)計中的圖像

網(wǎng)頁中的圖像主要分為：LOGO（標(biāo)志）、背影、主圖和超級鏈接；常用的圖片格式有jpg和gif等。

LOGO具有象征、識別功能，是網(wǎng)站形象、文化和主題思想的濃縮。一個成功的LOGO能夠提升網(wǎng)頁的層次，起到畫龍點睛的作用。

背影圖像把整個頁面變成一個寫實場景，與網(wǎng)頁主題相輔相成，從而突出主題思想，凸顯網(wǎng)頁風(fēng)格。

網(wǎng)頁主圖是指頁面中突出主題，表達(dá)主題思想較大幅面的圖形圖像，一副好的主圖能清晰、準(zhǔn)確的表達(dá)網(wǎng)頁的主題，并具有直觀、易于理解等特點。

將圖像設(shè)置成超級鏈接，能夠使超級鏈接變得樣式豐富，形象生動的圖像能夠消除語言障礙，可以給單純的文字信息增添活力，從而增強(qiáng)用戶體驗。

三、網(wǎng)頁設(shè)計中的色彩

網(wǎng)頁的色彩搭配是制作網(wǎng)頁成功與否的關(guān)鍵。網(wǎng)頁的背景、文字、圖標(biāo)、邊框、超鏈接等，應(yīng)該采用什么樣的色彩，應(yīng)該搭配什么色彩才能最好地表達(dá)出網(wǎng)頁的主題，一直是網(wǎng)頁設(shè)計者頭疼的問題。

一個成功的網(wǎng)頁配色，首先要清楚怎樣將網(wǎng)站主題思想傳達(dá)給用戶，然后再根據(jù)這個主題思想來確定網(wǎng)頁設(shè)計的色調(diào)搭配，從而提高網(wǎng)站的訪問量。要搭配出能夠體現(xiàn)網(wǎng)站主題思想的配色需遵從以下幾點。

1.色彩的鮮明性。網(wǎng)頁的色彩表現(xiàn)主題要鮮明，引人注目，使人過目不忘。

2.色彩的獨特性。設(shè)計根本就是要創(chuàng)新，模仿和抄襲是沒有生命的，色彩搭配與眾不同，使得大家對你網(wǎng)頁的色彩搭配印象強(qiáng)烈。

3.色彩的合適性。就是說色彩和你表達(dá)的內(nèi)容氣氛相適合。如用粉色體現(xiàn)女性站點的柔性。

4.色彩的象征性。不同色彩會象征不同的內(nèi)容，如藍(lán)色象征天空、黑色象征黑夜、黃色象征溫暖等，選擇色彩要和你網(wǎng)頁的內(nèi)涵相關(guān)聯(lián)。

在網(wǎng)頁配色中也要切忌用色過多，最好控制在三種之內(nèi)；前景和背景色彩對比要大，以便突出主題。

四、網(wǎng)頁設(shè)計中的版式設(shè)計

網(wǎng)頁板式的基本類型主要有骨骼型、滿版型、分割型、中軸型、曲線型、傾斜型、對稱型、焦點型、三角型、自由型十種。網(wǎng)頁設(shè)計中的版式設(shè)計是通過文字圖形圖像的組合，表達(dá)出和諧與美。因此，這些圖形圖像必須按照一定的次序進(jìn)行合理的編排和布局，有機(jī)地結(jié)合在一起，將一個有機(jī)的整體展現(xiàn)出來。在網(wǎng)頁設(shè)計中，不管采用網(wǎng)頁板式的哪種基本類型都要做到。

1.主次分明，中心突出。根據(jù)中國人的習(xí)慣在一個頁面上，一些重要的內(nèi)容一般安排在頁面的中央或者中間偏右上的位置，在其他的地方可以安排那些稍次要的內(nèi)容，這樣整個頁面就得到更好的視覺效果了。

2.網(wǎng)頁設(shè)計的版式要注重整體，網(wǎng)頁設(shè)計內(nèi)容又需要元素組成，在設(shè)計網(wǎng)頁時要綜合各類元素的特點，做到通盤考慮、周密組織、精確定位，才能使頁面的整體性得到體現(xiàn)。

3.圖文并茂，相得益彰。文字和圖片具有一種相互補(bǔ)充的視覺關(guān)系，頁面上文字太多，就顯得沉悶，缺乏生氣；頁面上圖片太多，缺少文字，必然就會減少頁面的信息量。因此，最理想的效果是文字與圖片的密切配合，互為襯托，既能活躍頁面，又能使主頁有豐富的內(nèi)容。

五、網(wǎng)頁設(shè)計的視聽元素

網(wǎng)頁設(shè)計伴隨著計算機(jī)互聯(lián)網(wǎng)技術(shù)的發(fā)展，聲音、視頻和動畫等視聽元素已成為網(wǎng)頁的一個重要組成部分。從網(wǎng)頁設(shè)計的角度來說，在網(wǎng)頁中運(yùn)用適合網(wǎng)頁主題的視聽元素能夠大幅度提高網(wǎng)頁的檔次，反之，單純?yōu)榱恕办拧倍尤胍恍┎缓现黝}的視聽元素反而會有畫蛇添足之嫌。因此，視聽元素在網(wǎng)頁設(shè)計中的運(yùn)用也要遵循傳統(tǒng)網(wǎng)頁設(shè)計的制作思路和制作要點。視聽元素的綜合運(yùn)用是網(wǎng)頁設(shè)計的特點之一，是網(wǎng)頁設(shè)計發(fā)展的必然方向。

藝術(shù)設(shè)計元素在網(wǎng)頁設(shè)計中的運(yùn)用是今后網(wǎng)頁設(shè)計發(fā)展的新趨勢，網(wǎng)頁設(shè)計作為一種新興的藝術(shù)設(shè)計，只有合理地將藝術(shù)設(shè)計元素運(yùn)用到網(wǎng)頁設(shè)計中，才能做出賞心悅目的網(wǎng)頁。

參考文獻(xiàn)：

[1] 姚霓.淺談網(wǎng)頁設(shè)計要素[J].科技情報開發(fā)與經(jīng)濟(jì)，2008，（18）.

第3篇：網(wǎng)頁設(shè)計的要點范文

Flash網(wǎng)頁設(shè)計“總分總”的教學(xué)模式

在軟件基礎(chǔ)和線性動畫（Flash廣告設(shè)計）的基礎(chǔ)上，進(jìn)入到課程的主體模塊，即Flash網(wǎng)頁設(shè)計。與HTML靜態(tài)網(wǎng)頁的分頁面結(jié)構(gòu)不同，F(xiàn)lash網(wǎng)頁設(shè)計在集成設(shè)計開發(fā)環(huán)境內(nèi)（Flash軟件和Action腳本）實現(xiàn)網(wǎng)頁內(nèi)容與非線性結(jié)構(gòu)的編排，模塊化特性明顯。為此，筆者嘗試采用“基本結(jié)構(gòu)設(shè)計—模塊分解設(shè)計、網(wǎng)站整合”三步走的教學(xué)法，可概括為“總—分—總”教學(xué)流程，合理調(diào)配教學(xué)難點和重點，循序漸進(jìn)，在實踐中取得了一定的效果。（一）基本結(jié)構(gòu)設(shè)計首先，從網(wǎng)頁基本結(jié)構(gòu)入手，利用按鈕對時間線上各幀的控制構(gòu)造網(wǎng)站模型，其中包含了最基本的場景轉(zhuǎn)換。在學(xué)習(xí)的后期，可以針對每幀對應(yīng)的畫布進(jìn)行深入設(shè)計，包括內(nèi)容擴(kuò)展和淡入、淡出動畫效果的實現(xiàn)等?；窘Y(jié)構(gòu)設(shè)計涉及每幀對應(yīng)的畫布設(shè)計、按鈕設(shè)計、元件和實例的進(jìn)一步應(yīng)用以及補(bǔ)間動畫等內(nèi)容，還涉及一些基礎(chǔ)的Action腳本內(nèi)容，如“stop”“gotoAndStop”“gotoAndPlay”命令以及幀標(biāo)記的參數(shù)調(diào)用等，適合入門學(xué)習(xí)。在腳本程序編寫的最初階段，重點要使學(xué)生理解腳本語言代替人進(jìn)行指令操作的特性，如“去哪”“做什么”等，利用這種指向性的形象思維逐漸強(qiáng)化學(xué)生的編程思維。一般來說，靜態(tài)網(wǎng)頁設(shè)計課程教學(xué)不會將Java腳本作為重點，在這種情況下，這一階段的Action腳本學(xué)習(xí)就更加重要。（二）具體模塊學(xué)習(xí)由于Flash網(wǎng)頁多在屏幕的顯示面內(nèi)不翻屏，高度有限，這就需要使用軟件功能和腳本程序創(chuàng)造更多的結(jié)構(gòu)層次去容納網(wǎng)頁內(nèi)容。除了場景的轉(zhuǎn)換外，在每個場景之中，還要借助于不同類型的頁面組件來實現(xiàn)額外的結(jié)構(gòu)層次。針對種類較多的頁面組件，可以實施“分解教學(xué)”，即拋開網(wǎng)站設(shè)計的整體性，單純提煉每個組件的設(shè)計與編程要點，使每節(jié)課都可以完成一種組件設(shè)計，實現(xiàn)相關(guān)功能。筆者選擇的頁面組件包括按鈕組（菜單）、彈出框、下拉菜單、聲音控制模塊和預(yù)加載器等。在設(shè)計層面，要考慮到各組件與網(wǎng)頁整體風(fēng)格的一致性；在內(nèi)容層面，要合理地選擇組件類型，豐富內(nèi)容層次，便于用戶訪問，形成良好的互動性。而在Action腳本編寫方面，要以典型程序、核心程序為主，逐步增加更多的樣式變化。實際上，雖然組件類型不同，其背后的程序控制大多有著一定的內(nèi)在聯(lián)系，如很多組件都會用到onEnterFrame頻率控制函數(shù)。隨著教學(xué)的不斷深入，要盡量將腳本教學(xué)系統(tǒng)化，將松散的知識點整合起來，盡量覆蓋到常用的函數(shù)、方法和命令。（三）網(wǎng)站內(nèi)容搭建經(jīng)過不同組件的分解學(xué)習(xí)，接著補(bǔ)充幾種場景轉(zhuǎn)換的方法，結(jié)合不同設(shè)計項目中對組件的選擇，F(xiàn)lash網(wǎng)站就可以搭建起來。至此，F(xiàn)lash網(wǎng)頁設(shè)計的技術(shù)性教學(xué)目標(biāo)就基本完成了。在技術(shù)性教學(xué)目標(biāo)之外，在課程的收官階段，要融入行業(yè)設(shè)計理念，以提高結(jié)課作業(yè)的質(zhì)量，保證教學(xué)效果。在HTML靜態(tài)網(wǎng)頁設(shè)計教學(xué)階段，筆者針對結(jié)課作業(yè)挑選了“實用設(shè)計”這一特定行業(yè)分類進(jìn)行教學(xué)強(qiáng)化，避免學(xué)生在結(jié)課階段設(shè)計得沒有針對性，學(xué)無所用。

靜態(tài)網(wǎng)頁的有效補(bǔ)充

如果分析“靜態(tài)網(wǎng)頁”的內(nèi)涵和外延，可以看到，在基于HTML網(wǎng)頁設(shè)計之外，只要立足于本地，與服務(wù)器沒有數(shù)據(jù)交互的網(wǎng)頁設(shè)計都可以統(tǒng)稱為“靜態(tài)網(wǎng)頁”。從這個角度來看，藝術(shù)設(shè)計專業(yè)中的Flash網(wǎng)頁設(shè)計課程也基本上以靜態(tài)網(wǎng)頁為主。在Web2.0時代，交互性的社交網(wǎng)絡(luò)已經(jīng)發(fā)展得比較成熟，使每個獨立域名的網(wǎng)站不再是用戶交互的首選。在這種形勢下，靜態(tài)網(wǎng)頁設(shè)計要“揚(yáng)長避短”，不拘泥于本身用戶交互行為的弱點，以設(shè)計為主，反而有自己的一席之地。在教學(xué)中，要鼓勵學(xué)生在參與網(wǎng)絡(luò)互動之余，盡量發(fā)揮自身設(shè)計優(yōu)勢，具備獨立完成內(nèi)容展示型網(wǎng)站的能力。經(jīng)過相關(guān)調(diào)整，F(xiàn)lash網(wǎng)頁設(shè)計課程具備了循序漸進(jìn)、由淺入深的教學(xué)層次，直至課程結(jié)尾處，著眼于設(shè)計之“道”的有目的訓(xùn)練，使整個網(wǎng)頁設(shè)計課程體系具備了從基礎(chǔ)知識到綜合設(shè)計提升的完備性，并與其他課程有機(jī)結(jié)合，最大限度實現(xiàn)了課程的自身價值，為該課程的序列化、標(biāo)準(zhǔn)化建設(shè)積累了一定經(jīng)驗。

作者：劉立偉 杜美易

第4篇：網(wǎng)頁設(shè)計的要點范文

關(guān)鍵詞：職業(yè)學(xué)院；網(wǎng)頁設(shè)計；教學(xué)改革

中圖分類號：G4文獻(xiàn)標(biāo)識碼：A文章編號：16723198（2014）07013001

1突出高職學(xué)院的實踐性教學(xué)特色

高職學(xué)院以培養(yǎng)高等技術(shù)應(yīng)用性人才為根本任務(wù)；以適應(yīng)社會需要為目標(biāo)、以培養(yǎng)技術(shù)應(yīng)用能力為主線設(shè)計學(xué)生的知識、能力、素質(zhì)結(jié)構(gòu)和培養(yǎng)方案，畢業(yè)生應(yīng)具有基礎(chǔ)理論知識適度、技術(shù)應(yīng)用能力強(qiáng)、知識面較寬、素質(zhì)高等特點；以“應(yīng)用”為主旨和特征構(gòu)建課程和教學(xué)內(nèi)容體系；實踐教學(xué)的主要目的是培養(yǎng)學(xué)生的技術(shù)應(yīng)用能力，并在教學(xué)計劃中占有較大比重；“學(xué)校與社會用人部門結(jié)合、師生與實際勞動者結(jié)合、理論與實踐結(jié)合是人才培養(yǎng)的基本途徑。

2教材改革

選好教材、用好教材是搞好教學(xué)的重要保證。根據(jù)高等職業(yè)教育教學(xué)的特點，我們采用以工作過程為導(dǎo)向的新理念教材，以“任務(wù)驅(qū)動”形式來重點突出了教學(xué)的實用性和操作性。我們選用的《網(wǎng)頁設(shè)計》教材各部分都采用任務(wù)驅(qū)動教學(xué)法；介紹了網(wǎng)頁制作、站點管理與規(guī)劃、Flas設(shè)計與Fireworks網(wǎng)頁圖像處理，并將其三者融為一體，通過典型任務(wù)并且連貫的講述了網(wǎng)頁設(shè)計的總體思想以及詳細(xì)的設(shè)計步驟。對重點概念、重要的操作技能，力爭通過典型工作任務(wù)講深講透。

本教材每一章節(jié)都將教學(xué)重點列入綱要，結(jié)構(gòu)清晰、重點突出，對每個知識點的概念都加以詳細(xì)的說明，各個典型任務(wù)充分體現(xiàn)教學(xué)重點和重要的操作技能，能讓學(xué)生深入消化理解掌握并達(dá)到舉一反三。本教材也適用于其他網(wǎng)頁設(shè)計軟件的升級版教學(xué)。

3教學(xué)方法和教學(xué)手段的改革

高等職業(yè)學(xué)院的教學(xué)應(yīng)具有較強(qiáng)的實踐性，針對學(xué)生的具體情況，我們采取相應(yīng)的教學(xué)方法，在教學(xué)方法上，應(yīng)注重理論知識簡潔凝練，要采用多樣化教學(xué)手段，實行啟發(fā)式教學(xué)、任務(wù)驅(qū)動教學(xué)、實例教學(xué)以及精講多練、邊講邊練等多種教學(xué)方法，激發(fā)學(xué)生學(xué)習(xí)的興趣。

采用任務(wù)驅(qū)動和實例教學(xué)法。在課前，教師要做好充分的教學(xué)準(zhǔn)備工作，通過網(wǎng)絡(luò)資源搜索和本節(jié)課內(nèi)容相關(guān)的教學(xué)實例和視頻，在開始上課時，給出本節(jié)課的基本任務(wù)和學(xué)習(xí)要點，接著給學(xué)生播放已經(jīng)設(shè)計好的實例或網(wǎng)上下載的視頻來演示本節(jié)課的主要內(nèi)容，播放視頻或?qū)嵗倪^程中，要求學(xué)生仔細(xì)觀察頁面的結(jié)構(gòu)和特點，并總結(jié)出實例要點和制作的關(guān)鍵環(huán)節(jié)，之后教師提示并給出學(xué)生的具體操作步驟。

例如在講到“表格”時，根據(jù)教學(xué)目的和教學(xué)內(nèi)容選用典型的實例，先對學(xué)生展示該實例使用表格的效果，然后再詳細(xì)講解表格的創(chuàng)建與基本屬性的設(shè)置，每講完一個屬性都要讓學(xué)生創(chuàng)建表格并設(shè)置一下其相關(guān)的屬性值，讓學(xué)生能夠瀏覽到網(wǎng)頁的直觀效果，然后再讓學(xué)生舉一反三，獨立完成一個類似的表格設(shè)計，從而達(dá)到鞏固知識點的目的。這樣可以激發(fā)學(xué)生的學(xué)習(xí)興趣，提高學(xué)生的學(xué)習(xí)積極性，案例教學(xué)法中案例的分析與完成，有助于培養(yǎng)學(xué)生分析問題、解決問題的能力，

在實際教學(xué)中，學(xué)生計算機(jī)知識接受能力不同、水平參差不齊的狀況，不可能所有的學(xué)生在課堂上都能及時掌握教師所講的內(nèi)容，需要在課后對課堂內(nèi)容進(jìn)一步復(fù)習(xí)鞏固，教師可以給學(xué)生布置一些相關(guān)實例，可為學(xué)生聯(lián)系一些企業(yè)網(wǎng)站設(shè)計任務(wù)，使學(xué)生能夠更好的鞏固學(xué)習(xí)、發(fā)揮自己的創(chuàng)新能力，制作出結(jié)構(gòu)清晰、內(nèi)容合理的網(wǎng)站。教師可以將課件及相應(yīng)的學(xué)習(xí)資料放到教學(xué)郵箱里，對于重點和難點和知識，教師還可以錄制教學(xué)過程視頻，放在學(xué)校網(wǎng)站上，學(xué)生可以隨時訪問下載并進(jìn)行學(xué)習(xí)，另外，教師還可以通過電子郵件或者QQ和學(xué)生交流，在課后也能隨時解答學(xué)生的疑問。

4課程考核方式改革

在《網(wǎng)頁設(shè)計》課程的考核過程中，主要采用網(wǎng)站創(chuàng)建測評。該課程考核主要分為作業(yè)考核、期中測試和期末課程設(shè)計測評幾個方面。作業(yè)要體現(xiàn)出每節(jié)課程的中心內(nèi)容和學(xué)生的創(chuàng)意思維，期中測試要對半學(xué)期所學(xué)的理論與實踐設(shè)計相結(jié)合，制作出符合內(nèi)容需要的合理頁面。最后在期末課程設(shè)計測評中，要求學(xué)生結(jié)合網(wǎng)頁設(shè)計的三大部分dreamweaver、flash、fireworks，開始著手收集資料，自己制作網(wǎng)站需要的相關(guān)圖片和動畫，規(guī)劃網(wǎng)站的整體框架，總結(jié)網(wǎng)頁上體現(xiàn)的所有網(wǎng)頁元素，通過詳細(xì)設(shè)計分析，創(chuàng)建自己特色的個人網(wǎng)站。每位學(xué)生自己設(shè)計一個個人網(wǎng)站，該網(wǎng)站首先必須是原創(chuàng)；其次，要有自己的特點，除了網(wǎng)站首頁設(shè)計外，還要具備相關(guān)的幾層鏈接來擴(kuò)展網(wǎng)站的內(nèi)容。為了進(jìn)一步提高學(xué)生的網(wǎng)站建設(shè)及維護(hù)能力，我們還開設(shè)了相關(guān)的動態(tài)網(wǎng)頁設(shè)計課程等。

總之，職業(yè)學(xué)院的網(wǎng)頁設(shè)計課程教學(xué)模式的改革已經(jīng)成為必然，它對于應(yīng)用型人才的培養(yǎng)具有舉足輕重的作用，因此，本人對《網(wǎng)頁設(shè)計》課程的教學(xué)進(jìn)行了適當(dāng)?shù)母母?，積極探索，用于實踐，努力提高教學(xué)水平，吸引學(xué)生的學(xué)習(xí)興趣，在教學(xué)過程中，從學(xué)生感興趣的角度出發(fā)，對理論教學(xué)、實踐教學(xué)和課程考核方式等方面進(jìn)行探索和改革，能使學(xué)生主動探索，抓住學(xué)生的興趣所在，提高其上機(jī)操作技能，拓展其知識面。

參考文獻(xiàn)

[1]婁楓.淺談高職院校計算機(jī)基礎(chǔ)課程的教學(xué)改革[J].中國科技信息，2006，（10）：237238.

[2]朱士高.淺談高職院校計算機(jī)類課程教學(xué)模式的改革[J].高教論壇，2006，（6）：208209.

[3]王鋒.高職院校計算機(jī)公共基礎(chǔ)課技能目標(biāo)與實際探討[J].職業(yè)技能，2007，（3）：2728.

第5篇：網(wǎng)頁設(shè)計的要點范文

>> 淺談高職院校網(wǎng)頁設(shè)計課程的教學(xué)改革 中職網(wǎng)頁設(shè)計課程的教學(xué)探討 淺議技工院校網(wǎng)頁設(shè)計課程實訓(xùn)立體化教學(xué)的開展 淺談網(wǎng)頁設(shè)計課程在酒店管理專業(yè)的作用 淺談中職學(xué)校《網(wǎng)頁設(shè)計與制作》課程教學(xué)設(shè)計 淺談中職《網(wǎng)頁設(shè)計與制作》課程教學(xué)方法 淺談高職院?！毒W(wǎng)頁設(shè)計與制作》課程改革 模塊化教學(xué)法在中職學(xué)校網(wǎng)頁設(shè)計課程教學(xué)中的應(yīng)用 淺析項目教學(xué)法在中職《網(wǎng)頁設(shè)計制作》課程中的應(yīng)用 探究式教學(xué)法在中職網(wǎng)頁設(shè)計制作課程中的應(yīng)用 翻轉(zhuǎn)課堂在高職院校網(wǎng)頁設(shè)計與制作課程中的實踐 淺談中職網(wǎng)頁設(shè)計教學(xué) 中職《網(wǎng)頁設(shè)計與制作》課程的改革初探 論中職校網(wǎng)頁設(shè)計課程的教學(xué)改革 對技工院校網(wǎng)頁設(shè)計課程建設(shè)的思考 MOODLE在中職《網(wǎng)頁制作》課程教學(xué)中的應(yīng)用 翻轉(zhuǎn)課堂在中職網(wǎng)頁制作課程中的應(yīng)用 淺析“服裝電商平臺”在《休閑服裝設(shè)計》課程中的應(yīng)用 中職網(wǎng)頁制作課程教學(xué)設(shè)計探討 中職網(wǎng)頁設(shè)計課程教學(xué)探討 常見問題解答 當(dāng)前所在位置：l等等。

（二）任務(wù)驅(qū)動法

通過下達(dá)任務(wù)、分析任務(wù)技能點、講解任務(wù)、學(xué)生完成任務(wù)的方法，教師將教學(xué)內(nèi)容巧妙地隱含在每個“任務(wù)”之中，學(xué)生自主或者在教師的指導(dǎo)下提出解決問題的思路和方法，然后進(jìn)行具體的操作，教師引導(dǎo)學(xué)生邊學(xué)邊完成相應(yīng)的“任務(wù)”。技能點的分析，有利于加深學(xué)生對關(guān)鍵技能點的印象。例如“創(chuàng)建自定義框架”，該任務(wù)需要學(xué)生理解框架的構(gòu)成，包括了創(chuàng)建框架和拆分框架兩個步驟，還包括了框架和框架集的保存。任務(wù)實施過程中結(jié)合小組教學(xué)法，采用幫帶機(jī)制，將學(xué)習(xí)水平不等的同學(xué)安排在同一組，組員間完成不同操作點，并集合在一起，共同完成全部作業(yè)，再進(jìn)行小組評比，組間切磋學(xué)藝，指出對方不足，共同進(jìn)步。例如網(wǎng)頁布局，不同組對于同一個頁面，或者采用表格布局或CSS+DIV布局，或者框架布局，過程不盡相同，但呈現(xiàn)效果相同。那么此時小組間的比拼，就是學(xué)生智慧的碰撞，是技能的比拼，有利于活躍課堂氣氛，增強(qiáng)學(xué)生對知識關(guān)聯(lián)性的掌握。知識通過實踐來理解和掌握。創(chuàng)新肯定是在舊知識的基礎(chǔ)上產(chǎn)生的。小組間的比拼，也可以培養(yǎng)學(xué)生的創(chuàng)新精神和創(chuàng)新理念，不僅僅是簡單的模仿和重復(fù)。在任務(wù)驅(qū)動法中，學(xué)生通過實操產(chǎn)生感性認(rèn)識，完成理論和實踐相結(jié)合。

（三）演示（示范訓(xùn)練法）

中職學(xué)生有一個共同的特點，就是閱讀能力較差。如果單單下達(dá)任務(wù)，不做任何講解，學(xué)生完成任務(wù)的效果就很一般。因此，演示法在此發(fā)揮了重大的作用。操作的演示，可以使學(xué)生直觀、具體、形象、生動地進(jìn)行學(xué)習(xí)，有利于其理解和接受，學(xué)生可以清晰地把操作要點在腦海中重現(xiàn)，然后模仿練習(xí)。比如，留言表單的演示，首先插入表單―表格布局―單元格元素操作―驗證表單按鈕。此時，演示法還可以結(jié)合微課教學(xué)?！拔⒄n”是指教師在課堂內(nèi)外教育教學(xué)過程中圍繞某個知識點（重點、難點、疑點）或技能等單一教學(xué)任務(wù)進(jìn)行教學(xué)的一種教學(xué)方式，具有目標(biāo)明確、針對性強(qiáng)和教學(xué)時間短的特點。將創(chuàng)建留言表單的大概操作通過視頻方式展示給學(xué)生，達(dá)到節(jié)約教學(xué)資源，降低教師授課強(qiáng)度的目的。對于一些接受能力較弱的學(xué)生，可以通過反復(fù)多次查看操作視頻，掌握完成作業(yè)的方法。同時也可以將視頻下載到學(xué)生的移動端，在課后通過手機(jī)進(jìn)行復(fù)習(xí)，解決教學(xué)時間和空間的問題。

（四）練習(xí)和巡回指導(dǎo)法

巡回指導(dǎo)法是職業(yè)技能教學(xué)中不可或缺的一種教學(xué)方法，同樣，它在該課程的教學(xué)中也發(fā)揮著重要作用。它可以提升學(xué)生對新知識與技能的熟練水平和增強(qiáng)對舊知識和技能的鞏固程度。通過巡回指導(dǎo)，可以及時改正學(xué)生出現(xiàn)的錯誤。對于完成較快的學(xué)生，可以對其進(jìn)行表揚(yáng)，并讓其演示，讓其他同學(xué)看到自身的不足和差距，激發(fā)自己學(xué)習(xí)的積極性。安排完成較好的學(xué)生幫助落后同學(xué)，既可以增進(jìn)同學(xué)間的友誼，也可以減輕教師巡回指導(dǎo)的壓力。教師在巡回過程及時查看作業(yè)，若發(fā)現(xiàn)易錯點，可以通過反復(fù)強(qiáng)調(diào)，重新演示糾正。例如，在創(chuàng)建留言表單時，發(fā)現(xiàn)提交表單時，網(wǎng)頁沒有做任何字段的校驗，是因為學(xué)生沒有使用驗證表單操作。

六、結(jié)語

電商網(wǎng)頁設(shè)計是電子商務(wù)的專業(yè)課程，該課程的教學(xué)是教師和學(xué)生的交互過程。教師從學(xué)情分析、教學(xué)導(dǎo)入、教學(xué)方法多方面思考，探出合適的教學(xué)方法。教學(xué)過程強(qiáng)調(diào)因材施教、學(xué)情分析、課程關(guān)聯(lián)、教學(xué)方法融合，重視學(xué)生交流，作業(yè)反饋，是一個層層遞進(jìn)的過程。中等職業(yè)教育作為職業(yè)教育的重要組成部分，以全面素質(zhì)為基礎(chǔ)，以能力為本位的理念，要求培養(yǎng)具有良好職業(yè)道德，具備綜合素質(zhì)和技能，并能勝任相關(guān)工作的專業(yè)化人才?，F(xiàn)代社會科技迅猛發(fā)展，人們的思想受到各方面的沖擊，教學(xué)理念也需要不斷更新，不斷創(chuàng)新機(jī)制，深化課程改革體系，為社會培養(yǎng)高技能人才做出貢獻(xiàn)。中職課程的開展，更應(yīng)強(qiáng)調(diào)理論與實踐相結(jié)合，不斷創(chuàng)新教學(xué)方法，與時俱進(jìn)。

【參考文獻(xiàn)】

[1]廣東省職業(yè)技術(shù)教研室.職業(yè)技能教學(xué)[M].廣東科技出版社，2007.

第6篇：網(wǎng)頁設(shè)計的要點范文

【關(guān)鍵詞】視覺傳達(dá)；網(wǎng)頁設(shè)計；構(gòu)成元素；視覺流程

隨著我國經(jīng)濟(jì)實力和科學(xué)技術(shù)的蓬勃發(fā)展，國民的精神文化需求也日益增長，網(wǎng)絡(luò)媒體作為一種時尚消費(fèi)文化的主要載體之一，因而其顯著的信息傳達(dá)性及有效性被人們所重視。網(wǎng)頁藝術(shù)設(shè)計作為一種新興產(chǎn)物，以因特網(wǎng)為媒介，以網(wǎng)頁為其載體，以網(wǎng)絡(luò)技術(shù)和數(shù)字技術(shù)為其基礎(chǔ)，依照設(shè)計目的、遵循藝術(shù)設(shè)計規(guī)律，藝術(shù)與科學(xué)相結(jié)合的藝術(shù)創(chuàng)造和視覺傳達(dá)活動。

1.網(wǎng)絡(luò)藝術(shù)設(shè)計的概述

1972年第一屆國際計算機(jī)通信會議上通過了由美國人溫頓?瑟夫（Vinton Cerf）和羅伯特?卡漢（Robert Kahn）開發(fā)的傳輸控制協(xié)議和Internnet協(xié)議（TCP/IP），為Internnet的誕生奠定了基礎(chǔ)。

網(wǎng)絡(luò)藝術(shù)是伴隨著互聯(lián)網(wǎng)的產(chǎn)生而形成的新媒體藝術(shù)形式，而互聯(lián)網(wǎng)的迅猛發(fā)展，其作為一種新的大眾媒介，具有交互性，廣泛性，傳播快等優(yōu)點，為視覺傳達(dá)提供了良好的基礎(chǔ)條件。與此同時，由于互聯(lián)網(wǎng)技術(shù)的制約，如何更好的將網(wǎng)頁設(shè)計中的視覺信息傳達(dá)給大眾并且符合大眾的閱讀與審美需求，成為當(dāng)今設(shè)計者考慮的一個課題。

2.網(wǎng)絡(luò)藝術(shù)設(shè)計的要素分析

網(wǎng)頁所涉及的元素種類繁多，如何將這些多元素更清楚更美觀的羅列給瀏覽者，是設(shè)計者所考慮的一個重要因素。而網(wǎng)絡(luò)藝術(shù)設(shè)計的要素主要分為兩種，可以概括為形態(tài)要素和構(gòu)成要素。

2.1 形態(tài)要素的分析

網(wǎng)絡(luò)藝術(shù)設(shè)計的形態(tài)要素是指網(wǎng)頁瀏覽器本身或在插件支持下能夠運(yùn)行、顯示或收聽的各類造型元素。主要的形態(tài)設(shè)計如下：文字設(shè)計，其包括Logo設(shè)計、正文文字、按鈕文字；圖標(biāo)設(shè)計，其具體包括按鈕、Logo、矢量圖標(biāo)、像素圖標(biāo)；導(dǎo)航設(shè)計，其具體包括導(dǎo)航條、站點地圖；音頻設(shè)計，其具體包括背景音樂、動畫音樂；視頻設(shè)計，其具體包含網(wǎng)絡(luò)廣告、網(wǎng)絡(luò)視頻；動畫設(shè)計，其具體包含網(wǎng)絡(luò)廣告、GIF動畫、FLASH動畫；圖形、圖像設(shè)計，其具體包含廣告條、矢量圖形、像素圖案；VR設(shè)計，其具體包含三維廣告、虛擬現(xiàn)實。

由于網(wǎng)絡(luò)藝術(shù)設(shè)計具有藝術(shù)性和科學(xué)性相結(jié)合的特點，網(wǎng)頁設(shè)計者應(yīng)該積極主動地掌握現(xiàn)有的各種網(wǎng)絡(luò)技術(shù)規(guī)律，注重技術(shù)和藝術(shù)緊密結(jié)合，滿足瀏覽者對網(wǎng)頁信息的高質(zhì)量需求。由于網(wǎng)頁藝術(shù)設(shè)計所設(shè)計的繁多元素，為了更好的便于設(shè)計者和瀏覽者獲得信息，我們將這些具體形態(tài)要素概括為視聽元素和版式設(shè)計兩種。

2.1.1 視聽元素的分析

從人的五感來說，觀感和聽感的結(jié)合是獲得信息要素最為直接和可視化的方式。在網(wǎng)頁藝術(shù)設(shè)計中，視覺流程和最佳視域的合理運(yùn)用，以及流暢的視覺導(dǎo)向，可以直接影響到傳播者傳達(dá)信息的準(zhǔn)確性和有效性。所以能夠根據(jù)網(wǎng)頁的主題合理安排各視聽元素的設(shè)計、組織和應(yīng)用，是網(wǎng)頁設(shè)計師的應(yīng)具備的基本素質(zhì)。

視聽元素的構(gòu)成主要包括：文字、圖形圖像、動畫、音頻、視頻、交互元素等組成。這些元素在藝術(shù)上都具有相對獨立性，其中有些視聽元素本身就是一門藝術(shù)。

2.1.1.1 文字

文字我們大體可以分為文本文字和圖形文字。所謂文本文字，是指在網(wǎng)頁編輯軟件中可以編輯和更改內(nèi)容的字符，它具有字體、字號、色彩等的基本屬性。而使用CSS注具有三個主要優(yōu)點：A.豐富了文本的表現(xiàn)形式；B.簡化了文本的控制方式；C.兼容性強(qiáng)。而圖形文字是指內(nèi)容不可編輯，已經(jīng)圖形化了的各種文字。

2.1.1.2 圖形圖像

圖形圖像的運(yùn)動可以大幅度的平衡文字的枯燥，并且更為直觀的為文字對象服務(wù)。而網(wǎng)絡(luò)中常用的圖形圖像格式主要有GIF圖像格式、JPEG圖像格式、PNG圖像格式以及SWF圖像格式。

在進(jìn)行網(wǎng)絡(luò)在進(jìn)行網(wǎng)頁圖形圖像設(shè)計時，要根據(jù)網(wǎng)頁的特點注意以下要點：A.96dpi是網(wǎng)頁圖像的最佳分辨率；B.控制圖像文件的大小；C.根據(jù)不同目的，選擇適當(dāng)圖像文件格式；D.調(diào)整好網(wǎng)頁圖片的位置、面積、多少、主次、色調(diào)，對于形成網(wǎng)頁的整體視覺印象非常重要。

同目的，選擇適當(dāng)圖像文件格式。

2.1.1.3 網(wǎng)絡(luò)動畫

網(wǎng)頁動畫的生成原理有三種動畫方式：逐幀動畫、補(bǔ)間動畫、控件動畫。網(wǎng)頁動畫的種類也可以分為三類：FLASH動畫、GIF動畫和控件動畫。旗幟廣告又稱條幅廣告，是網(wǎng)頁中重要的宣傳形式。

2.1.1.4 視頻音頻

網(wǎng)絡(luò)音頻和視頻是指網(wǎng)絡(luò)中應(yīng)用的各種聲音和影片形式。網(wǎng)絡(luò)音頻和視頻可應(yīng)用于網(wǎng)絡(luò)多媒體演示、網(wǎng)絡(luò)動畫、網(wǎng)絡(luò)廣告、互動點播、遠(yuǎn)程交流、電子商務(wù)等多種領(lǐng)域。

2.1.1.5 交互式視覺元素

互動是網(wǎng)頁的顯著特征，網(wǎng)頁的互動功能是通過各種交互式視覺元素實現(xiàn)的。除通過為文字、圖像、動畫添加超鏈接可以實現(xiàn)頁面間的跳轉(zhuǎn)和人機(jī)互動外，網(wǎng)頁中用于互動的視覺元素還有按鈕、表單、導(dǎo)航條、虛擬現(xiàn)實等，它們是網(wǎng)頁設(shè)計中實現(xiàn)人機(jī)交流的主要手段。

2.2 構(gòu)成要素的分析

網(wǎng)頁藝術(shù)設(shè)計的構(gòu)成要素是指將形態(tài)要素組合的形式法則及藝術(shù)規(guī)律。它既包括一般藝術(shù)規(guī)律的應(yīng)用，也有其具自身特點的藝術(shù)語言。這些藝術(shù)規(guī)律和語言可以歸納為以下三個方面的應(yīng)用：版設(shè)設(shè)計、導(dǎo)航設(shè)計、色彩設(shè)計。

2.2.1 版設(shè)設(shè)計

所謂網(wǎng)頁的版式設(shè)計，是在有限的屏幕空間上將視聽多媒體元素進(jìn)行有機(jī)的排列組合，它將設(shè)計師的理性思維個性化地表現(xiàn)出來，是一種具有個人風(fēng)格和藝術(shù)特色的視聽傳達(dá)方式。

2.2.2 導(dǎo)航設(shè)計

如果說網(wǎng)頁的版式設(shè)計側(cè)重于單個頁面的組織構(gòu)成，類似于平面的設(shè)計，那么網(wǎng)頁的導(dǎo)航設(shè)計的重點則在于多個頁面的整合，是一種空間的設(shè)計，也是一種技術(shù)的設(shè)計。

2.2.3 色彩設(shè)計

網(wǎng)頁的色彩設(shè)計既蘊(yùn)含于網(wǎng)頁的版式設(shè)計和導(dǎo)航設(shè)計中，又具有相當(dāng)?shù)莫毩⑿?。色彩的冷暖使用可以給瀏覽者產(chǎn)生最直接的情感反應(yīng)，同時也是使瀏覽者產(chǎn)生第一印象感官的重要因素。

3.小結(jié)

網(wǎng)頁設(shè)計雖然還有很多局限性，但綜述來說，作為一種新興的視覺表現(xiàn)形式，不僅是一種技能，更是藝術(shù)與技術(shù)的高度統(tǒng)一。網(wǎng)頁設(shè)計者應(yīng)該積極主動地掌握現(xiàn)有的各種網(wǎng)絡(luò)技術(shù)規(guī)律，注重技術(shù)和藝術(shù)緊密結(jié)合，這樣才能窮盡技術(shù)之長，實現(xiàn)藝術(shù)想象，滿足瀏覽者對網(wǎng)頁信息的高質(zhì)量需求。

參考文獻(xiàn)：

第7篇：網(wǎng)頁設(shè)計的要點范文

《網(wǎng)頁設(shè)計》課程是計算機(jī)應(yīng)用技術(shù)、計算機(jī)網(wǎng)絡(luò)技術(shù)、電子商務(wù)等專業(yè)的必修課，是一門實踐性很強(qiáng)的課程，通過學(xué)習(xí)本課程，可以為學(xué)生今后從事網(wǎng)站開發(fā)與設(shè)計領(lǐng)域的相關(guān)工作打下良好基礎(chǔ)。另外，良好的網(wǎng)頁設(shè)計能力是計算機(jī)相關(guān)專業(yè)畢業(yè)生必須具備的基本能力之一。作為高職院校，應(yīng)注重職業(yè)能力培養(yǎng)，考慮對網(wǎng)頁設(shè)計課程的教學(xué)內(nèi)容進(jìn)行改革，以工作過程為導(dǎo)向，規(guī)范課程教學(xué)的基本要求，提高教學(xué)水平。

1 教學(xué)內(nèi)容分析

網(wǎng)頁設(shè)計是高職院校電子信息類專業(yè)的專業(yè)核心課，教學(xué)內(nèi)容主要包括HTML語言、CSS樣式表、Dreamweaver、JavaScript、網(wǎng)站維護(hù)等內(nèi)容，其后續(xù)課程包括Photoshop圖像處理技術(shù)、flash制作、ASP程序設(shè)計、數(shù)據(jù)庫等。

對高職學(xué)生來說，網(wǎng)頁課程難學(xué)的原因很多，分析教學(xué)內(nèi)容方面的因素，主要有：課程與教學(xué)內(nèi)容缺乏實用性，教師教學(xué)過程以學(xué)科為中心，系統(tǒng)講解知識點為主；網(wǎng)頁語法規(guī)則繁多，傳統(tǒng)的教學(xué)過于強(qiáng)調(diào)語法，沒有按照認(rèn)知規(guī)律合理編排教學(xué)內(nèi)容，導(dǎo)致簡單問題復(fù)雜化，造成學(xué)生學(xué)習(xí)難度大；過于重視系統(tǒng)性和全面性，長篇累牘，學(xué)時與內(nèi)容矛盾突出；實踐教學(xué)方式、手段不適應(yīng)時代需要，學(xué)生職業(yè)能力培養(yǎng)沒有落到實處。

綜上所述，本著“實用”和“夠用”原則，在課程定位的指導(dǎo)思想下，以培養(yǎng)學(xué)生的職業(yè)能力為目標(biāo)，大膽取舍教學(xué)內(nèi)容，重點講解實際工作過程中網(wǎng)頁制作實用技術(shù)。

2 學(xué)情分析

2.1 高職學(xué)生特點。抽象思維能力一般，缺乏良好的學(xué)習(xí)習(xí)慣，學(xué)習(xí)的主動性、探索性不夠。排斥理論知識的學(xué)習(xí)，卻對動手實踐具有強(qiáng)烈興趣。

2.2 教師對策。針對很多學(xué)生抽象思維能力差，不喜歡枯燥的理論學(xué)習(xí)，但在動手能力上素質(zhì)較好的情況。在教學(xué)活動中，教師應(yīng)該以工作過程為導(dǎo)向，考慮學(xué)生已有的知識水平，設(shè)計出符合認(rèn)知規(guī)律的教學(xué)過程。并在教學(xué)活動中融入較多的實踐動手項目，激發(fā)學(xué)生興趣，提高學(xué)生的參與度。同時注意把握問題的難度，設(shè)置合理的梯度。使學(xué)生不斷增加成就感，并逐漸認(rèn)識到“枯燥的理論”對“動手實踐”的指導(dǎo)作用，從而產(chǎn)生對理論學(xué)習(xí)的需要和自主學(xué)習(xí)的欲望。

3 教學(xué)設(shè)計思路

3.1 理念。基于工作過程開發(fā)網(wǎng)頁設(shè)計課程。

3.2 教學(xué)總體設(shè)計。（1）課程內(nèi)容改革：針對IT行業(yè)對“網(wǎng)頁設(shè)計師”職業(yè)的崗位要求，課程內(nèi)容以網(wǎng)站前端技術(shù)為主；（2）實踐教學(xué)改革：以項目為載體，用一個小型網(wǎng)站項目案例貫穿整個課程的教學(xué)，如下表1所示。對網(wǎng)站項目進(jìn)行分解，分解為若干個子項目單元，將網(wǎng)站前端技術(shù)的知識點映射入各個子項目單元。同時力求讓課程的每一個教學(xué)模塊基于工作過程來設(shè)計，做到“教、學(xué)、做”一體化，真正地強(qiáng)調(diào)學(xué)生的動手能力；（3）考核方法改革：形成式考核為主，提倡職業(yè)標(biāo)準(zhǔn)，切實保障教學(xué)效果。

表1 小型企業(yè)網(wǎng)站項目舉例

序號 模塊名稱 知識點

1 建站準(zhǔn)備 需求分析

2 規(guī)劃設(shè)計網(wǎng)站 網(wǎng)站規(guī)劃設(shè)計知識、網(wǎng)頁配色

3 準(zhǔn)備素材 用potoshop（PS）制作網(wǎng)站logo及相關(guān)圖片，掌握PS在網(wǎng)頁設(shè)計領(lǐng)域的應(yīng)用

4 定義站點，制作公司首頁 Dreamweaver中站點的創(chuàng)建與管理，CSS+DIV應(yīng)用

5 設(shè)計制作欄目1-公司概況 網(wǎng)站中字體搭配與排版

6 設(shè)計制作欄目2-企業(yè)相冊 表格、網(wǎng)頁中的多媒體應(yīng)用

7 設(shè)計制作欄目3-產(chǎn)品展示 超鏈接、CSS

8 設(shè)計制作欄目4-留言板 表單、數(shù)據(jù)庫訪問

9 網(wǎng)站整合與 申請空間及上傳網(wǎng)站等

3.3 教學(xué)單元設(shè)計。單元學(xué)習(xí)情境的設(shè)計要有針對性，基于工作過程設(shè)計單元學(xué)習(xí)任務(wù)，重點訓(xùn)練學(xué)生的網(wǎng)頁制作能力。對主要教學(xué)單元采取任務(wù)導(dǎo)入、要點分析、示范操作、項目實訓(xùn)、總結(jié)提高五步走。其中教學(xué)重點難點需要反復(fù)多次訓(xùn)練，可以補(bǔ)充小實例作為項目案例輔助，才能達(dá)到較好的效果。

單元設(shè)計關(guān)鍵點：首先以貼近工作實際的小例子導(dǎo)入，由淺入深。每個單元理論和實踐的比例應(yīng)不超過1：1，尤其注意實例的選取，盡量有實際意義，避免單純?yōu)榱酥v解知識點之用；其次講練結(jié)合，在課堂上讓學(xué)生動手制作網(wǎng)頁?？紤]到高職學(xué)生課后自主學(xué)習(xí)較差，并且課上實踐，一旦遇到困難教師可以及時給予鼓勵和指引。有利于學(xué)生少走彎路，盡快樹立信心，而不是被大量困難嚇倒；再次實訓(xùn)項目精心設(shè)計梯度，由淺入深，循序漸進(jìn)，使學(xué)生實踐中不斷積累信心，最終取得良好的學(xué)習(xí)效果。

4 教學(xué)方法與手段

4.1 采用項目教學(xué)法，以學(xué)生為主體、教師為主導(dǎo)，通過共同實施一個完整的工作項目而進(jìn)行的教學(xué)活動。具體來說，本課程以網(wǎng)站項目帶動教學(xué)，完成一個網(wǎng)站項目的全過程實際就是學(xué)生掌握網(wǎng)頁設(shè)計知識、轉(zhuǎn)化網(wǎng)頁制作技能的過程。

4.2 理論與實踐相結(jié)合，結(jié)合項目案例和教學(xué)實例進(jìn)行教學(xué)。項目案例從面向工作過程的實際項目中提取，覆蓋全部教學(xué)重點；教學(xué)實例緊密契合各單元的知識點，小而精。

4.3 講解與多媒體演示、開發(fā)環(huán)境演示相結(jié)合。理論知識的講解借助于多媒體教學(xué)設(shè)備，制作生動的PPT課件；遇到教學(xué)重點和難點及時切換至開發(fā)環(huán)境進(jìn)行實戰(zhàn)教學(xué)。

4.4 教師講授與學(xué)生討論相結(jié)合。完成單元教學(xué)后，根據(jù)教學(xué)重點和難點布置若干思考題目，學(xué)生分組完成；教師安排時間組織學(xué)生進(jìn)行討論，由每小組派代表講解；最后教師點評總結(jié)。

4.5 教室課堂與網(wǎng)上課堂相結(jié)合。將電子教案、實驗?zāi)０?、趣味思考題目和項目案例都上傳至校園網(wǎng)FTP上，供學(xué)生復(fù)習(xí)和自學(xué)；同時利用網(wǎng)絡(luò)QQ和電子郵件系統(tǒng)可隨時給學(xué)生答疑。

5 考核辦法

以形成性考核為主。學(xué)生成績由平時成績和期末考試成績兩部分構(gòu)成，其中期末成績占比不超過40%。平時成績包括出勤和項目成績。重點考核學(xué)生實訓(xùn)子項目和實訓(xùn)報告的完成情況。需要教師注意教學(xué)過程中的質(zhì)量監(jiān)控，提倡職業(yè)標(biāo)準(zhǔn)，使大多數(shù)學(xué)生提高實際的網(wǎng)頁制作能力，滿足未來職業(yè)崗位的要求。

第8篇：網(wǎng)頁設(shè)計的要點范文

一、PhotoShop平面設(shè)計軟件設(shè)計頁面的優(yōu)點

網(wǎng)頁制作的工具很多，但是使用PhotoShop(以下簡稱：PS)平面設(shè)計軟件設(shè)計網(wǎng)頁是當(dāng)前網(wǎng)頁設(shè)計的主流方法，是一個功能強(qiáng)大的圖像處理軟件。按照預(yù)想的整個頁面布局的思路在PS中分層擺放元素，并利用自己掌握的圖像處理的技巧適當(dāng)?shù)剡M(jìn)行圖像處理，使層與層之間過渡自然，元素與整個網(wǎng)頁的主題相一致，整個頁面成為一個協(xié)調(diào)的整體。

1.靈活性：PS的靈魂是圖層，一個完整的網(wǎng)頁設(shè)計作品往往有許多元素組成，層的功能就是能夠?qū)@些元素單獨進(jìn)行修改和編輯，而不影響其他元素；可以給圖層添加樣式、蒙版、改變疊放的順序；可以對每個圖層進(jìn)行圖像設(shè)置，如圖像色階、飽和度、亮度、大小等單獨調(diào)整。圖層之間是單獨存在的，但又是相互連接的，每個圖層上的圖像位置可以隨意挪動而不影響其他圖層的圖像位置。如此靈活的功能，完全可以讓設(shè)計者發(fā)揮創(chuàng)意、靈活運(yùn)用。

2.加快瀏覽速度，互聯(lián)網(wǎng)有一項著名的8秒原則：即客戶在訪問網(wǎng)站時，如果頁面打開的速度超過8秒，那么訪問者就會感到不耐煩，甚至極有可能直接關(guān)閉該網(wǎng)頁。PS能對網(wǎng)頁大小及網(wǎng)頁元素大小進(jìn)行適當(dāng)?shù)恼{(diào)整。用PS設(shè)計的網(wǎng)頁經(jīng)過裁切后體積相對要小得多，相同的元素因為其格式變化也會大大提高下載速度，因此PS就成了提高頁面下載速度的有效工具。

二、PhotoShop在設(shè)計網(wǎng)頁布局中應(yīng)該把握的幾個要點

1.網(wǎng)頁文檔尺寸與分辨率。最常用的瀏覽器頁面是1024*768像素，但瀏覽器本身還要讓出一定空間，才不會出現(xiàn)水平滾動條和垂直滾動條，所以網(wǎng)頁設(shè)為1001*600像素，分辨率為72像素較為合適，當(dāng)然這個可以看情況調(diào)整，太高的分辨率并不能增強(qiáng)效果，反而會降低下載速度。

2.頁面設(shè)計前的元素準(zhǔn)備?？紤]頁面的整體風(fēng)格，思考頁面的區(qū)域劃分。一般情況下網(wǎng)頁為以下幾個部分：背景、header部分、body部分、footer部分。

3.分層的重要性。網(wǎng)頁中有很多元素，很多層，像Banner、文本、LOGO、漸變等，盡量把這些元素獨立的放在不同的層上，以便日后修改

三、PhotoShop設(shè)計網(wǎng)頁布局中應(yīng)該遵循的原則

網(wǎng)頁作為一種版面，既有文字，又有圖片，可能還有動畫、視頻等。文字和圖片需要同時展示給用戶，如果只是將它們簡單地羅列在一個頁面上，往往會使頁面顯得雜亂無章。因此，必須根據(jù)內(nèi)容需要，將它們按照一定的次序進(jìn)行合理布局和編排，使其組成一個有機(jī)的整體，展示給用戶。下面詳細(xì)介紹網(wǎng)頁布局一般應(yīng)遵循的原則。

1.圖文搭配，文字和圖像具有相互補(bǔ)充的視覺關(guān)系，如果頁面上的圖像太多，缺少文字，就會降低頁面的信息容量；而如果頁面上的文字太多，則會顯得沉闖，缺乏生氣。一個好的網(wǎng)站圖片量和文字量應(yīng)該以網(wǎng)站的功能、行業(yè)、目的而定；文字和圖片相互依托，合理搭配，才能制作出形式生動、內(nèi)容豐富的網(wǎng)頁。

2.疏密交錯，網(wǎng)頁上重復(fù)的形式過多，會使頁面顯得呆板，容易使瀏覽者產(chǎn)生視覺疲勞，因此在內(nèi)容安排上要恰當(dāng)?shù)亓舭?，適當(dāng)?shù)剡\(yùn)用空格，改變行間距和字間距等來制造變化的效果，打破頁面呆板、平淡的格局；在對稱性上既要使用對稱美，也要兼顧非對稱美，均衡的網(wǎng)頁生動活潑富于變化，可以給頁面增加一些生動性和趣味性；在色彩上可以適當(dāng)使用對比，以形成鮮明的視覺效果，最重要的還是要讓個體和主體統(tǒng)一協(xié)調(diào)，以免產(chǎn)生，顏色搭配不合理，或者太多，給人一種不舒服的感覺。

3.強(qiáng)調(diào)整體，這在設(shè)計中占據(jù)了關(guān)鍵位置，起著主導(dǎo)作用。網(wǎng)頁上的整體包括內(nèi)容和形式上的整體性，這里主要討論的設(shè)計形式上的整體性。從版面、色彩、風(fēng)格入手。在網(wǎng)頁上所有的元素要整體考慮，以周密的結(jié)合和精確的定位來獲得頁面的整體感，即使運(yùn)用“散”的結(jié)構(gòu)，也要經(jīng)過巧妙的整合，顧全大局，使其產(chǎn)生和諧的美感。

4.突出主題，一個優(yōu)秀的網(wǎng)頁設(shè)計作品必須條理清晰，服務(wù)于網(wǎng)站的主題。從空間層次、視覺次序、主次關(guān)系，有條理的把握運(yùn)用。在空間上應(yīng)該放大主體；從視覺出發(fā)重心一般在中偏上位置，這個位置最能吸引瀏覽者；從主次出發(fā)，應(yīng)在視覺中心以外的地方可以安排一些稍微次要的內(nèi)容，或增加一些空白，可以便得被強(qiáng)調(diào)的主體形象更加鮮明突出。

四、“裁切”工具是PhotoShop通向DreamWeaver的橋梁

利用PS設(shè)計網(wǎng)頁布局的成品，還有關(guān)鍵一步，就是“裁切”，只有正確的裁切以后DreamWeaver才能對效果圖進(jìn)行有效的整合，PS在網(wǎng)頁布局的積極作用才發(fā)揮到了極致。必須注意以下幾點：

1.必須依靠參考線。設(shè)計時用到參考線，切圖時更要用好參考線，參考線能保證我們切出圖片同表格尺寸相統(tǒng)一的尺寸，有效避免“留白”和“爆邊”。參考線能保證我們切出圖在同一表格中的尺寸同一協(xié)調(diào)

2.設(shè)計處的虛線、圓角必切、漸變必切，這些都是DW實現(xiàn)不了的，大圖必切，大的圖片均勻的切成小圖，這樣可以提高網(wǎng)頁下載速度。特殊文字必切，避免瀏覽器的不兼容，

第9篇：網(wǎng)頁設(shè)計的要點范文

一、中國風(fēng)格的構(gòu)圖方式

中國人對于成雙成對的東西比較偏愛，認(rèn)為這是一切美好事物的組成特征，體現(xiàn)在構(gòu)圖上就是對稱美。對稱包括左右對稱、上下對稱、中心對稱等多種形式。網(wǎng)頁設(shè)計中用到最多的是左右對稱。如“石家大院”的首頁，通過展示宅院建筑的對稱美，將彌漫在大院里濃重的莊園歷史文化氣息表現(xiàn)得淋漓盡致。對稱的網(wǎng)頁設(shè)計比較符合中國傳統(tǒng)審美，具有平衡、穩(wěn)定、和諧、莊重之美，缺點是缺少變化和動感。中國畫講究留白，留白不是簡單的空白，而是經(jīng)過精心布局下的空白。通過文字與圖片、視頻等元素的穿插交錯，把留白巧妙地按照大小、面積、形狀應(yīng)用在網(wǎng)頁設(shè)計中，可以突出頁面的動感、虛實和意境，便于網(wǎng)頁上下左右各部分的呼應(yīng)?！昂螆@”首頁將設(shè)計元素集中在網(wǎng)頁的中心，擴(kuò)散開的墨跡、清麗的荷花，配以寥寥幾筆墨竹，在大面積留白襯托下格外醒目。幾縷縹緲的煙霧、幾條紅色的金魚游動在背景空白中，時隱時現(xiàn)，意境深遠(yuǎn)。

二、中國漢字的應(yīng)用

文字是網(wǎng)頁構(gòu)成要素之一，在網(wǎng)頁設(shè)計中具有舉足輕重的作用。中國古代的文字是自上而下豎書成行，自右向左換行。這一豎排的布局方式可以使網(wǎng)頁呈現(xiàn)出濃濃的中國古典文化氣息。書法是中國本土文化中最有代表性的符號，以其古樸、蒼勁、靈動的風(fēng)格區(qū)別于一般的美術(shù)字。在漫長的發(fā)展歷程中，已經(jīng)成為一種具有高度文化個性、文化品位的藝術(shù)形式。設(shè)計師在網(wǎng)頁設(shè)計中應(yīng)用書法飛白筆觸，可以傳達(dá)書法的意境，能使用戶感受到獨特的文化品位和民族風(fēng)格。書法字體比較適合標(biāo)題文字，大量的正文文字為了方便瀏覽者閱讀和快速下載網(wǎng)頁文本，應(yīng)該盡量避免運(yùn)用傳統(tǒng)豎排的方式，字體最好選用電腦里默認(rèn)的標(biāo)準(zhǔn)字體。

三、中國傳統(tǒng)圖案的應(yīng)用

中國傳統(tǒng)吉祥圖案是中國傳統(tǒng)文化重要的組成部分，以人物、動物、植物、自然現(xiàn)象、文字、神話故事等為題材，運(yùn)用諧音、寓意、象征、比擬等手法繪成圖像，表達(dá)人們祈禱富貴、高升、長壽、避邪等美好愿望。傳統(tǒng)圖案的吉祥意味同樣適用于現(xiàn)代設(shè)計，適用于表達(dá)現(xiàn)代人的設(shè)計觀念，常應(yīng)用于傳統(tǒng)文化、歷史人文景點、地產(chǎn)項目、各種展館、餐飲業(yè)等網(wǎng)站中。除了常見的吉祥圖案外，古建筑、青銅器、壁畫、扇面、卷軸、窗欞、龕楣等中國風(fēng)格的圖案與現(xiàn)代設(shè)計方法結(jié)合，亦能營造出既現(xiàn)代又古樸的韻味。方勝、云紋、水紋、連枝、回紋、如意紋等裝飾紋樣內(nèi)涵豐富，運(yùn)用得當(dāng)會很好地烘托整個畫面的氛圍。在頁面中，單獨的裝飾紋樣常作為邊角裝飾圖案；二方連續(xù)的裝飾紋樣常作為裝飾線用來劃分頁面，也可以用來引導(dǎo)用戶瀏覽的順序和方向；四方連續(xù)的裝飾紋樣常常作為背景圖案。中國畫寫意的花鳥、山水、人物的水墨效果配以書法、篆刻，能使網(wǎng)頁充滿詩情畫意。例如“聚春園”首頁將中國畫、書法、英文與攝影圖片自然地融合，頁面動靜結(jié)合，既傳統(tǒng)又現(xiàn)代，體現(xiàn)了百年老店“聚春園”悠久的歷史和現(xiàn)代化的經(jīng)營模式。

四、色彩的應(yīng)用

我國傳統(tǒng)藝術(shù)用色的基本準(zhǔn)則是五色，即黑、白、赤、青、黃。這五種顏色搭配，效果十分強(qiáng)烈。通過傳統(tǒng)色彩搭配可以表現(xiàn)網(wǎng)頁的古樸與現(xiàn)代、大俗與大雅、清新與濃艷。除此之外，茶色也是常用來表現(xiàn)中國風(fēng)的重要顏色。茶色很多情況下被用作網(wǎng)頁的主色調(diào)。如“南園茶社”采用了大面積茶色背景與舊城墻磚的結(jié)合，配以朱砂紅的文字、黑色的文字背景，充滿了古色古香的懷舊風(fēng)格。傳統(tǒng)顏色的選擇和搭配要慎重，確保頁面的整體色調(diào)和諧統(tǒng)一。低飽和度的顏色運(yùn)用不當(dāng)就會使頁面格調(diào)顯得沉悶、壓抑。可以適當(dāng)用一些高明度、高飽和度的色彩進(jìn)行局部點綴，使畫面變得通透。

五、中國元素運(yùn)用要點

1.切題。在網(wǎng)頁設(shè)計初期，我們首先要確定網(wǎng)站的內(nèi)容是否適合運(yùn)用中國元素，能否恰當(dāng)?shù)乇磉_(dá)構(gòu)想和準(zhǔn)確地傳達(dá)信息，因為并不是所有類型的網(wǎng)站都適合中國風(fēng)格。千萬不要為了形式而形式，一味地追求個人境界，最后偏離了網(wǎng)頁主題。

2.主次分明。從視覺角度來看，網(wǎng)站的中國風(fēng)格是所有設(shè)計元素共同營造出來的，但這并不意味所有設(shè)計元素都要具有濃厚的中國特色，也不要把一些中國元素符號簡單地堆砌在畫面中，要比例適當(dāng)、主次分明、突出資訊，利于引導(dǎo)用戶的瀏覽順序，做到簡潔、清晰。

3.傳統(tǒng)與現(xiàn)代融合。對中國傳統(tǒng)元素的應(yīng)用，更深層次的是在于意境和內(nèi)涵的傳承。因此不要完全照抄照搬固有圖案和符號的表現(xiàn)形式，避免頁面的過度本土化，要創(chuàng)新應(yīng)用，使之充滿現(xiàn)代感和更加國際化，達(dá)到與傳統(tǒng)“神似”的目的。另外，中國風(fēng)格的設(shè)計元素可以與視頻、音頻、動畫結(jié)合，發(fā)揮網(wǎng)頁表現(xiàn)形式立體化、層次化，傳播互動化的優(yōu)勢，給用戶全方位的視聽享受。