網頁設計的要點精選(九篇)
前言：一篇好文章的誕生，需要你不斷地搜集資料、整理思路，本站小編為你收集了豐富的網頁設計的要點主題范文，僅供參考，歡迎閱讀并收藏。
第1篇：網頁設計的要點范文
前言
科學技術的不斷進步，促進了計算機技術以及互聯網的迅速發展，在各個國家基本實現了全覆蓋。隨著信息時代的到來，人們對于信息的利用更加頻繁，對網頁的關注度逐漸升溫，好的計算機網頁設計會給企業以及瀏覽者帶來更大的價值，要想成功吸引更多的人們注意網頁，就需要將圖形設計完美的融入其中，以達到想要的效果。
1網頁設計與圖形設計概述
網頁設計，是為傳遞信息而進行頁面設計的工作，其主要是依據企業的需求，利用計算機為媒介，將信息展示在瀏覽者面前。作為一種宣傳媒介，網頁設計的精美程度決定了瀏覽者對其的關注度，更絕對了其利用價值的大小。網頁設計包含以下種類：功能型網頁設計、形象型網頁設計和信息型網頁設計，其主要利用顏色、字體、圖片、樣式進行美化設計，根據用戶要求策劃和設計出滿意的網頁，高級的網頁設計甚至會考慮到通過聲光、交互等來實現更好的試聽感受。網頁設計最為常用的工具包含PS、FL、AL、DW等[1]。圖形設計，是網頁設計技術中的重要組成部分，影響著網頁設計的效果，對提升網頁的設計感和感染力具有重要作用。圖形設計重在圖形，它是傳達信息的圖像符號，通過不同的表現形式，將作品中要表達的意境表現出來[2]，其重在創意上。圖形設計擁有眾多優勢，有直觀性、審美性、指示性、象征性等，這些都能夠提升計算機網頁的設計效果。
2圖形設計在網頁設計中運用的價值
2.1提升計算機網頁設計的藝術效果
圖形設計的創新性，可以在計算機網頁設計的策劃中與眾不同，更能夠提升計算機網頁設計的藝術效果，將網頁的別具一格的設計展現在用戶面前，讓更多的瀏覽者關注網頁，激發用戶群體的瀏覽興趣，起到更好的傳遞信息的效果。在計算機網頁設計中，利用圖形設計中的完整的表達力，為用戶打造信息傳遞的視覺盛宴，保證計算機網頁設計的質量。據相關調查顯示，最受關注的網頁，往往是利用圖形設計相結合的。
2.2增添計算機網頁設計色彩，向多元化發展
圖形設計的形式多種多樣，更可以說是資源豐富多彩，其利用音頻、圖像以及藝術文字的形式進行計算機網頁的設計，大大的增添了藝術色彩和愉悅的氛圍，并使得傳統的單一網頁形式向多元化方向發展。傳統的計算機網頁只是通過簡單的元素將信息傳遞給瀏覽者，在表達上基本上就是文字配以簡單的圖片，在信息的檢索上更是以文字為主[3]，將現代的圖形設計加入到計算機網頁設計后，用戶可以通過音頻以及圖片進行搜索，這種表現形式的變化圖形設計所起的作用功不可沒。
2.3加強了視覺沖擊力與感染力，更加人性化
計算機網頁設計主要是通過文字和圖像相結合向使用者展示信息，圖像設計是將文字與圖像再加工，利用其獨特的處理技術，將文字與圖像的表現形式更具有視覺沖擊力與感染力，能夠較深瀏覽者的印象，提升瀏覽效率。圖形設計能夠將文字與圖像互相轉換，滿足瀏覽者的需求，并給人以簡潔美觀的效果，更能夠體現設計者的理念，使計算機網頁設計更加人性化。
3圖形設計在網頁設計中運用的要點
3.1圖片格式設置要符合
在圖形設計中，設計工作者一定要注意計算機網頁設計中對圖片格式的要求，只有符合的才能夠實現其利用價值，才能夠達到設計方案中的實際效果。我們在瀏覽網頁中，經常會出現圖片、音頻打不開的現象，使得我們需要的信息沒有很好的讀取。因此，在計算機網頁設計中，一定要合理的處理圖像以及連接圖片，使其格式滿足網頁設計的要求，為用戶展現良好的視覺效果。
3.2圖像大小要控制在要求范圍內
在計算機網頁設計中，對圖像大小的要求非常嚴格，如果在利用圖形設計中不控制好圖像的大小，就會嚴重影響圖像在瀏覽者面前呈現的效果。計算機網頁設計本身就收資源空間大小的限制，只有控制好圖像的質量與范圍，才能夠提升網頁設計質量。例如，我們在瀏覽網頁時會經常看見一些失真、或者比例失調的圖片，不僅影響了我們瀏覽效果，還嚴重影響了我們繼續瀏覽下去的興趣。
3.3圖片顏色配置要科學
不同的色彩表現形式有所不同，同一的色彩會顯得單調，多種色彩搭配會顯得凌亂，在計算機網頁設計中使用圖形設計時，無論哪種顏色都要優化配置好，并要有一定的科學性。在圖形設計中，可以通過PS實際軟件對圖片進行顏色調整，使其適合計算機網頁設計整體色調，為瀏覽者展示良好的畫面感。
4結束語
計算機網頁設計本身就具有一定的難度，圖形設計的加入使之更加的繁瑣，設計人員在運用過程中一定要加以注意，更具網頁設計的實際要求進行圖形的選擇與處理，才能夠增強圖形設計在計算機網頁設計中的視覺效果，實現其使用價值。
參考文獻
[1]王正紅.探討網頁設計中圖形的應用[J].現代裝飾（理論），2014，11：86.
[2]溫雪，畢軍濤，孫授卿.試析計算機圖形圖像設計以及視覺傳達設計[J].通訊世界，2015，17：221.
第2篇：網頁設計的要點范文
關鍵詞：網頁設計；藝術設計；元素
中圖分類號：TP393.092 文獻標志碼：A 文章編號：1673-291X（2012）32-0220-02
計算機網絡技術的發展把人們帶入一個信息大爆炸的時代，網絡不僅影響了信息交流的方式，也越來越多地滲透到人們的學習、工作和生活中。網頁是網絡信息的基本載體，也是網絡信息的主要表現形式，網頁中的藝術設計元素就成為網頁是否有具有觀賞性，能否給受眾帶來美的享受的決定因素。網頁設計作為一門交叉學科也就應運而生。網頁設計本身以網絡為載體，把各種信息以最快捷、準確的方式傳播出去；同時，網頁也因為有了藝術設計元素而變得更加豐富多彩，更具觀賞性。
網頁設計中藝術設計的元素主要包括文字、圖形、圖像、色彩、版式等，下面將分類進行說明。
一、網頁設計中的文字
文本是網頁中最為重要的設計元素，網頁的正文部分都是由文字的群體組合而成，從藝術的角度講，文字群體排列組合的好壞，直接影響著頁面的視覺傳達效果。因此，文字群體的設計是增強頁面視覺傳達效果，提高文字的藝術表現能力的關鍵。
1.注重文字的可讀性
網頁設計中的文字應避免凌亂、煩瑣、難于辨認，為了設計而設計，忽視頁面的親和力、可讀性和用戶體驗。
2.調整合適的字體、字號和行間距
字體的設計是設計者直覺和審美的體現。使用說明字體都要從頁面的整體和總體設計原則考慮，黑體強壯有力，草書則更加有藝術感，但從瀏覽網頁的終端考慮，最好采用默認字體，因為好看的字體瀏覽終端不一定支持。
字號的大小有不同測量標準，一般情況下用磅和像素來表述，在網頁設計中默認用磅表示字體的字號，網頁正文部分一般不用12磅宋體字。
行間距變化也會對網頁的用戶體驗和美感產生影響，一般情況下，與字號大小接近的行間距比較適合瀏覽者的審美觀。
3.文字的圖形化
所謂文字圖形化是指用單個的字、詞、句甚至一段文字，巧妙地排列組合成生動有趣的畫面，使圖文有機地結合在一起，形成圖文交融、相映成趣的視覺效果。在文字的圖形化過程中不要單純追求文字圖形的美觀，還要注意文字的可讀性，只有這樣才算是成功的文字圖形化。
二、網頁設計中的圖形和圖像
圖形、圖像是最早引入網頁設計的多媒體元素，它們能將信息傳達得更具體、真實、直接，易于理解，從而高效率、高質量地表達設計理念，使網頁充滿強烈感彩，增強用戶體驗。
1.網頁設計中的圖形
2.網頁設計中的圖像
網頁中的圖像主要分為：LOGO（標志）、背影、主圖和超級鏈接；常用的圖片格式有jpg和gif等。
LOGO具有象征、識別功能，是網站形象、文化和主題思想的濃縮。一個成功的LOGO能夠提升網頁的層次，起到畫龍點睛的作用。
背影圖像把整個頁面變成一個寫實場景，與網頁主題相輔相成，從而突出主題思想，凸顯網頁風格。
網頁主圖是指頁面中突出主題，表達主題思想較大幅面的圖形圖像，一副好的主圖能清晰、準確的表達網頁的主題，并具有直觀、易于理解等特點。
將圖像設置成超級鏈接，能夠使超級鏈接變得樣式豐富，形象生動的圖像能夠消除語言障礙，可以給單純的文字信息增添活力，從而增強用戶體驗。
三、網頁設計中的色彩
網頁的色彩搭配是制作網頁成功與否的關鍵。網頁的背景、文字、圖標、邊框、超鏈接等，應該采用什么樣的色彩，應該搭配什么色彩才能最好地表達出網頁的主題，一直是網頁設計者頭疼的問題。
一個成功的網頁配色，首先要清楚怎樣將網站主題思想傳達給用戶，然后再根據這個主題思想來確定網頁設計的色調搭配，從而提高網站的訪問量。要搭配出能夠體現網站主題思想的配色需遵從以下幾點。
1.色彩的鮮明性。網頁的色彩表現主題要鮮明，引人注目，使人過目不忘。
2.色彩的獨特性。設計根本就是要創新，模仿和抄襲是沒有生命的，色彩搭配與眾不同，使得大家對你網頁的色彩搭配印象強烈。
3.色彩的合適性。就是說色彩和你表達的內容氣氛相適合。如用粉色體現女性站點的柔性。
4.色彩的象征性。不同色彩會象征不同的內容，如藍色象征天空、黑色象征黑夜、黃色象征溫暖等，選擇色彩要和你網頁的內涵相關聯。
在網頁配色中也要切忌用色過多，最好控制在三種之內；前景和背景色彩對比要大，以便突出主題。
四、網頁設計中的版式設計
網頁板式的基本類型主要有骨骼型、滿版型、分割型、中軸型、曲線型、傾斜型、對稱型、焦點型、三角型、自由型十種。網頁設計中的版式設計是通過文字圖形圖像的組合，表達出和諧與美。因此，這些圖形圖像必須按照一定的次序進行合理的編排和布局，有機地結合在一起，將一個有機的整體展現出來。在網頁設計中，不管采用網頁板式的哪種基本類型都要做到。
1.主次分明，中心突出。根據中國人的習慣在一個頁面上，一些重要的內容一般安排在頁面的中央或者中間偏右上的位置，在其他的地方可以安排那些稍次要的內容，這樣整個頁面就得到更好的視覺效果了。
2.網頁設計的版式要注重整體，網頁設計內容又需要元素組成，在設計網頁時要綜合各類元素的特點，做到通盤考慮、周密組織、精確定位，才能使頁面的整體性得到體現。
3.圖文并茂，相得益彰。文字和圖片具有一種相互補充的視覺關系，頁面上文字太多，就顯得沉悶，缺乏生氣；頁面上圖片太多，缺少文字，必然就會減少頁面的信息量。因此，最理想的效果是文字與圖片的密切配合，互為襯托，既能活躍頁面，又能使主頁有豐富的內容。
五、網頁設計的視聽元素
網頁設計伴隨著計算機互聯網技術的發展，聲音、視頻和動畫等視聽元素已成為網頁的一個重要組成部分。從網頁設計的角度來說，在網頁中運用適合網頁主題的視聽元素能夠大幅度提高網頁的檔次，反之，單純為了“炫”而加入一些不合主題的視聽元素反而會有畫蛇添足之嫌。因此，視聽元素在網頁設計中的運用也要遵循傳統網頁設計的制作思路和制作要點。視聽元素的綜合運用是網頁設計的特點之一，是網頁設計發展的必然方向。
藝術設計元素在網頁設計中的運用是今后網頁設計發展的新趨勢，網頁設計作為一種新興的藝術設計，只有合理地將藝術設計元素運用到網頁設計中，才能做出賞心悅目的網頁。
參考文獻：
[1] 姚霓.淺談網頁設計要素[J].科技情報開發與經濟，2008，（18）.
第3篇：網頁設計的要點范文
Flash網頁設計“總分總”的教學模式
在軟件基礎和線性動畫（Flash廣告設計）的基礎上，進入到課程的主體模塊，即Flash網頁設計。與HTML靜態網頁的分頁面結構不同，Flash網頁設計在集成設計開發環境內（Flash軟件和Action腳本）實現網頁內容與非線性結構的編排，模塊化特性明顯。為此，筆者嘗試采用“基本結構設計—模塊分解設計、網站整合”三步走的教學法，可概括為“總—分—總”教學流程，合理調配教學難點和重點，循序漸進，在實踐中取得了一定的效果。（一）基本結構設計首先，從網頁基本結構入手，利用按鈕對時間線上各幀的控制構造網站模型，其中包含了最基本的場景轉換。在學習的后期，可以針對每幀對應的畫布進行深入設計，包括內容擴展和淡入、淡出動畫效果的實現等。基本結構設計涉及每幀對應的畫布設計、按鈕設計、元件和實例的進一步應用以及補間動畫等內容，還涉及一些基礎的Action腳本內容，如“stop”“gotoAndStop”“gotoAndPlay”命令以及幀標記的參數調用等，適合入門學習。在腳本程序編寫的最初階段，重點要使學生理解腳本語言代替人進行指令操作的特性，如“去哪”“做什么”等，利用這種指向性的形象思維逐漸強化學生的編程思維。一般來說，靜態網頁設計課程教學不會將Java腳本作為重點，在這種情況下，這一階段的Action腳本學習就更加重要。（二）具體模塊學習由于Flash網頁多在屏幕的顯示面內不翻屏，高度有限，這就需要使用軟件功能和腳本程序創造更多的結構層次去容納網頁內容。除了場景的轉換外，在每個場景之中，還要借助于不同類型的頁面組件來實現額外的結構層次。針對種類較多的頁面組件，可以實施“分解教學”，即拋開網站設計的整體性，單純提煉每個組件的設計與編程要點，使每節課都可以完成一種組件設計，實現相關功能。筆者選擇的頁面組件包括按鈕組（菜單）、彈出框、下拉菜單、聲音控制模塊和預加載器等。在設計層面，要考慮到各組件與網頁整體風格的一致性；在內容層面，要合理地選擇組件類型，豐富內容層次，便于用戶訪問，形成良好的互動性。而在Action腳本編寫方面，要以典型程序、核心程序為主，逐步增加更多的樣式變化。實際上，雖然組件類型不同，其背后的程序控制大多有著一定的內在聯系，如很多組件都會用到onEnterFrame頻率控制函數。隨著教學的不斷深入，要盡量將腳本教學系統化，將松散的知識點整合起來，盡量覆蓋到常用的函數、方法和命令。（三）網站內容搭建經過不同組件的分解學習，接著補充幾種場景轉換的方法，結合不同設計項目中對組件的選擇，Flash網站就可以搭建起來。至此，Flash網頁設計的技術性教學目標就基本完成了。在技術性教學目標之外，在課程的收官階段，要融入行業設計理念，以提高結課作業的質量，保證教學效果。在HTML靜態網頁設計教學階段，筆者針對結課作業挑選了“實用設計”這一特定行業分類進行教學強化，避免學生在結課階段設計得沒有針對性，學無所用。
靜態網頁的有效補充
如果分析“靜態網頁”的內涵和外延，可以看到，在基于HTML網頁設計之外，只要立足于本地，與服務器沒有數據交互的網頁設計都可以統稱為“靜態網頁”。從這個角度來看，藝術設計專業中的Flash網頁設計課程也基本上以靜態網頁為主。在Web2.0時代，交互性的社交網絡已經發展得比較成熟，使每個獨立域名的網站不再是用戶交互的首選。在這種形勢下，靜態網頁設計要“揚長避短”，不拘泥于本身用戶交互行為的弱點，以設計為主，反而有自己的一席之地。在教學中，要鼓勵學生在參與網絡互動之余，盡量發揮自身設計優勢，具備獨立完成內容展示型網站的能力。經過相關調整，Flash網頁設計課程具備了循序漸進、由淺入深的教學層次，直至課程結尾處，著眼于設計之“道”的有目的訓練，使整個網頁設計課程體系具備了從基礎知識到綜合設計提升的完備性，并與其他課程有機結合，最大限度實現了課程的自身價值，為該課程的序列化、標準化建設積累了一定經驗。
作者：劉立偉 杜美易
第4篇：網頁設計的要點范文
關鍵詞：職業學院；網頁設計；教學改革
中圖分類號：G4文獻標識碼：A文章編號：16723198（2014）07013001
1突出高職學院的實踐性教學特色
高職學院以培養高等技術應用性人才為根本任務；以適應社會需要為目標、以培養技術應用能力為主線設計學生的知識、能力、素質結構和培養方案，畢業生應具有基礎理論知識適度、技術應用能力強、知識面較寬、素質高等特點；以“應用”為主旨和特征構建課程和教學內容體系；實踐教學的主要目的是培養學生的技術應用能力，并在教學計劃中占有較大比重；“學校與社會用人部門結合、師生與實際勞動者結合、理論與實踐結合是人才培養的基本途徑。
2教材改革
選好教材、用好教材是搞好教學的重要保證。根據高等職業教育教學的特點，我們采用以工作過程為導向的新理念教材，以“任務驅動”形式來重點突出了教學的實用性和操作性。我們選用的《網頁設計》教材各部分都采用任務驅動教學法；介紹了網頁制作、站點管理與規劃、Flas設計與Fireworks網頁圖像處理，并將其三者融為一體，通過典型任務并且連貫的講述了網頁設計的總體思想以及詳細的設計步驟。對重點概念、重要的操作技能，力爭通過典型工作任務講深講透。
本教材每一章節都將教學重點列入綱要，結構清晰、重點突出，對每個知識點的概念都加以詳細的說明，各個典型任務充分體現教學重點和重要的操作技能，能讓學生深入消化理解掌握并達到舉一反三。本教材也適用于其他網頁設計軟件的升級版教學。
3教學方法和教學手段的改革
高等職業學院的教學應具有較強的實踐性，針對學生的具體情況，我們采取相應的教學方法，在教學方法上，應注重理論知識簡潔凝練，要采用多樣化教學手段，實行啟發式教學、任務驅動教學、實例教學以及精講多練、邊講邊練等多種教學方法，激發學生學習的興趣。
采用任務驅動和實例教學法。在課前，教師要做好充分的教學準備工作，通過網絡資源搜索和本節課內容相關的教學實例和視頻，在開始上課時，給出本節課的基本任務和學習要點，接著給學生播放已經設計好的實例或網上下載的視頻來演示本節課的主要內容，播放視頻或實例的過程中，要求學生仔細觀察頁面的結構和特點，并總結出實例要點和制作的關鍵環節，之后教師提示并給出學生的具體操作步驟。
例如在講到“表格”時，根據教學目的和教學內容選用典型的實例，先對學生展示該實例使用表格的效果，然后再詳細講解表格的創建與基本屬性的設置，每講完一個屬性都要讓學生創建表格并設置一下其相關的屬性值，讓學生能夠瀏覽到網頁的直觀效果，然后再讓學生舉一反三，獨立完成一個類似的表格設計，從而達到鞏固知識點的目的。這樣可以激發學生的學習興趣，提高學生的學習積極性，案例教學法中案例的分析與完成，有助于培養學生分析問題、解決問題的能力，
在實際教學中，學生計算機知識接受能力不同、水平參差不齊的狀況，不可能所有的學生在課堂上都能及時掌握教師所講的內容，需要在課后對課堂內容進一步復習鞏固，教師可以給學生布置一些相關實例，可為學生聯系一些企業網站設計任務，使學生能夠更好的鞏固學習、發揮自己的創新能力，制作出結構清晰、內容合理的網站。教師可以將課件及相應的學習資料放到教學郵箱里，對于重點和難點和知識，教師還可以錄制教學過程視頻，放在學校網站上，學生可以隨時訪問下載并進行學習，另外，教師還可以通過電子郵件或者QQ和學生交流，在課后也能隨時解答學生的疑問。
4課程考核方式改革
在《網頁設計》課程的考核過程中，主要采用網站創建測評。該課程考核主要分為作業考核、期中測試和期末課程設計測評幾個方面。作業要體現出每節課程的中心內容和學生的創意思維，期中測試要對半學期所學的理論與實踐設計相結合，制作出符合內容需要的合理頁面。最后在期末課程設計測評中，要求學生結合網頁設計的三大部分dreamweaver、flash、fireworks，開始著手收集資料，自己制作網站需要的相關圖片和動畫，規劃網站的整體框架，總結網頁上體現的所有網頁元素，通過詳細設計分析，創建自己特色的個人網站。每位學生自己設計一個個人網站，該網站首先必須是原創；其次，要有自己的特點，除了網站首頁設計外，還要具備相關的幾層鏈接來擴展網站的內容。為了進一步提高學生的網站建設及維護能力，我們還開設了相關的動態網頁設計課程等。
總之，職業學院的網頁設計課程教學模式的改革已經成為必然，它對于應用型人才的培養具有舉足輕重的作用，因此，本人對《網頁設計》課程的教學進行了適當的改革，積極探索，用于實踐，努力提高教學水平，吸引學生的學習興趣，在教學過程中，從學生感興趣的角度出發，對理論教學、實踐教學和課程考核方式等方面進行探索和改革，能使學生主動探索，抓住學生的興趣所在，提高其上機操作技能，拓展其知識面。
參考文獻
[1]婁楓.淺談高職院校計算機基礎課程的教學改革[J].中國科技信息，2006，（10）：237238.
[2]朱士高.淺談高職院校計算機類課程教學模式的改革[J].高教論壇，2006，（6）：208209.
[3]王鋒.高職院校計算機公共基礎課技能目標與實際探討[J].職業技能，2007，（3）：2728.
第5篇：網頁設計的要點范文
>> 淺談高職院校網頁設計課程的教學改革 中職網頁設計課程的教學探討 淺議技工院校網頁設計課程實訓立體化教學的開展 淺談網頁設計課程在酒店管理專業的作用 淺談中職學校《網頁設計與制作》課程教學設計 淺談中職《網頁設計與制作》課程教學方法 淺談高職院校《網頁設計與制作》課程改革 模塊化教學法在中職學校網頁設計課程教學中的應用 淺析項目教學法在中職《網頁設計制作》課程中的應用 探究式教學法在中職網頁設計制作課程中的應用 翻轉課堂在高職院校網頁設計與制作課程中的實踐 淺談中職網頁設計教學 中職《網頁設計與制作》課程的改革初探 論中職校網頁設計課程的教學改革 對技工院校網頁設計課程建設的思考 MOODLE在中職《網頁制作》課程教學中的應用 翻轉課堂在中職網頁制作課程中的應用 淺析“服裝電商平臺”在《休閑服裝設計》課程中的應用 中職網頁制作課程教學設計探討 中職網頁設計課程教學探討 常見問題解答 當前所在位置：l等等。
（二）任務驅動法
通過下達任務、分析任務技能點、講解任務、學生完成任務的方法，教師將教學內容巧妙地隱含在每個“任務”之中，學生自主或者在教師的指導下提出解決問題的思路和方法，然后進行具體的操作，教師引導學生邊學邊完成相應的“任務”。技能點的分析，有利于加深學生對關鍵技能點的印象。例如“創建自定義框架”，該任務需要學生理解框架的構成，包括了創建框架和拆分框架兩個步驟，還包括了框架和框架集的保存。任務實施過程中結合小組教學法，采用幫帶機制，將學習水平不等的同學安排在同一組，組員間完成不同操作點，并集合在一起，共同完成全部作業，再進行小組評比，組間切磋學藝，指出對方不足，共同進步。例如網頁布局，不同組對于同一個頁面，或者采用表格布局或CSS+DIV布局，或者框架布局，過程不盡相同，但呈現效果相同。那么此時小組間的比拼，就是學生智慧的碰撞，是技能的比拼，有利于活躍課堂氣氛，增強學生對知識關聯性的掌握。知識通過實踐來理解和掌握。創新肯定是在舊知識的基礎上產生的。小組間的比拼，也可以培養學生的創新精神和創新理念，不僅僅是簡單的模仿和重復。在任務驅動法中，學生通過實操產生感性認識，完成理論和實踐相結合。
（三）演示（示范訓練法）
中職學生有一個共同的特點，就是閱讀能力較差。如果單單下達任務，不做任何講解，學生完成任務的效果就很一般。因此，演示法在此發揮了重大的作用。操作的演示，可以使學生直觀、具體、形象、生動地進行學習，有利于其理解和接受，學生可以清晰地把操作要點在腦海中重現，然后模仿練習。比如，留言表單的演示，首先插入表單―表格布局―單元格元素操作―驗證表單按鈕。此時，演示法還可以結合微課教學。“微課”是指教師在課堂內外教育教學過程中圍繞某個知識點（重點、難點、疑點）或技能等單一教學任務進行教學的一種教學方式，具有目標明確、針對性強和教學時間短的特點。將創建留言表單的大概操作通過視頻方式展示給學生，達到節約教學資源，降低教師授課強度的目的。對于一些接受能力較弱的學生，可以通過反復多次查看操作視頻，掌握完成作業的方法。同時也可以將視頻下載到學生的移動端，在課后通過手機進行復習，解決教學時間和空間的問題。
（四）練習和巡回指導法
巡回指導法是職業技能教學中不可或缺的一種教學方法，同樣，它在該課程的教學中也發揮著重要作用。它可以提升學生對新知識與技能的熟練水平和增強對舊知識和技能的鞏固程度。通過巡回指導，可以及時改正學生出現的錯誤。對于完成較快的學生，可以對其進行表揚，并讓其演示，讓其他同學看到自身的不足和差距，激發自己學習的積極性。安排完成較好的學生幫助落后同學，既可以增進同學間的友誼，也可以減輕教師巡回指導的壓力。教師在巡回過程及時查看作業，若發現易錯點，可以通過反復強調，重新演示糾正。例如，在創建留言表單時，發現提交表單時，網頁沒有做任何字段的校驗，是因為學生沒有使用驗證表單操作。
六、結語
電商網頁設計是電子商務的專業課程，該課程的教學是教師和學生的交互過程。教師從學情分析、教學導入、教學方法多方面思考，探出合適的教學方法。教學過程強調因材施教、學情分析、課程關聯、教學方法融合，重視學生交流，作業反饋，是一個層層遞進的過程。中等職業教育作為職業教育的重要組成部分，以全面素質為基礎，以能力為本位的理念，要求培養具有良好職業道德，具備綜合素質和技能，并能勝任相關工作的專業化人才。現代社會科技迅猛發展，人們的思想受到各方面的沖擊，教學理念也需要不斷更新，不斷創新機制，深化課程改革體系，為社會培養高技能人才做出貢獻。中職課程的開展，更應強調理論與實踐相結合，不斷創新教學方法，與時俱進。
【參考文獻】
[1]廣東省職業技術教研室.職業技能教學[M].廣東科技出版社，2007.
第6篇：網頁設計的要點范文
【關鍵詞】視覺傳達；網頁設計；構成元素；視覺流程
隨著我國經濟實力和科學技術的蓬勃發展，國民的精神文化需求也日益增長，網絡媒體作為一種時尚消費文化的主要載體之一，因而其顯著的信息傳達性及有效性被人們所重視。網頁藝術設計作為一種新興產物，以因特網為媒介，以網頁為其載體，以網絡技術和數字技術為其基礎，依照設計目的、遵循藝術設計規律，藝術與科學相結合的藝術創造和視覺傳達活動。
1.網絡藝術設計的概述
1972年第一屆國際計算機通信會議上通過了由美國人溫頓?瑟夫（Vinton Cerf）和羅伯特?卡漢（Robert Kahn）開發的傳輸控制協議和Internnet協議（TCP/IP），為Internnet的誕生奠定了基礎。
網絡藝術是伴隨著互聯網的產生而形成的新媒體藝術形式，而互聯網的迅猛發展，其作為一種新的大眾媒介，具有交互性，廣泛性，傳播快等優點，為視覺傳達提供了良好的基礎條件。與此同時，由于互聯網技術的制約，如何更好的將網頁設計中的視覺信息傳達給大眾并且符合大眾的閱讀與審美需求，成為當今設計者考慮的一個課題。
2.網絡藝術設計的要素分析
網頁所涉及的元素種類繁多，如何將這些多元素更清楚更美觀的羅列給瀏覽者，是設計者所考慮的一個重要因素。而網絡藝術設計的要素主要分為兩種，可以概括為形態要素和構成要素。
2.1 形態要素的分析
網絡藝術設計的形態要素是指網頁瀏覽器本身或在插件支持下能夠運行、顯示或收聽的各類造型元素。主要的形態設計如下：文字設計，其包括Logo設計、正文文字、按鈕文字；圖標設計，其具體包括按鈕、Logo、矢量圖標、像素圖標；導航設計，其具體包括導航條、站點地圖；音頻設計，其具體包括背景音樂、動畫音樂；視頻設計，其具體包含網絡廣告、網絡視頻；動畫設計，其具體包含網絡廣告、GIF動畫、FLASH動畫；圖形、圖像設計，其具體包含廣告條、矢量圖形、像素圖案；VR設計，其具體包含三維廣告、虛擬現實。
由于網絡藝術設計具有藝術性和科學性相結合的特點，網頁設計者應該積極主動地掌握現有的各種網絡技術規律，注重技術和藝術緊密結合，滿足瀏覽者對網頁信息的高質量需求。由于網頁藝術設計所設計的繁多元素，為了更好的便于設計者和瀏覽者獲得信息，我們將這些具體形態要素概括為視聽元素和版式設計兩種。
2.1.1 視聽元素的分析
從人的五感來說，觀感和聽感的結合是獲得信息要素最為直接和可視化的方式。在網頁藝術設計中，視覺流程和最佳視域的合理運用，以及流暢的視覺導向，可以直接影響到傳播者傳達信息的準確性和有效性。所以能夠根據網頁的主題合理安排各視聽元素的設計、組織和應用，是網頁設計師的應具備的基本素質。
視聽元素的構成主要包括：文字、圖形圖像、動畫、音頻、視頻、交互元素等組成。這些元素在藝術上都具有相對獨立性，其中有些視聽元素本身就是一門藝術。
2.1.1.1 文字
文字我們大體可以分為文本文字和圖形文字。所謂文本文字，是指在網頁編輯軟件中可以編輯和更改內容的字符，它具有字體、字號、色彩等的基本屬性。而使用CSS注具有三個主要優點：A.豐富了文本的表現形式；B.簡化了文本的控制方式；C.兼容性強。而圖形文字是指內容不可編輯，已經圖形化了的各種文字。
2.1.1.2 圖形圖像
圖形圖像的運動可以大幅度的平衡文字的枯燥，并且更為直觀的為文字對象服務。而網絡中常用的圖形圖像格式主要有GIF圖像格式、JPEG圖像格式、PNG圖像格式以及SWF圖像格式。
在進行網絡在進行網頁圖形圖像設計時，要根據網頁的特點注意以下要點：A.96dpi是網頁圖像的最佳分辨率；B.控制圖像文件的大小；C.根據不同目的，選擇適當圖像文件格式；D.調整好網頁圖片的位置、面積、多少、主次、色調，對于形成網頁的整體視覺印象非常重要。
同目的，選擇適當圖像文件格式。
2.1.1.3 網絡動畫
網頁動畫的生成原理有三種動畫方式：逐幀動畫、補間動畫、控件動畫。網頁動畫的種類也可以分為三類：FLASH動畫、GIF動畫和控件動畫。旗幟廣告又稱條幅廣告，是網頁中重要的宣傳形式。
2.1.1.4 視頻音頻
網絡音頻和視頻是指網絡中應用的各種聲音和影片形式。網絡音頻和視頻可應用于網絡多媒體演示、網絡動畫、網絡廣告、互動點播、遠程交流、電子商務等多種領域。
2.1.1.5 交互式視覺元素
互動是網頁的顯著特征，網頁的互動功能是通過各種交互式視覺元素實現的。除通過為文字、圖像、動畫添加超鏈接可以實現頁面間的跳轉和人機互動外，網頁中用于互動的視覺元素還有按鈕、表單、導航條、虛擬現實等，它們是網頁設計中實現人機交流的主要手段。
2.2 構成要素的分析
網頁藝術設計的構成要素是指將形態要素組合的形式法則及藝術規律。它既包括一般藝術規律的應用，也有其具自身特點的藝術語言。這些藝術規律和語言可以歸納為以下三個方面的應用：版設設計、導航設計、色彩設計。
2.2.1 版設設計
所謂網頁的版式設計，是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合，它將設計師的理性思維個性化地表現出來，是一種具有個人風格和藝術特色的視聽傳達方式。
2.2.2 導航設計
如果說網頁的版式設計側重于單個頁面的組織構成，類似于平面的設計，那么網頁的導航設計的重點則在于多個頁面的整合，是一種空間的設計，也是一種技術的設計。
2.2.3 色彩設計
網頁的色彩設計既蘊含于網頁的版式設計和導航設計中，又具有相當的獨立性。色彩的冷暖使用可以給瀏覽者產生最直接的情感反應，同時也是使瀏覽者產生第一印象感官的重要因素。
3.小結
網頁設計雖然還有很多局限性，但綜述來說，作為一種新興的視覺表現形式，不僅是一種技能，更是藝術與技術的高度統一。網頁設計者應該積極主動地掌握現有的各種網絡技術規律，注重技術和藝術緊密結合，這樣才能窮盡技術之長，實現藝術想象，滿足瀏覽者對網頁信息的高質量需求。
參考文獻：
第7篇：網頁設計的要點范文
《網頁設計》課程是計算機應用技術、計算機網絡技術、電子商務等專業的必修課，是一門實踐性很強的課程，通過學習本課程，可以為學生今后從事網站開發與設計領域的相關工作打下良好基礎。另外，良好的網頁設計能力是計算機相關專業畢業生必須具備的基本能力之一。作為高職院校，應注重職業能力培養，考慮對網頁設計課程的教學內容進行改革，以工作過程為導向，規范課程教學的基本要求，提高教學水平。
1 教學內容分析
網頁設計是高職院校電子信息類專業的專業核心課，教學內容主要包括HTML語言、CSS樣式表、Dreamweaver、JavaScript、網站維護等內容，其后續課程包括Photoshop圖像處理技術、flash制作、ASP程序設計、數據庫等。
對高職學生來說，網頁課程難學的原因很多，分析教學內容方面的因素，主要有：課程與教學內容缺乏實用性，教師教學過程以學科為中心，系統講解知識點為主；網頁語法規則繁多，傳統的教學過于強調語法，沒有按照認知規律合理編排教學內容，導致簡單問題復雜化，造成學生學習難度大；過于重視系統性和全面性，長篇累牘，學時與內容矛盾突出；實踐教學方式、手段不適應時代需要，學生職業能力培養沒有落到實處。
綜上所述，本著“實用”和“夠用”原則，在課程定位的指導思想下，以培養學生的職業能力為目標，大膽取舍教學內容，重點講解實際工作過程中網頁制作實用技術。
2 學情分析
2.1 高職學生特點。抽象思維能力一般，缺乏良好的學習習慣，學習的主動性、探索性不夠。排斥理論知識的學習，卻對動手實踐具有強烈興趣。
2.2 教師對策。針對很多學生抽象思維能力差，不喜歡枯燥的理論學習，但在動手能力上素質較好的情況。在教學活動中，教師應該以工作過程為導向，考慮學生已有的知識水平，設計出符合認知規律的教學過程。并在教學活動中融入較多的實踐動手項目，激發學生興趣，提高學生的參與度。同時注意把握問題的難度，設置合理的梯度。使學生不斷增加成就感，并逐漸認識到“枯燥的理論”對“動手實踐”的指導作用，從而產生對理論學習的需要和自主學習的欲望。
3 教學設計思路
3.1 理念。基于工作過程開發網頁設計課程。
3.2 教學總體設計。（1）課程內容改革：針對IT行業對“網頁設計師”職業的崗位要求，課程內容以網站前端技術為主；（2）實踐教學改革：以項目為載體，用一個小型網站項目案例貫穿整個課程的教學，如下表1所示。對網站項目進行分解，分解為若干個子項目單元，將網站前端技術的知識點映射入各個子項目單元。同時力求讓課程的每一個教學模塊基于工作過程來設計，做到“教、學、做”一體化，真正地強調學生的動手能力；（3）考核方法改革：形成式考核為主，提倡職業標準，切實保障教學效果。
表1 小型企業網站項目舉例
序號 模塊名稱 知識點
1 建站準備 需求分析
2 規劃設計網站 網站規劃設計知識、網頁配色
3 準備素材 用potoshop（PS）制作網站logo及相關圖片，掌握PS在網頁設計領域的應用
4 定義站點，制作公司首頁 Dreamweaver中站點的創建與管理，CSS+DIV應用
5 設計制作欄目1-公司概況 網站中字體搭配與排版
6 設計制作欄目2-企業相冊 表格、網頁中的多媒體應用
7 設計制作欄目3-產品展示 超鏈接、CSS
8 設計制作欄目4-留言板 表單、數據庫訪問
9 網站整合與 申請空間及上傳網站等
3.3 教學單元設計。單元學習情境的設計要有針對性，基于工作過程設計單元學習任務，重點訓練學生的網頁制作能力。對主要教學單元采取任務導入、要點分析、示范操作、項目實訓、總結提高五步走。其中教學重點難點需要反復多次訓練，可以補充小實例作為項目案例輔助，才能達到較好的效果。
單元設計關鍵點：首先以貼近工作實際的小例子導入，由淺入深。每個單元理論和實踐的比例應不超過1：1，尤其注意實例的選取，盡量有實際意義，避免單純為了講解知識點之用；其次講練結合，在課堂上讓學生動手制作網頁。考慮到高職學生課后自主學習較差，并且課上實踐，一旦遇到困難教師可以及時給予鼓勵和指引。有利于學生少走彎路，盡快樹立信心，而不是被大量困難嚇倒；再次實訓項目精心設計梯度，由淺入深，循序漸進，使學生實踐中不斷積累信心，最終取得良好的學習效果。
4 教學方法與手段
4.1 采用項目教學法，以學生為主體、教師為主導，通過共同實施一個完整的工作項目而進行的教學活動。具體來說，本課程以網站項目帶動教學，完成一個網站項目的全過程實際就是學生掌握網頁設計知識、轉化網頁制作技能的過程。
4.2 理論與實踐相結合，結合項目案例和教學實例進行教學。項目案例從面向工作過程的實際項目中提取，覆蓋全部教學重點；教學實例緊密契合各單元的知識點，小而精。
4.3 講解與多媒體演示、開發環境演示相結合。理論知識的講解借助于多媒體教學設備，制作生動的PPT課件；遇到教學重點和難點及時切換至開發環境進行實戰教學。
4.4 教師講授與學生討論相結合。完成單元教學后，根據教學重點和難點布置若干思考題目，學生分組完成；教師安排時間組織學生進行討論，由每小組派代表講解；最后教師點評總結。
4.5 教室課堂與網上課堂相結合。將電子教案、實驗模版、趣味思考題目和項目案例都上傳至校園網FTP上，供學生復習和自學；同時利用網絡QQ和電子郵件系統可隨時給學生答疑。
5 考核辦法
以形成性考核為主。學生成績由平時成績和期末考試成績兩部分構成，其中期末成績占比不超過40%。平時成績包括出勤和項目成績。重點考核學生實訓子項目和實訓報告的完成情況。需要教師注意教學過程中的質量監控，提倡職業標準，使大多數學生提高實際的網頁制作能力，滿足未來職業崗位的要求。
第8篇：網頁設計的要點范文
一、PhotoShop平面設計軟件設計頁面的優點
網頁制作的工具很多，但是使用PhotoShop(以下簡稱：PS)平面設計軟件設計網頁是當前網頁設計的主流方法，是一個功能強大的圖像處理軟件。按照預想的整個頁面布局的思路在PS中分層擺放元素，并利用自己掌握的圖像處理的技巧適當地進行圖像處理，使層與層之間過渡自然，元素與整個網頁的主題相一致，整個頁面成為一個協調的整體。
1.靈活性：PS的靈魂是圖層，一個完整的網頁設計作品往往有許多元素組成，層的功能就是能夠對這些元素單獨進行修改和編輯，而不影響其他元素；可以給圖層添加樣式、蒙版、改變疊放的順序；可以對每個圖層進行圖像設置，如圖像色階、飽和度、亮度、大小等單獨調整。圖層之間是單獨存在的，但又是相互連接的，每個圖層上的圖像位置可以隨意挪動而不影響其他圖層的圖像位置。如此靈活的功能，完全可以讓設計者發揮創意、靈活運用。
2.加快瀏覽速度，互聯網有一項著名的8秒原則：即客戶在訪問網站時，如果頁面打開的速度超過8秒，那么訪問者就會感到不耐煩，甚至極有可能直接關閉該網頁。PS能對網頁大小及網頁元素大小進行適當的調整。用PS設計的網頁經過裁切后體積相對要小得多，相同的元素因為其格式變化也會大大提高下載速度，因此PS就成了提高頁面下載速度的有效工具。
二、PhotoShop在設計網頁布局中應該把握的幾個要點
1.網頁文檔尺寸與分辨率。最常用的瀏覽器頁面是1024*768像素，但瀏覽器本身還要讓出一定空間，才不會出現水平滾動條和垂直滾動條，所以網頁設為1001*600像素，分辨率為72像素較為合適，當然這個可以看情況調整，太高的分辨率并不能增強效果，反而會降低下載速度。
2.頁面設計前的元素準備。考慮頁面的整體風格，思考頁面的區域劃分。一般情況下網頁為以下幾個部分：背景、header部分、body部分、footer部分。
3.分層的重要性。網頁中有很多元素，很多層，像Banner、文本、LOGO、漸變等，盡量把這些元素獨立的放在不同的層上，以便日后修改
三、PhotoShop設計網頁布局中應該遵循的原則
網頁作為一種版面，既有文字，又有圖片，可能還有動畫、視頻等。文字和圖片需要同時展示給用戶，如果只是將它們簡單地羅列在一個頁面上，往往會使頁面顯得雜亂無章。因此，必須根據內容需要，將它們按照一定的次序進行合理布局和編排，使其組成一個有機的整體，展示給用戶。下面詳細介紹網頁布局一般應遵循的原則。
1.圖文搭配，文字和圖像具有相互補充的視覺關系，如果頁面上的圖像太多，缺少文字，就會降低頁面的信息容量；而如果頁面上的文字太多，則會顯得沉闖，缺乏生氣。一個好的網站圖片量和文字量應該以網站的功能、行業、目的而定；文字和圖片相互依托，合理搭配，才能制作出形式生動、內容豐富的網頁。
2.疏密交錯，網頁上重復的形式過多，會使頁面顯得呆板，容易使瀏覽者產生視覺疲勞，因此在內容安排上要恰當地留白，適當地運用空格，改變行間距和字間距等來制造變化的效果，打破頁面呆板、平淡的格局；在對稱性上既要使用對稱美，也要兼顧非對稱美，均衡的網頁生動活潑富于變化，可以給頁面增加一些生動性和趣味性；在色彩上可以適當使用對比，以形成鮮明的視覺效果，最重要的還是要讓個體和主體統一協調，以免產生，顏色搭配不合理，或者太多，給人一種不舒服的感覺。
3.強調整體，這在設計中占據了關鍵位置，起著主導作用。網頁上的整體包括內容和形式上的整體性，這里主要討論的設計形式上的整體性。從版面、色彩、風格入手。在網頁上所有的元素要整體考慮，以周密的結合和精確的定位來獲得頁面的整體感，即使運用“散”的結構，也要經過巧妙的整合，顧全大局，使其產生和諧的美感。
4.突出主題，一個優秀的網頁設計作品必須條理清晰，服務于網站的主題。從空間層次、視覺次序、主次關系，有條理的把握運用。在空間上應該放大主體；從視覺出發重心一般在中偏上位置，這個位置最能吸引瀏覽者；從主次出發，應在視覺中心以外的地方可以安排一些稍微次要的內容，或增加一些空白，可以便得被強調的主體形象更加鮮明突出。
四、“裁切”工具是PhotoShop通向DreamWeaver的橋梁
利用PS設計網頁布局的成品，還有關鍵一步，就是“裁切”，只有正確的裁切以后DreamWeaver才能對效果圖進行有效的整合，PS在網頁布局的積極作用才發揮到了極致。必須注意以下幾點：
1.必須依靠參考線。設計時用到參考線，切圖時更要用好參考線，參考線能保證我們切出圖片同表格尺寸相統一的尺寸，有效避免“留白”和“爆邊”。參考線能保證我們切出圖在同一表格中的尺寸同一協調
2.設計處的虛線、圓角必切、漸變必切，這些都是DW實現不了的，大圖必切，大的圖片均勻的切成小圖，這樣可以提高網頁下載速度。特殊文字必切，避免瀏覽器的不兼容，
第9篇：網頁設計的要點范文
一、中國風格的構圖方式
中國人對于成雙成對的東西比較偏愛，認為這是一切美好事物的組成特征，體現在構圖上就是對稱美。對稱包括左右對稱、上下對稱、中心對稱等多種形式。網頁設計中用到最多的是左右對稱。如“石家大院”的首頁，通過展示宅院建筑的對稱美，將彌漫在大院里濃重的莊園歷史文化氣息表現得淋漓盡致。對稱的網頁設計比較符合中國傳統審美，具有平衡、穩定、和諧、莊重之美，缺點是缺少變化和動感。中國畫講究留白，留白不是簡單的空白，而是經過精心布局下的空白。通過文字與圖片、視頻等元素的穿插交錯，把留白巧妙地按照大小、面積、形狀應用在網頁設計中，可以突出頁面的動感、虛實和意境，便于網頁上下左右各部分的呼應。“何園”首頁將設計元素集中在網頁的中心，擴散開的墨跡、清麗的荷花，配以寥寥幾筆墨竹，在大面積留白襯托下格外醒目。幾縷縹緲的煙霧、幾條紅色的金魚游動在背景空白中，時隱時現，意境深遠。
二、中國漢字的應用
文字是網頁構成要素之一，在網頁設計中具有舉足輕重的作用。中國古代的文字是自上而下豎書成行，自右向左換行。這一豎排的布局方式可以使網頁呈現出濃濃的中國古典文化氣息。書法是中國本土文化中最有代表性的符號，以其古樸、蒼勁、靈動的風格區別于一般的美術字。在漫長的發展歷程中，已經成為一種具有高度文化個性、文化品位的藝術形式。設計師在網頁設計中應用書法飛白筆觸，可以傳達書法的意境，能使用戶感受到獨特的文化品位和民族風格。書法字體比較適合標題文字，大量的正文文字為了方便瀏覽者閱讀和快速下載網頁文本，應該盡量避免運用傳統豎排的方式，字體最好選用電腦里默認的標準字體。
三、中國傳統圖案的應用
中國傳統吉祥圖案是中國傳統文化重要的組成部分，以人物、動物、植物、自然現象、文字、神話故事等為題材，運用諧音、寓意、象征、比擬等手法繪成圖像，表達人們祈禱富貴、高升、長壽、避邪等美好愿望。傳統圖案的吉祥意味同樣適用于現代設計，適用于表達現代人的設計觀念，常應用于傳統文化、歷史人文景點、地產項目、各種展館、餐飲業等網站中。除了常見的吉祥圖案外，古建筑、青銅器、壁畫、扇面、卷軸、窗欞、龕楣等中國風格的圖案與現代設計方法結合，亦能營造出既現代又古樸的韻味。方勝、云紋、水紋、連枝、回紋、如意紋等裝飾紋樣內涵豐富，運用得當會很好地烘托整個畫面的氛圍。在頁面中，單獨的裝飾紋樣常作為邊角裝飾圖案；二方連續的裝飾紋樣常作為裝飾線用來劃分頁面，也可以用來引導用戶瀏覽的順序和方向；四方連續的裝飾紋樣常常作為背景圖案。中國畫寫意的花鳥、山水、人物的水墨效果配以書法、篆刻，能使網頁充滿詩情畫意。例如“聚春園”首頁將中國畫、書法、英文與攝影圖片自然地融合，頁面動靜結合，既傳統又現代，體現了百年老店“聚春園”悠久的歷史和現代化的經營模式。
四、色彩的應用
我國傳統藝術用色的基本準則是五色，即黑、白、赤、青、黃。這五種顏色搭配，效果十分強烈。通過傳統色彩搭配可以表現網頁的古樸與現代、大俗與大雅、清新與濃艷。除此之外，茶色也是常用來表現中國風的重要顏色。茶色很多情況下被用作網頁的主色調。如“南園茶社”采用了大面積茶色背景與舊城墻磚的結合，配以朱砂紅的文字、黑色的文字背景，充滿了古色古香的懷舊風格。傳統顏色的選擇和搭配要慎重，確保頁面的整體色調和諧統一。低飽和度的顏色運用不當就會使頁面格調顯得沉悶、壓抑。可以適當用一些高明度、高飽和度的色彩進行局部點綴，使畫面變得通透。
五、中國元素運用要點
1.切題。在網頁設計初期，我們首先要確定網站的內容是否適合運用中國元素，能否恰當地表達構想和準確地傳達信息，因為并不是所有類型的網站都適合中國風格。千萬不要為了形式而形式，一味地追求個人境界，最后偏離了網頁主題。
2.主次分明。從視覺角度來看，網站的中國風格是所有設計元素共同營造出來的，但這并不意味所有設計元素都要具有濃厚的中國特色，也不要把一些中國元素符號簡單地堆砌在畫面中，要比例適當、主次分明、突出資訊，利于引導用戶的瀏覽順序，做到簡潔、清晰。
3.傳統與現代融合。對中國傳統元素的應用，更深層次的是在于意境和內涵的傳承。因此不要完全照抄照搬固有圖案和符號的表現形式，避免頁面的過度本土化，要創新應用，使之充滿現代感和更加國際化，達到與傳統“神似”的目的。另外，中國風格的設計元素可以與視頻、音頻、動畫結合，發揮網頁表現形式立體化、層次化，傳播互動化的優勢，給用戶全方位的視聽享受。
