時間：2023-10-17 16:20:34
導語：在網(wǎng)頁設計的流程的撰寫旅程中，學習并吸收他人佳作的精髓是一條寶貴的路徑，好期刊匯集了九篇優(yōu)秀范文，愿這些內容能夠啟發(fā)您的創(chuàng)作靈感，引領您探索更多的創(chuàng)作可能。
關鍵詞：網(wǎng)頁設計；圖片視覺；網(wǎng)頁瀏覽；視覺研究
網(wǎng)頁能否有好的發(fā)展，不僅體現(xiàn)在好的創(chuàng)意上，也體現(xiàn)在網(wǎng)頁的設計上，好的網(wǎng)頁設計可以吸引網(wǎng)民的眼球，提高瀏覽量，但是我國目前網(wǎng)頁中的圖片視覺效果依然停滯不前，沒有太大的發(fā)展，在圖片的瀏覽上，缺乏靈活性，圖片設計方面沒有創(chuàng)意，網(wǎng)頁設計人員的技術得不到提高，圖片的視覺效果很差。
一、網(wǎng)頁視覺設計的原則
要想有展現(xiàn)出完美完美的圖片視覺效果，需要了解網(wǎng)頁視覺設計的原則，依據(jù)原則進行圖片設計，從而達到是事半功倍的效果，在設計網(wǎng)頁的時候，為了使網(wǎng)頁中的圖片與內容合為一體，遵循形式美與內容美，要從以下幾點出發(fā)：
（一）比例尺寸得當,對稱均衡適度
合理的比例是美的前提。比例得當不僅適用于繪畫，同樣也適用于網(wǎng)頁設計。在網(wǎng)頁設計中，要想把握好比例，需要做好組版元素間和諧的關系。把握好比例尺寸，可以以中心線為軸線，這樣做出來的網(wǎng)頁圖片，帶給人一種大方、穩(wěn)定、端莊的感覺，既體現(xiàn)了秩序的原則，又給人高貴的美。在網(wǎng)頁設計中，點線面是很注重的要求之一，首先要在平面中找到平衡點，讓絕食產(chǎn)生舒服的感受，接著要找到對稱的部位，最后要以整個尺寸為基調，找到平衡點。
（二）動靜變化有序,節(jié)奏韻律明快
網(wǎng)頁中的動態(tài)和靜態(tài)的變化是根據(jù)三維空間和圖片的比例等因素體現(xiàn)出來的。同種元素因為布局與層次的變化會造成不同的視覺體驗。在網(wǎng)頁設計中，對空間的要求是很高的，需要考慮動態(tài)與靜態(tài)的結合，節(jié)奏韻律的快慢。在網(wǎng)頁的設計中，運用動靜結合的方式，給人生動活潑的視覺感受，對節(jié)奏韻律把握明確，可以增加網(wǎng)頁圖片的感染力，同時又可以渲染氣氛，展開聯(lián)想。
（三）繁簡互襯,多樣統(tǒng)一
網(wǎng)頁設計，需要考慮好網(wǎng)頁的內容和圖片版面，既不能使網(wǎng)頁看起來太過繁雜，也不能使網(wǎng)頁太過簡單。在設計網(wǎng)頁的時候，可以針對內容的多少進行合理的排版，同時也可以通過色彩搭配來對網(wǎng)頁中的內容和圖片進行分開。對網(wǎng)頁的合理布置，使網(wǎng)頁看起來繁簡互襯,又能夠使整體多樣統(tǒng)一，各個元素獨立而統(tǒng)一.按照視覺藝術的原則，給人以美的感受。
（四）圖形
在網(wǎng)頁設計中，圖形的設計也是很重要的，圖形和圖片的比例需要恰到好處。圖形是圖片的縮小化，它可以幫助網(wǎng)頁中的文字更加清晰，使整個網(wǎng)頁看起來更加的美觀和立體。小的圖形在視覺上給人帶來一種清新可愛的感覺。對圖片的位置和形式的合理的布置，可以使網(wǎng)頁更加美觀大方。
二、提高網(wǎng)頁設計圖片視覺的方法
網(wǎng)頁設計需要遵循形式美和內容美的有機結合，需要比例尺寸上把握得當，動靜變化有序,節(jié)奏韻律明快，繁簡互襯,多樣統(tǒng)一的原則，同時也要做好圖形的設計，要想提高網(wǎng)頁設計圖片視覺，就要從以下幾點來進行：
（一）單項視覺流程
網(wǎng)頁設計的單項視覺流程是指對網(wǎng)頁中的圖形、文字和符號等在平面上進行不同方向的變化，可以表現(xiàn)為橫向、縱向和斜向這幾種形式，然后對其進行構圖。單項視覺流程在操作起來簡單，同時也能夠使網(wǎng)頁的平面結構看起來更加的清楚直觀，能夠直接明了地升華主題，在視覺上給人鮮明的層次感，表現(xiàn)出單項視覺流程的穩(wěn)定、端莊的效果，具有堅定、直觀的感覺。
（二）反復視覺流程
網(wǎng)頁設計的反復視覺流程是把相似或者同樣的視覺元素進行三次或者三次以上的編排，使網(wǎng)頁的圖片畫面有規(guī)律、有節(jié)奏、有秩序。運用反復視覺流程，給人的視覺帶來沖擊性，同時有體現(xiàn)出了網(wǎng)頁圖片的韻律美、節(jié)奏美和秩序美，給人眼前一亮的感覺。
（三）曲線視覺流程
網(wǎng)頁設計的曲線視覺流程只要根據(jù)人眼來回擺動舒適感的舒適感進行設計，人們的眼睛可以依據(jù)弧線的運動變化方式來觀看網(wǎng)頁中的圖片。其中曲線視覺流程主要包括了弧線形（c形）視覺流程和回旋線形（s形）視覺流程。弧線形（c形）視覺流程給人飽滿的感覺，具有明確的方向感和擴張感，回旋線形（s形）視覺流程給人流暢，柔美的感覺，使圖片生動起來，有很強的動感美和節(jié)奏美。雖然曲線視覺流程不如單項視覺流程看起來直觀，但是卻有飄逸美。
（四）焦點視覺流程
網(wǎng)頁設計的焦點視覺流程主要是用焦點來吸引人們的眼球，聚集瀏覽者的目光。焦點視覺流程為了更好的吸引人們的眼球，往往還要用鮮明的顏色來對焦點進行強化，與網(wǎng)頁圖片的背景形成對比，同時也會別出心裁的設計焦點，分從從焦點的形式、焦點的層次和焦點與圖片的結構進行。焦點視覺流程通常是以圖形為主要元素，形成視覺磁場。
三、結語
隨著信息科技的不斷發(fā)展強大，圖片對網(wǎng)頁的影響也是極其重要的，快節(jié)奏的生活，使人們更加傾向于借助圖片來獲得自己想要的信息。因此只有遵循網(wǎng)頁圖片的設計原則，分別從單項視覺流程、反復視覺流程、曲線視覺流程和焦點視覺流程出發(fā)，才能更好地發(fā)揮出圖片的價值，給社會大眾帶來美的感受。
參考文獻
[1]劉青玲.圖片優(yōu)勢效應在網(wǎng)頁設計中的研究與應用探討[J].科技創(chuàng)新與應用,2015,(21):86.
[2]林歡,譚浩,趙江洪.圖片優(yōu)勢效應在網(wǎng)頁設計中的應用[J].包裝工程,2014,35(18):13-16+24.
[3]林歡.圖片優(yōu)勢效應在網(wǎng)頁設計中的研究與應用[D].長沙:湖南大學,2014.
關鍵詞：工作過程（項目）導向；教學摸式；探索與實踐
中圖分類號：G642文獻標識碼：A文章編號：1009-3044(2012)18-4468-02
近年來，高職院校的職業(yè)教育課程取得了很大成效，高等職業(yè)教育的迅速發(fā)展，然而在高等職業(yè)教育人才培養(yǎng)的效果與市場需求、高職畢業(yè)生的職業(yè)能力和實際職位要求之間存在差距，其原因在于現(xiàn)行課程教學與職業(yè)教育特征之間的差距，使課程及其教學模式改革成為當前高職院校教育發(fā)面臨的關鍵任務。
從網(wǎng)頁設計實際工作任務來看，“工作過程（項目）為導向”的教學摸式，是以教學實踐為主線，以實操、討論、項目推動等互動教學，培養(yǎng)學生的職業(yè)技能，突出了職業(yè)教育的新型教學模式。項目設計是可實踐性的，以保證學生可操作并有所收獲。每個項目以“成果―＞技能知識”為序，安排各項任務，充分調動學習者的積極性，逆向形成“知識＋技能＋成果”的職業(yè)崗位本領。
從職業(yè)能力培養(yǎng)目標及網(wǎng)頁設計職業(yè)崗位要求的角度調查和分析，學生職業(yè)能力是使學生熟悉網(wǎng)頁設計工作的全過程。圍繞崗位核心技術技能，按照“必需、夠用”的原則，將Dreamweaver、Photoshop、fireworks等網(wǎng)頁設計與制作的主流工具有機地融為一體。
1構建工作過程（項目）為導向教學模式
工作過程（項目）為導向教學模式是以項目教學法為主體來進行。其主要特點強調團隊成員的分工合作和主動制定實施方案，在項目的執(zhí)行過程中訓練學生的知識和職業(yè)所需技能，項目管理和質量監(jiān)控辦法作為過程控制的必須條件。
工作過程導向（項目）課程開發(fā)模式幫助學生獲得最受企業(yè)關注的工作過程知識和基本工作經(jīng)驗，以滿足企業(yè)和勞動力市場的需求方面顯現(xiàn)了強勁的生命力和適應力。“以培養(yǎng)職業(yè)能力為核心，以工作實踐為主線，以工作過程（項目）為導向，建立以行動（工作）體系為框架的現(xiàn)代課程結構”的教學模式的理念，已達到良好的效果。
作為職業(yè)教育的高職網(wǎng)頁設計課程，其特點決定應打破傳統(tǒng)學科體系，課程開發(fā)過程應以工作過程（項目）為導向，著力于工作過程的實踐性。因此，以工作過程為導向的課程必然要以實訓項目來展開，實踐性是課程的主體部分。
為此，工作過程（項目）為導向教學模式，就是以項目任務為中心建立的教學情境，圍繞項目任務的實施來展開職業(yè)技能的提升。
2工作過程（項目）為導向《網(wǎng)頁設計與制作》教學特點
《網(wǎng)頁設計與制作》在電子商務專業(yè)中屬于“攝影及美工專員”崗位的課程，該崗位的任務是網(wǎng)店商品拍攝、文案的整合，網(wǎng)店VI設計與印刷等，因此在教學中形成如下教學特點：
1）從職業(yè)行動領域出發(fā),基于網(wǎng)頁設計(制作)人員的實際工作流程和工作任務,以項目引領為“綱”，以任務驅動為“目”，組織教材結構和內容。
2）每個項目以“成果技能知識”為序，安排各項任務，充分調動學習者的積極性，逆向形成“知識+技能+成果”的職業(yè)崗位本領。
3）圍繞崗位核心技能，按照“必需、夠用”的原則，例如將Dreamweaver、Photoshop、fireworks等網(wǎng)頁設計與制作的主流工具有機地融為一體。在教學中不直接使用Adobe的Flash軟件，而是行業(yè)通用的阿里媽媽廣告欄來制作網(wǎng)店Flash。它做為專門面向廣告型的Flash制作，使教學難度大大下降。
3過程（項目）為導向“網(wǎng)頁設計與制作”課程實施
基于工作過程分解的模塊和知識結構，可能與教材按知識體系編排的順序不一致。某個模塊可能涉及前后幾個章節(jié)的相關知識點，因此需要教師能靈活地運用各種教學策略，遵循“夠用”的原則。
通過對網(wǎng)頁設計師的工作過程和工作流程的分析，結合職業(yè)院校學生和初學者的特點，《網(wǎng)頁設計與制作》課程教學按4個層次8個項目組織教學結構和內容：第一層，基礎層，包括項目一（網(wǎng)頁賞析）、項目二（網(wǎng)站規(guī)劃與創(chuàng)建）；第二層，實戰(zhàn)層，包括項目三（網(wǎng)頁布局）、項目四（頁面制作）、項目五（網(wǎng)頁美化），是課程的重點；第三層，提高層，包括項目六（網(wǎng)頁特效制作）、項目七（動態(tài)網(wǎng)頁制作），是本書的難點；第四層，運營層，包括項目八（網(wǎng)站與維護）。
3.1以實訓項目為任務的組織“網(wǎng)頁設計與制作”課程
過程（項目）為導向“網(wǎng)頁設計與制作”課程實施在教學中的一大特點就是教師按照一個現(xiàn)實的項目的工作流程來實施教學，讓學生在實際項目操作過程中，訓練職業(yè)技能。達到人才培養(yǎng)目標。
過程（項目）為導向“網(wǎng)頁設計與制作”課程實施是教師與學生以團隊的形式共同實施項目進行的教學。在《網(wǎng)頁設計與制作》教學中按照“工作過程（項目）為導向”的新設計課程項目。通過項目訓練教學過程提升學生的網(wǎng)頁設計等工作能力。各小組成員合理分工，團結協(xié)作，完成整個項目。結束后，各小組進行工作結果評比及比對討論，結果由教師評審及打分。讓學生參與到“教學”的活動中來，激發(fā)學生的職業(yè)技能興趣和競爭意識，還可以培養(yǎng)學生的職業(yè)道德、團隊合作意識等能力，提升高技能人才素質。
學生將為課程實施工作的主體，教室、實訓室成為學生們工作的模擬職場，學生作為員工角色扮演，學生的學習活動將模擬為職工的實訓活動，學生根據(jù)工作內容的進程自我調整細節(jié)。項目導向課程實施，對教師提出了更高的要求，教師以督導角色出現(xiàn)，教學策略從注重“教法”轉變?yōu)樽⒅亍皩W法”。
3.2工作過程（項目）為導向教學的考評
構建科學合理的評價機制，是電子商務學生學習方式形成乃職業(yè)技能提高的標尺。因此，我們在實踐中探索，形成了相對實用及科學的考評方式。采用不單純筆試為主的考試，靈活多變考評方式。例如：電子商務是以開設網(wǎng)店及對應的網(wǎng)店營銷方案作評分標準。“數(shù)碼拍攝與制作”的考核方式就是工作流程“選商品-找模特-拍攝-網(wǎng)店上架”。“阿里巴巴企業(yè)課程”則要求學生用英語在阿里巴巴國際站向外國商人詢盤為主要評分標準。雖然這些考核方式不一定是最科學合理，但卻比單純筆試更能學習到實際的崗位技能。
4結束語
工作過程（項目）導向的《網(wǎng)頁設計與制作》課程開發(fā)與教學實踐是以課程建設與教學質量改革為目標，將教學過程的職業(yè)化、項目化作為改革的基點，并對高職院校職業(yè)教育理論和教學創(chuàng)新思想是一有益嘗試。
電子商務專業(yè)的特性是知識更新較快。學生就業(yè)兩三年后專業(yè)知識就慢慢落后，職業(yè)道路出現(xiàn)首個瓶頸。本課程開發(fā)與教學實踐的應用和實施，將使高職院校培養(yǎng)目標準確定位，增加教學效果與職業(yè)需求的契合度，提高畢業(yè)生就業(yè)競爭能力及就業(yè)質量。
參考文獻：
[1]何成蓉,謝生全.以工作過程為導向的項目集群教學模式的研究與應用[J].中國西部科技,2008(24).
論文關鍵詞：網(wǎng)頁設計；形式美法則；構成要素
如今，互聯(lián)網(wǎng)已經(jīng)融入我們日常學習生活的各個環(huán)節(jié)，并在全球范圍內飛速發(fā)展。其打破了國界、地域、文化的限制，使信息傳達的范圍、速率都產(chǎn)生了質的飛躍。互聯(lián)網(wǎng)中數(shù)以萬計的網(wǎng)站中，每個網(wǎng)站都擁有自己不同的網(wǎng)頁，一個個變換的網(wǎng)頁構成我們互相交流的媒介。因此，網(wǎng)站制作過程中，特別是網(wǎng)頁頁面編排設計時，要展示出自己獨特的設計風格。如何設計出視覺效果好，色彩搭配和諧，結構合理的網(wǎng)頁版面是網(wǎng)頁設計中的一個重要問題。
一、網(wǎng)頁設計中的視覺流程
網(wǎng)站的宣傳內容、整體風格、設計理念都要通過視覺感官被瀏覽者所欣賞、接受和感受。設計精美的網(wǎng)頁版面能夠讓瀏覽者增加瀏覽興趣，擁有美好心情，從而增加網(wǎng)站點擊率。反之，網(wǎng)頁頁面凌亂不堪會嚴重影響瀏覽者觀看閱讀的情緒，離開網(wǎng)頁。網(wǎng)頁視覺元素能否引人注目會直接影響到網(wǎng)站的信息傳達，若想想通過網(wǎng)頁更好地傳達信息，網(wǎng)頁視覺效果良好是其基本條件，讓網(wǎng)絡真正意義上成為可讀強性、新穎的媒體，為此網(wǎng)頁設計者設計網(wǎng)頁時，必須適應人們閱讀習慣和滿足人們的審美需求。對每個視覺造型元素之間的距離、位置、面積以及視覺流程等都要精心設計。
人們閱讀文章時，視覺總會有一種先后順序習慣，有一定的方向，整個版面的走勢有一個主旋律。網(wǎng)頁設計中的主標題、重要廣告、更新的重要信息等突出信息通常選擇放于此位置。但視覺流程與學習數(shù)學公式不同，屬感性范疇，其只要符合人們認識過程的心理順序和邏輯順序，就可以根據(jù)感受靈活運用。網(wǎng)頁設計時，合理的運用網(wǎng)頁的視覺流程，能夠引導瀏覽者按照一定的順序閱讀網(wǎng)頁，組織好整個網(wǎng)頁版面的視覺導向，從而影響到整個網(wǎng)站的信息傳達和功能實現(xiàn)。因此網(wǎng)頁的編輯設計，視覺導向是一個重要問題，信息傳達是網(wǎng)頁設計的一種功能性的體現(xiàn)，這種傳達要符合人們普遍的思維習慣，做到視覺流程合理、順暢、自如。好的視覺流程布置，能使網(wǎng)頁上的各種信息要素在一定空間內合理分布，能使頁面上各信息要素的位置、間隙、大小保持一定的節(jié)奏感和美感。一個網(wǎng)站主要說明的東西必須通過網(wǎng)站首頁醒目位置加以體現(xiàn)和展示，以方便瀏覽者閱讀和理解。
二、網(wǎng)頁設計的審美需求
網(wǎng)頁設計是近些年才發(fā)展起來的一門設計類學科，這些年隨著網(wǎng)絡的發(fā)展，人們越來越重視網(wǎng)頁版面的設計和網(wǎng)站風格的整體設計。網(wǎng)頁不僅是將各種想要傳達的要素簡單的羅列在頁面上，而是要考慮如何使瀏覽者能更感興趣的和更有效率的接收網(wǎng)頁上的信息內容。這就要求我們從審美的方面入手，設計制作出美觀、完整、新穎、合理的頁面。使瀏覽者觀看閱讀起來心情愉悅，更好的接受網(wǎng)頁所傳達給我們的信息。我們可以把傳統(tǒng)平面設計中的形式?jīng)]的法則和現(xiàn)代的網(wǎng)頁設計的具體問題相結合起來，運用一些平面設計中美的基本形式到網(wǎng)頁版面的設計中去，增加網(wǎng)頁設計的美感和瀏覽者的視覺審美需求。
（一）版面的規(guī)范化
頁面編輯的規(guī)范化要求是網(wǎng)頁設計的重要方面。比如使用Dreamweaver設計網(wǎng)頁時，是選擇左右型結構、左中右型結構、左右型結構框架，還是用表格系統(tǒng)來定位網(wǎng)頁中版面的規(guī)劃。要遵循一定的規(guī)范。在網(wǎng)頁編排中應正確使用文字、標點符號、計量單位、規(guī)范使用術語、圖片和Flash動畫等。對網(wǎng)頁版面中的文字、圖形、色彩的設計，都要遵循形式美的視覺規(guī)律。網(wǎng)頁的內容與形式的表現(xiàn)必須統(tǒng)一和具有秩序，形式表現(xiàn)必須服從內容要求，網(wǎng)頁上的各種對象之間要分清主次，突出重點，有一定的整體感。
（二）版面的均衡性
網(wǎng)頁的版面雖然有限，但在瀏覽者的眼里和平面設計要求一樣同樣要有視覺的均衡性。版面構圖的基本元素是點、線、面，其中單個的字符是點，由字符組成的行是線，由行組成的段落是面。線和面的運動方向可以歸納為水平、垂直和傾斜三種形式。水平和垂直給人以安靜和固定的感覺，傾斜則具有運動感。水平、垂直和傾斜組合起來使用會給版面帶來豐富和生動的效果，從而使版面在整體上保持平衡的前提下具有動感和變化。
（三）版面的裝飾性
“圖”與“地”的對比中版面的裝飾性中和重點。可以使用空白進行裝飾，力求在平面中達到不平的效果。要注意立體的裝飾效果，比如在文字大小、顏色的處理上要有對比，圖片的擺放也要有大小、顏色的對比，包括和背景顏色的對比，從而使版面在整體上體現(xiàn)出層次感。給瀏覽者以賞心悅目之感。
（四）版面的統(tǒng)一性
網(wǎng)頁版面設計中的統(tǒng)一，就是指在版面的整體感上要達到一致，風格上一致，色彩上統(tǒng)一協(xié)調，比如文字字體要統(tǒng)一，不能有的嚴肅，有的活躍，有的時尚，有的古板，同時色彩感受上也要達到風格統(tǒng)一。 轉貼于
三、學會分析網(wǎng)頁中各構成要素
網(wǎng)頁設計就是通過各種要素向瀏覽者傳達信息，以實現(xiàn)宣傳的目的。其構成要素包括文字、圖形、圖像、標志、色彩等造型要素及標題、信息菜單、信息正文、標語、單位名稱等內容要素，如何在網(wǎng)頁版面中合理的設計安排這些要素是我們要細心研究的問題。
（一）文字的編排與設計
文字作為信息傳達的主要手段是網(wǎng)頁設計的主體，是所有宣傳物中不可缺少的元素，也是網(wǎng)頁中必不可少的元素，因此網(wǎng)頁中文字將占據(jù)相當大的面積，文字表現(xiàn)的好與壞會影響到整個網(wǎng)頁的質量。必須考慮文字編輯的整體效果，給人以清晰的視覺印象，切記不要使頁面中的文字看起來凌亂、繁雜，過多的裝飾會讓人不容易辨認和理解。不可只為美觀而創(chuàng)意文字，忽略了文字本身的傳達信息功能。版面設計時要注意文字的大小變化，色彩變化，明暗變化，用這些變化使字體版面活躍，達到視覺上的美感，注意變化中的統(tǒng)一，以獲得良好的心理反應，達到完美的文字編排效果。
（二）圖片的編排與設計
圖片是網(wǎng)頁版面中文字以外的又一主要元素，是傳達信息的有力途徑，圖片的參與可以加大網(wǎng)頁提供的信息量，而且圖片的引入也大大美化了網(wǎng)絡頁面。可以說，要使網(wǎng)頁在純文本基礎上變得更有趣味，最為簡捷省力的辦法就是使用圖片。對于一條信息來說，圖片對瀏覽者的吸引力遠超單純的文字。圖片的位置、面積、數(shù)量、形式、方向等直接關系到網(wǎng)頁的視覺傳達。在頁面圖片的合理選用時，一要注意統(tǒng)一，二要注意悅目，三要注意突出重點。
（三）色彩的設計
關鍵詞 簡約化設計；信息傳遞；網(wǎng)頁界面設計
中圖分類號：TP393.092 文獻標識碼：B
文章編號：1671-489X（2015）08-0057-03
1 簡約化及相關概念厘清
簡約化與飽和化的辯證 飽和，在化學中的解釋是：在一定溫度和壓力下，溶液所含溶質的量已經(jīng)達到最大限度不能夠再溶解時表現(xiàn)出的形態(tài)。也用來比喻事物發(fā)展到最高限度時所表現(xiàn)出來的狀況和態(tài)勢。從視覺接受的角度分析，飽和化是指視覺信息達到人們所承受的最大限度。簡約化與飽和化是相對的。簡約化就是對人視覺信息的簡化，它是用簡潔明快的視覺語言來滿足受眾對視覺環(huán)境感性的、本能的和理性的需求。
簡約化與簡單化的厘清 簡約不同于簡單。“簡單”解釋為結構單純、容易理解，與復雜、困難、繁瑣是相互對立的詞語。在網(wǎng)頁設計中簡單表現(xiàn)為頁面結構單一、色彩單調，在形式表達上比較呆板，無法給人視覺帶來亮點，功能缺乏交互性等。簡約并不是缺乏設計要素，它是一種更高層次的創(chuàng)作境界[1]。簡約是針對不同對象，篩選適合于設計對象的、經(jīng)過不斷精心組合或者選擇的精華。它遵從人類的生理和心理狀態(tài)，強調的是以人為本的更為情感化的設計。
2 簡約化網(wǎng)頁界面設計的內涵分析
形式統(tǒng)一與和諧 凡是簡潔美的東西都有一條共同的原則，就是在外觀造型中的各元素存在一定的和諧、統(tǒng)一的關系[2]。人的視覺和心理慣于接受有序、簡潔與和諧的形態(tài)。即使人們遇到一些看似凌亂無序的畫面，也盡量從各種角度對其進行歸類、整理，以求從中找出內在的規(guī)律與美的因素。因此。視覺美感產(chǎn)生于有序與和諧之中。有序與和諧讓人對事物的心理感覺單純化、規(guī)律化以及整潔化。
網(wǎng)頁功能的簡潔性 簡約的網(wǎng)頁在功能上能明確表達功能效用，強調用戶體驗，是一種人性化的設計。王曉蓉、楊治明曾經(jīng)建議人性化網(wǎng)頁界面設計要具有美觀性、舒適性、簡潔性、一致性、高效性和安全性[3]。簡約的網(wǎng)頁功能針對用戶的心理動機、認知心理、智力發(fā)展狀況進行設計，表達意義簡明醒目，易被用戶注意和認知，而不是浪費時間去尋找功能。
形態(tài)的易記性 從記憶的角度來說，簡潔單純的網(wǎng)頁元素要比復雜的網(wǎng)頁元素更容易被人們記住。簡潔單純的事物視覺點突出，不會分散用戶的注意力，能夠保持長時間的注意力穩(wěn)定。
情感表達的豐富性 簡約化的網(wǎng)頁呈現(xiàn)的不僅僅是一個視覺畫面，它還蘊含著深刻的思想和豐富的情感。針對用戶的情感心境，使用合理的文字、色彩、圖像，能使用戶對產(chǎn)品產(chǎn)生親和力，從而加深品牌印象。因此，網(wǎng)頁不僅注重它的美觀度，更注重它的情感表達的豐富性。
3 網(wǎng)頁界面設計中簡約化要素分析
簡約化設計與文字元素 文字是人類用來記錄語言的符號系統(tǒng)，在網(wǎng)頁界面設計中占有十分重要的作用，因為人們大多信息的獲知都是以文字的形式表達出來的。眾多構成要素中文字具有最佳的直觀傳達作用以及最高的明確性。文字傳達本身語義之外，還傳遞其他一些信息。文字視覺形態(tài)的大小、顏色、曲直、排列的疏密，以及語言的強弱、緩急、和諧或嘈雜，以及表情、姿態(tài)等，能夠引起瀏覽者內心相應的不同感受。文字簡約化設計表現(xiàn)為以下幾點。
1）易讀性：文字的表達要能被大眾理解，在排版形式上能夠符合人們的視覺流程，在文字顏色和大小設計上要符合網(wǎng)頁的設計風格。
2）明確性：信息表達簡潔明了，不繁瑣不模糊，能夠明確表達網(wǎng)頁設計的中心主題；在語義的傳達上不會讓人產(chǎn)生歧義，傳達的信息容易被用戶理解。
3）美觀性：文字的大小、顏色、編排等的設計要符合人的視覺審美，選擇適合于網(wǎng)頁風格的文字編排；通過文字形體的統(tǒng)一變化、文字編排的節(jié)奏韻律、文字量感的對比和諧來增強網(wǎng)站的美觀度。
4）適合性：針對不同的用戶，使用合適的文字大小、顏色、語氣、形態(tài)，拉近用戶的心理距離，引發(fā)用戶的情感共鳴，達到產(chǎn)品宣傳的最終效果。
5）創(chuàng)新性：將文字圖形化、意象化，以更富創(chuàng)意的形式表達出深層的設計思想，能夠克服網(wǎng)頁的單調和平淡，從而打動人心。這種方式的處理既是文字內容的直觀表達，又是文字含義的延伸表達。它增加網(wǎng)頁的視覺亮點，給用戶耳目一新的感覺。
簡約化設計與圖像元素 圖像在網(wǎng)頁設計中扮演著不可缺少的角色，能夠簡化網(wǎng)頁設計的各種復雜的信息，這也是大多設計師喜歡它的原因之一。圖像簡化信息的具體表現(xiàn)包括以下幾點。
1）圖像的直觀性和簡易性：圖像取代了文字多而繁雜的缺陷，相對于大片的描述文字，人們更愿意去選擇簡潔和直觀的圖片，它易被理解和認知。尤其是在體現(xiàn)產(chǎn)品特質的網(wǎng)頁中，與其使用大量的文字耗費精力，不如使用更直觀的產(chǎn)品圖片，提高信息的傳遞效率。
2）圖像的豐富性和真實性：圖像含有豐富的色彩，具有設計藝術的美觀度和視覺的空間感，所以能夠吸引人們的眼球。同時，圖像多是真實的生活采集到的攝影圖片，在藝術的表達上自然、不做作、真實，更符合人們簡約化思維的模式。
在新聞資訊類網(wǎng)站中，圖文結合是經(jīng)常見到的現(xiàn)象。網(wǎng)站中都會把今日的重點新聞配上小塊的圖片放在網(wǎng)頁中，不僅簡化了文字的數(shù)量，還提高了用戶處理信息的效率。圖片的應用就是對信息的簡約化處理，圖像將信息以最直觀、簡潔的形式呈現(xiàn)出來，省去了人們閱讀大篇文字的時間，也避免了因文字過多而迷失重點。
另外，圖形的簡約化還表現(xiàn)在LOGO設計上。LOGO可識別性強，使用簡單的圖形表達豐富的含義。簡約化的標志更容易獲得受眾的認知，更具有時代性，是信息簡化的產(chǎn)物。
簡約化設計與色彩元素 色彩在網(wǎng)頁設計中占有很重要的位置，因為就生理而言，人們對色彩的敏感度特別的高。馬克思說：“色彩的感覺是一般美感中最大眾化的形式。”[4]當打開一個網(wǎng)頁時，關注色彩元素比其他的元素都要強，色彩最具表現(xiàn)力與識別性，出色的色彩搭配可以在瞬間吸引用戶的目光[5]。同時，它能夠體現(xiàn)企業(yè)產(chǎn)品的特質，在不需要過多繁瑣的文字、版式等元素的搭配下，色彩就能直接簡潔明了地給用戶第一印象。
簡約化的網(wǎng)頁色彩設計就是根據(jù)網(wǎng)頁類型的特質，從復雜的客觀色彩中提取出最能凸顯設計神韻的一到三種主觀性的色彩，通過色彩的色相、純度、明暗、色塊面積等的對比，簡化用戶的視覺流程，給受眾帶來視覺和心理的輕松，具體表現(xiàn)為以下幾點。
1）配色的統(tǒng)一和諧：同一色彩的大量使用，可以使頁面整體化和秩序化，能快速給用戶留下深刻的印象。
2）配色的強調和突出：使用和其他元素顏色對比強烈的某一色彩，可以引起受眾的注意力。
3）配色的留白使用：采用大面積色塊的留白，增強了頁面的節(jié)奏感和韻律感，能夠使頁面簡潔大方。
簡約化設計與版式設計 如果把網(wǎng)頁界面中的文字、圖形、點線面等元素比喻成員工的話，那么版式設計就是一個管理者，根據(jù)員工的職能特點，依據(jù)一定的管理理論和方法，有效地激發(fā)員工優(yōu)勢，從而更好地完成任務。因此，版式設計就是將文字、圖像、色彩、圖標等元素有機組合，表達美與和諧[6]。
簡約化的網(wǎng)頁版式設計并不是將各種元素雜亂無章地編排，而是按照人們的視覺流程規(guī)律以及形象思維，有秩序統(tǒng)一地進行規(guī)劃整合。基于受眾的視覺流程規(guī)律，簡約化的網(wǎng)頁版式設計應該具有以下特征。
1）清晰易讀：網(wǎng)頁的不同元素位置設計，框架構造上和諧統(tǒng)一。每個元素不是混亂的搭配，而是根據(jù)人的視覺流程特點，將設計元素進行合理規(guī)劃，能夠在人的大腦中呈現(xiàn)出清晰明了的信息。
2）統(tǒng)一有秩序：統(tǒng)一和秩序增強了網(wǎng)頁各元素的聯(lián)系和輕重關系，符合用戶的閱讀習慣、心理秩序和思維發(fā)展的邏輯認知順序。
3）相互呼應：呼應是指兩個以上的形態(tài)之間通過“呼
喚”和“相應”的關系達到畫面的均衡。有效的網(wǎng)頁元素呼應能夠增加元素之間的內在聯(lián)系，使網(wǎng)頁整體感突出。
4）中心突出：視覺中心是人的視覺心理量感所偏向的視覺位置。視覺中心突出的網(wǎng)頁能夠主次分明地把網(wǎng)頁的元素進行位置編排，以突出網(wǎng)頁要表達的重點信息。
簡約化設計與留白 顧名思義，空白區(qū)域是指不同元素之間的區(qū)域。在網(wǎng)頁設計中，文字之間、段落之間、圖片之間等網(wǎng)頁設計元素之間的區(qū)域都是空白。網(wǎng)頁設計的留白并非意指白色，而是設計界面中內容的空白。認知心理學的研究證明，留在空白之中的東西更容易被人注意和想起[7]，它是符合人們的認知需求的，人們的注意力和記憶力不可能長期保持穩(wěn)定的狀態(tài)，他們需要外界的事物給予一個“緩沖”和“喘息”，以獲得視覺和心理的緩和，因此，留白體現(xiàn)的是一種單純輕松的理念。
“留白”在某種程度上代表著簡約[8]。留白正是用這種“此時無聲勝有聲”的視覺語言，詮釋了簡約化設計的以少勝多之美。留白能控制視覺量感，保持了網(wǎng)頁整體的統(tǒng)一性和平衡感，增加了網(wǎng)頁頁面的內涵和豐富性。網(wǎng)頁設計中一般包括以下幾種常用的留白技巧。
1）背景和元素間隔的空白：它能夠清晰地分離頁面板塊，增加頁面的空間感，更容易引導用戶的視覺流程。
2）頁面大面積色塊使用：頁面大面積使用某一色彩，可以強烈渲染、烘托網(wǎng)頁設計元素和網(wǎng)頁主題，簡約時尚而更具視覺沖擊力。
3）統(tǒng)一頁面主要設計元素的背景，呈現(xiàn)出規(guī)則圖形組合：統(tǒng)一而有秩序的頁面能簡明地體現(xiàn)網(wǎng)頁主題的特質，更容易讓用戶認知。
4 總結
簡約化網(wǎng)頁界面設計符合現(xiàn)代人們視覺和心理的需要，是時代大背景的選擇，體現(xiàn)設計界最先進的設計理念。將簡約化的思想和理念運用到網(wǎng)頁設計中，創(chuàng)造性地處理網(wǎng)頁中文字、圖像、色彩、版式等網(wǎng)頁元素的關系，便能正確把握設計流程的方向，給設計師和用戶一個規(guī)范的參考。
參考文獻
[1]黎浩.簡約主義：現(xiàn)代設計的風格傾向[J].高教論壇，
2004（5）.
[2]楊大松.現(xiàn)代設計藝術的簡潔之美[J].安徽建筑工業(yè)學院學，2004，12（2）.
[3]何亭.人性化網(wǎng)頁界面設計的進展與展望[J].美與時代，2012（9）.
[4]歐陽丹.淺析現(xiàn)代平面設計中色彩的簡約化趨勢[J].湖南工業(yè)職業(yè)技術學，2009，9（1）.
[5]吳愛群.簡約版式在平面設計中的應用[J].美術教育研究，2012（3）.
[6]石艷紅.網(wǎng)站建設中的版式設計[J].科技信息，2007（28）.
分析了《網(wǎng)頁設計與制作》課程教學中存在的問題，對《網(wǎng)頁設計與制作》課程教學模式改革策略展開探討，旨在為如何促進《網(wǎng)頁設計與制作》課程教學模式改革與實踐有序開展研究提供一些思路.
關鍵詞：
網(wǎng)頁；設計與制作；教學模式；改革；實踐
《網(wǎng)頁設計與制作》作為一門高校網(wǎng)絡與新媒體相關專業(yè)強化學生學習興趣點的專業(yè)基礎課程，開展課程教學模式改革與實踐研究有著十分重要的現(xiàn)實意義[1].
1《網(wǎng)頁設計與制作》課程教學中存在的問題
結合學生就業(yè)實際情況、已從事與網(wǎng)站建設相關崗位的畢業(yè)生反饋信息，現(xiàn)階段《網(wǎng)頁設計與制作》課程教學中存在的問題，具體而言：
1.1不夠積極主動，學生實踐能力不足
長時間以來，《網(wǎng)頁設計與制作》課程大多推行理論課與實踐課交替開展的教學模式，起先由教師對相關專業(yè)知識、軟件技術操作內容進行教授示范，之后由學生通過隨堂筆記或者學習記憶對教師教授內容開展模仿操作.教師占據(jù)課程教學主體地位，教學內容缺乏生動形象性，學生學習過于被動，學習主觀能動性難以得到有效調動.一些學生對教師教授的理論知識、布置的上機作業(yè)等不感興趣，沉溺于網(wǎng)絡游戲、手機游戲等，致使專業(yè)知識教學成效不盡如人意.學生受基礎理論知識與專業(yè)理論知識不扎實影響，對于自身面臨的疑難問題難以迅速反應并開展自主解決.再加上理論教學內容與實踐教學內容未能實現(xiàn)有效銜接，使學生在對于“何為過程性知識、何為陳述性知識？”、“何為理論性知識、何為實踐性知識？”等認識上模棱兩可，即便學生能夠對教師所教授知識展開有效模仿操作，也難以將它們運用至實際工作中去.
1.2不夠實事求是，學生動手能力不足
教師在《網(wǎng)頁設計與制作》課程教學中通過操作鼠標進行示范，學生片面的認識十分簡單，學習過程中不實事求是，等到進入實踐課要求他們獨立開展操作時，面對提供完備操作流程的學習任務不屑一顧，認為太過簡單；面對未提供相關操作流程的學習認識則無從著手，進而產(chǎn)生“高不成低不就”的局面.學生未能基于獨立自主實踐隊專業(yè)知識進行掌握，致使難以建立隸屬自身特有的知識、經(jīng)驗架構，一旦進入社會職業(yè)崗位中便不知所措，無法獨立自主制定工作方案，更別談是付諸實際行動，難以有效將所學知識與實際結合，不具備自主解決問題的能力.
1.3各方缺乏溝通，學生適應能力不足
結合畢業(yè)生反饋信息，普遍存在學生溝通意識欠缺，不具備客戶至上理念等問題，致使難以對職業(yè)崗位進行有效適應.一些學生不明確客戶要求，亦或對客戶要求拋之腦后，而憑借自身主管意識開展設計；一些學生對客戶要求形成錯誤認識，為客戶帶來不必要的麻煩.受各方缺乏溝通或溝通能力不足影響，致使返工情況屢見不鮮，不但降低了工作效率，還會對客戶信任造成負面影響，不利于企業(yè)的有序發(fā)展.這些不良后果極易使學生產(chǎn)生負面情緒，進而對后續(xù)工作造成不良影響，由此進入惡性循環(huán)；進而這些學生對工作產(chǎn)生厭煩心理，沒有成就感，不具備工作的動力.
2《網(wǎng)頁設計與制作》課程教學模式改革策略
在時展新形勢下全國高校網(wǎng)絡與新媒體專業(yè)，必須與時俱進，大膽進行改革與創(chuàng)新，引入先進的科技和成功發(fā)展的經(jīng)驗，進一步強化《網(wǎng)頁設計與制作》課程教學模式改革與實踐，對促進《網(wǎng)頁設計與制作》課程教學模式改革與實踐逐步開展可以從以下幾個方面著手：
2.1強化教學內容改革
高校《網(wǎng)頁設計與制作》課程強調對設計人員實踐操作能力和基本功訓練，對于網(wǎng)頁設計等一系列相關操作技術要求每個學生必須能夠嫻熟掌握，具有管理、開發(fā)和維護小型網(wǎng)站的能力.鑒于此，《網(wǎng)頁設計與制作》課程開展教學內容改革的重要前提是用人企業(yè)的需求.結合企業(yè)用人需求從事不同高校網(wǎng)頁設計與制作專業(yè)、網(wǎng)上招聘啟示及人才市場相關信息等，對不同行業(yè)需求開展總結：（1）以企業(yè)局域網(wǎng)為重要前提的操作，好比對等網(wǎng)的組建與維護、office文檔的存儲與整理、B/S企業(yè)MIS系統(tǒng)的管理與維護、計算機一系列軟件的安裝與使用等；（2）企業(yè)網(wǎng)站的管理，好比企業(yè)網(wǎng)站建設、企業(yè)網(wǎng)站文件管理、企業(yè)網(wǎng)站策劃等；（3）企業(yè)電子商務活動，好比在線商務活動、產(chǎn)品在線宣傳、互聯(lián)網(wǎng)信息處理等；（4）具備相應計算機圖形設計、軟件設計能力，具備相應B/S應用程序開發(fā)能力；（5）嫻熟掌握Flash、Dreamweaver等網(wǎng)頁設計工具，精通CGI網(wǎng)頁交互語言，熟悉HTML設計等[2].在此基礎上，《網(wǎng)頁設計與制作》課程在側重Flash、Dreamweaver及Fireworks網(wǎng)頁教學前提下，應當進一步關注HTML設計、圖形設計與處理、JavaScript代碼等的教學，以強化學生計算機圖形設計能力、軟件設計能力；此外，還應當強調網(wǎng)站建設、管理，強化學生對網(wǎng)站組建、管理、維護等內容的系統(tǒng)認識.
2.2強化教學方法改革
2.2.1案例教學法
要想調動起學生學習主觀能動性，避免傳統(tǒng)灌輸式教學模式，在教學期間應當推行案例教學法.結合教學進度、要求引入案例并開展好備課工作，對案例涉及理論、技能進行教授講解，探討案例中存在的相關問題及處理對策等，同時案例要具備針對性、典型性，自符合學生接受能力開展選取、設計.好比，可選取介紹“民族傳統(tǒng)”、“家鄉(xiāng)美景”等的門戶網(wǎng)站，教師通過向學生開展講解此類網(wǎng)站涉及的知識點，要求學生制訂學期學習計劃，設計制作一個小型網(wǎng)站，且網(wǎng)站制作過程要與課程教學內容保持協(xié)調.
2.2.2項目化教學法
選取實際項目為前提，加大對學生分析、解決問題能力培養(yǎng)的力度.在專業(yè)網(wǎng)站設計與制作過程的前提下建立學習項目，沿著職業(yè)崗位任務主要方向明確不同模塊內容，包括網(wǎng)站建設方案制作、網(wǎng)站制作以及網(wǎng)站設計等，依托緊貼職業(yè)實際的教學內容，有效調動起學生濃厚的學習興趣.依據(jù)職業(yè)崗位任務主要方向提取各項能力目標，并融入進制作網(wǎng)站建設方案、網(wǎng)頁基礎知識儲備等多個不同模擬制作任務中，達到對學生分析、解決問題能力培養(yǎng)的目的.與此同時，制定一系列相關獨立實踐任務，以使學生在完成任務的同時，對自身所學知識理論進行鞏固，進而嫻熟掌握各項網(wǎng)頁制作技能.
2.2.3任務驅動教學法
將實踐操作任務、模擬制作任務作為載體，關注對學生學習能力、技術應用能力及工作能力等方面的培養(yǎng).在教學中部署一系列模擬制作任務，并與其中插入相應的知識內容，經(jīng)由任務背景介紹、操作流程講述、知識點拓展等布置，引導學生進行自主思考.學生通過解決問題來掌握知識，經(jīng)由任務把所掌握知識應用于實際問題解決中，進而強化自身動手、解決問題的能力.與此同時，需要學生自主完成實踐操作任務環(huán)節(jié)，以增強學生自學能力、技能應用能力等方面訓練.以某學院網(wǎng)站引導頁任務制作為例，應展開下述操作：（1）背景介紹，經(jīng)由該學院網(wǎng)站，提升學院影響力，為師生相互、校企相互、家校相互等往來提供便利；（2）任務要求，對學院網(wǎng)站特色進行盡可能凸顯，吸引更多網(wǎng)頁瀏覽者，并為瀏覽者留下深刻印象；（3）任務分析，設計前對學院網(wǎng)站用戶相關需求展開全面研究，找準網(wǎng)站風格定位，可選取圖片或者Flash動作用以引導頁，將圖片用以引導頁第一步通過PS設計好引導頁效果圖及Flas，然后開展切片，最后完成表格設置工作，并將圖片、Flas添加進網(wǎng)頁引來瀏覽者，提升網(wǎng)站流量；（4）延伸知識點，包括表格屬性設置、切片優(yōu)勢、切片方法等；（5）處理問題，要想加快網(wǎng)頁瀏覽速度，通常要求將大圖切為小圖.基于任務制作過程開展知識點延伸教學，結合實際情況讓掌握理論知識的同時，了解知識的獲取渠道及方法，改善學生學習效率.由于伴隨技術發(fā)展，學生職業(yè)生涯會受到一定影響，因此教師一方面要權衡知識的夠用情況，一方面要權衡知識點的系統(tǒng)性.應當盡可能拓寬學生知識面，在知識點選定過程中不僅要結合崗位群，又要自技術發(fā)展、設備軟件更新所對學生職業(yè)造成的影響出發(fā)，留有一定的余量.在全面教學期間，強調對學生綜合職業(yè)能力、職業(yè)素質等方面的培養(yǎng)，匯集教、學、做于一體，盡量適應學生為主體、教師為主導的新型教學模式的需求.各模擬制作任務均很好地融入知識目標、能力目標，側重能用什么做什么，盡可能凸顯《網(wǎng)頁設計與制作》課程教學與職業(yè)崗位能力需求的緊密聯(lián)系，強化學生專業(yè)學習針對性、實用性.
2.2.4激勵教學法
要想激發(fā)學生對網(wǎng)頁設計的學習興趣，鍛造學生自學能力、創(chuàng)造能力，學校應當積極組織各式各樣種類的就業(yè)技能大賽、Flash設計大賽、網(wǎng)頁設計大賽等活動，通過激勵性活動一方面促進學生對所學知識的實踐應用，一方面有效發(fā)揮學生團隊協(xié)助能力、設計創(chuàng)新能力.
2.3強化教學手段改革
2.3.1聯(lián)機教學
借助網(wǎng)絡開展好《網(wǎng)頁設計與制作》課程教學.《網(wǎng)頁設計與制作》是一實踐性強、應用廣泛的技術，要想說明網(wǎng)頁設計的性質及相關實踐應用，實時展示極為關鍵，所以在網(wǎng)絡教學中接入互聯(lián)網(wǎng)，通過互聯(lián)網(wǎng)對一系列理論知識開展詳實說明，如此可有效提升教學課堂生動形象性，強化學生對《網(wǎng)頁設計與制作》課程實用性、重要性的明確認識.
2.3.2開設
《網(wǎng)頁設計與制作》在線課堂要想進一步改善《網(wǎng)頁設計與制作》課程教學成效，可考慮開設該課程的在線課堂，促進教師與師生之間的互動，實時了解學生意見，優(yōu)化整合教學方法、教學進度，對學生學習遇見的疑難困惑進行及時解答.此外，還可將該課程全部課程資源傳輸上網(wǎng)，諸如教學大綱、教案、課件等資料，還可依據(jù)課程章節(jié)補充相關設計案例等.如此，學生一方面可通過網(wǎng)絡獲取課堂教學的各項內容，一方面可借助多媒體優(yōu)勢滿足自身自主學習需求.
3結束語
總而言之，高校網(wǎng)絡與新媒體專業(yè)《網(wǎng)頁設計與制作》課程教學模式的改革與實踐，是一項十分復雜的系統(tǒng)工程.其是對傳統(tǒng)課堂教學方式的一種挑戰(zhàn)，對教師和學生均提出了極為嚴苛的要求.鑒于此，相關人員務必要不斷鉆研研究、總結經(jīng)驗，清楚認識《網(wǎng)頁設計與制作》課程性質、教學特征及教學目標，全面分析《網(wǎng)頁設計與制作》課程教學中存在的問題，“強化教學內容改革”、“強化教學方法改革”、“強化教學手段改革”等，積極促進促進《網(wǎng)頁設計與制作》課程教學模式改革與實踐有序開展.
作者：逯杉楠 單位：綏化學院文學與傳媒學院
參考文獻：
在網(wǎng)頁設計課程的教學過程中，學生在課程學習中用到另一類課程知識時往往不能得心應手，教學效果不理想。為此，通過重新調整教學安排，增加藝術設計基礎知識，轉變教學模式，激發(fā)學生的學習興趣，提高教師素質，將藝術設計課程與網(wǎng)頁設計課程進行整合，以提高整體教學質量。
關鍵詞：
網(wǎng)頁設計；藝術設計；整合
隨著互聯(lián)網(wǎng)技術的迅速發(fā)展，網(wǎng)頁設計、網(wǎng)站開發(fā)等職業(yè)應運而生。伴隨著網(wǎng)站設計與開發(fā)技術的發(fā)展，相應的工作流程也在不斷變化和完善。網(wǎng)頁設計與開發(fā)已經(jīng)成為一項綜合性、技術性都很強的專業(yè)工作，要求學生對網(wǎng)絡基礎知識、網(wǎng)頁制作及編輯技術、平面設計以及動畫設計制作等相關內容都要有一定的基礎，是技術與藝術的結合。信息時代的網(wǎng)頁應具有良好的界面設計與視覺效果。因此，學生在網(wǎng)頁設計的課程學習中，適當增加平面設計類的相關知識和技能，才能滿足職業(yè)崗位需求，順應時代的發(fā)展。
1課程認識不足
通常，網(wǎng)站開發(fā)有以下幾個流程：需求分析，包括項目立項和客戶的需求說明書；系統(tǒng)設計，包括網(wǎng)站總體設計和網(wǎng)站詳細設計；素材的收集和整理；網(wǎng)頁版式設計；網(wǎng)站制作；申請域名和申請空間；網(wǎng)站測試和網(wǎng)站；網(wǎng)站維護和網(wǎng)站推廣。網(wǎng)頁設計課程的教材種類比較多，但內容集中在介紹網(wǎng)頁制作工具軟件的學習上，比如：Dreamweaver、FrontPage等網(wǎng)頁制作工具軟件。對網(wǎng)頁中的基本布局方法、圖片處理，頁面配色，文字排版等方面的知識較少。同時，學生對待本課程的學習在認識上也有偏差，希望一開始就能學會制作網(wǎng)頁。
2教學內容有待調整
經(jīng)過幾年的教學實踐，網(wǎng)頁設計課程的教學內容應增加藝術設計的一些基本理論與知識,以及藝術設計類軟件的學習。理論知識具體包括：網(wǎng)頁版式和色彩理論。藝術設計類軟件主要包括兩大類：圖形圖像處理類軟件，常用的有Photoshop、Fireworks、Coreldraw等；二維動畫設計類軟件，如Flash等，在教學安排中，可以考慮只講授Photoshop、Flash。教學內容按模塊進行設計，對每一部分知識，重點教會學生如何應用，在理論內容的講授中將理論知識融入案例中，從實際需要出發(fā)，需要哪些內容就重點講解哪些內容，而不是大而全地講授所有相關理論知識。在教學設計中采用項目教學法方式進行授課，通過在項目和任務中將藝術設計與網(wǎng)頁設計有效地結合在一起，融會貫通，學以致用，達到最佳的教學效果。
2.1網(wǎng)頁版式設計
網(wǎng)頁版面是指在瀏覽器上看到的一個完整頁面，不同種類、不同版本的瀏覽器瀏覽同一個網(wǎng)頁，效果有可能不同。因此，應定好網(wǎng)頁版式尺寸。網(wǎng)頁版式的構成要素主要有：網(wǎng)頁標志、網(wǎng)頁標題、導航條、圖片、多媒體、色彩、文字等。如何將各種網(wǎng)頁元素進行合理組織在有限的版面中，達到設計出賞心悅目的網(wǎng)頁作品，非常重要。一個優(yōu)秀的網(wǎng)頁，是從網(wǎng)頁版式設計開始的。采取何種版式結構布局頁面并不是一件隨意的事，首先要明確建立網(wǎng)站的目的，網(wǎng)站要表現(xiàn)的主題，網(wǎng)站所面對的受眾的特點，客戶的需求等等，通過前期的了解調查和分析，才能確定網(wǎng)頁版式結構，將網(wǎng)頁主題內容與設計者的設計思想結合在一起，找到一個較完美的表現(xiàn)方式，才能真正突出網(wǎng)站別具風格的特點。
2.2色彩的基本理論及視覺效果
網(wǎng)頁設計離不開色彩。網(wǎng)頁中的基本元素比如背景、文字、Logo、導航、圖片等應該采用什么樣的標準色彩，如何將色彩組織搭配才能更好地表達出網(wǎng)站的設計思想，體現(xiàn)網(wǎng)站主題與風格，是網(wǎng)頁設計者所關注的問題。色彩的基本理論，色彩的心理感覺，色彩的冷暖，色彩的軟硬，色彩的進退，色彩的大小等等都知識都必須涉及到。比如在網(wǎng)頁中通過填充不同的色彩背景來區(qū)分網(wǎng)頁中的不同區(qū)域；通過色彩的明暗及面積大小的不同，讓瀏覽者瀏覽頁面時主次分明，條理清晰。在教學中，讓學生學習了解網(wǎng)頁配色原理：色彩的適合性、鮮明性和獨特性，掌握網(wǎng)頁配色技巧：比如使用一種色彩配色，使用鄰近色配色，使用對比色配色和非彩色搭配（黑白搭配）。通過欣賞與總結不同主題網(wǎng)站的版式設計及配色,掌握網(wǎng)頁風格確定方法，熟悉網(wǎng)站色彩搭配技巧。
2.3網(wǎng)頁圖片的處理
網(wǎng)頁中離不開圖片處理。Photoshoop是一個功能強大的圖像處理軟件。了解常用圖像文件類型，比如PSD、BMP、TIFF、GIF、PNG、JPEG、PDF等格式，掌握不同類型文件的特征，在網(wǎng)頁設計中靈活運用。在學習Photoshoop軟件中重點教授網(wǎng)頁Logo標志的制作、導航欄、按鈕的制作、網(wǎng)頁素材圖片的處理、網(wǎng)頁頁面的規(guī)劃與制作、圖片切割導出成網(wǎng)頁格式。
2.4網(wǎng)頁動畫的制作
在網(wǎng)頁的制作上，F(xiàn)lash發(fā)揮了重要的作用。通過動態(tài)的顯示文字和圖片，豐富了頁面。Flash軟件中重點學習掌握廣告條動畫的制作，聯(lián)系地圖動畫的制作，公告欄動畫的制作，商品宣傳廣告動畫的制作，這些都是網(wǎng)頁頁面中經(jīng)常使用的表現(xiàn)形式。對于以上增加的藝術設計類理論和軟件類的教學內容并不是孤立地放在某一個教學期間。教師在進行教學設計中，通過項目和任務作為載體，掌握夠用的原則，以項目帶動學習，進行實踐操作。
3轉變教學模式，激發(fā)學生學習興趣
無論是網(wǎng)頁設計軟件還是藝術設計類軟件，此類課程的應用性和實踐性非常強，它強調學生的操作能力。因此在教學中，教師應以學生為主體充分發(fā)揮學生的主觀能動性，教師主導任務的實施，激發(fā)學生的參與熱情，在“做”的過程中融入“學”和“教”。目前我們學院的教學環(huán)境得到了改善，網(wǎng)頁設計課程的教學場所都安排在實訓機房，教師可以采取邊授課邊操作的方式，學生同步操作，非常直觀。學生既可以模仿，也可以思考多做一些調試和修改，在遇到問題時，可以立即咨詢教師，得到及時解決，以加深對知識點的掌握程度，從而提高了教學效果。這種教學方式改變了理論課和實訓課相互獨立的局面，將課程的“教、學、做”融于一體，學生在完成具體項目任務的過程中學習新的知識和技能，具有成就感，充分發(fā)揮學生的學習主動性和積極性，提高了學生處理和解決實際問題的能力。同時，教師要精心設計教學內容，挑選典型項目案例。例如，從制作網(wǎng)頁標志開始、導航條制作、網(wǎng)頁素材處理、網(wǎng)頁頁面規(guī)劃與制作、圖片切割、廣告條動畫制作，到網(wǎng)頁站點規(guī)劃、網(wǎng)頁布局與實現(xiàn)、網(wǎng)頁美化、網(wǎng)頁交互制作，讓學生對網(wǎng)頁制作的流程和各軟件的結合使用有一個完整的了解，從而提高學生的學習興趣，保持持久的學習動力。
4提高教師素質
網(wǎng)頁設計課程的教學通常是由計算機相關專業(yè)的教師授課，這些教師對藝術設計的基本理論知識比較缺乏。因此對于授課教師來說，不僅要熟練掌握網(wǎng)頁設計與制作的專業(yè)技術，對藝術設計以及網(wǎng)頁美工的理論基礎也要有一定的學習和研究，具有較好的審美素養(yǎng)，努力豐富和拓展平面設計方面的經(jīng)驗，提高網(wǎng)頁設計綜合能力，在教學活動中引導學生能靈活掌握、應用這些藝術設計類軟件，運用一些平面設計中的美的基本形式到網(wǎng)頁中去，制作出賞心悅目的網(wǎng)頁頁面。
5結語
通過網(wǎng)頁設計與藝術設計這兩類課程的整合，采用“教、學、做”一體化的課程教學模式，學生在項目及任務中學習美工的基礎理論知識，掌握網(wǎng)頁設計技術，將兩類課程的知識融會貫通，靈活運用。同時，加強技能培訓，學會舉一反三，增強學生探究和創(chuàng)新意識，提升學生自主學習能力，學習科學探究的方法，發(fā)展綜合運用知識的能力，增進學校與社會的密切聯(lián)系，培養(yǎng)學生的職業(yè)素養(yǎng)。
作者：呂玉梅 單位：江西環(huán)境工程職業(yè)學院
參考文獻
[1]趙愛濤,劉迎春,張明虎.藝術設計軟件課程與網(wǎng)頁設計課程的整合[J].石家莊職業(yè)技術學院學報,2010(8).
《網(wǎng)頁設計與制作》課程是《Web應用程序設計》課程的先修課程，為Web應用程序的頁面布局和界面設計打基礎。為了適應市場對“網(wǎng)頁設計制作人員”的崗位需求和為了實現(xiàn)網(wǎng)頁設計到Web應用程序設計的過渡，有必要對現(xiàn)有的《網(wǎng)頁設計與制作》課程進行改革，使學生能適應“網(wǎng)頁設計制作人員”的崗位需求并能將《網(wǎng)頁設計與制作》課程里學習的實踐成果能直接應用于基于.net或JSP的Web應用程序設計。
2、《網(wǎng)頁設計與制作》課程現(xiàn)狀及存在問題
筆者所在學校的計算機科學與技術、軟件工程、網(wǎng)絡工程三個專業(yè)都開設了《網(wǎng)頁設計與制作》課程。傳統(tǒng)的網(wǎng)頁設計與制作課程主要基于網(wǎng)頁三劍客Dreamweaver、Fireworks、Flash制作出精美的網(wǎng)頁。這些網(wǎng)頁內容豐富多彩，結構復雜，能滿足靜態(tài)網(wǎng)頁的頁面需要，但這些網(wǎng)頁不能直接應用于基于.net或JSP的Web應用程序開發(fā)中，不能滿足動態(tài)網(wǎng)頁的頁面需求。Web應用程序開發(fā)，是通過后臺數(shù)據(jù)庫與Web服務器的信息交換，由后臺數(shù)據(jù)庫提供實時數(shù)據(jù)更新和數(shù)據(jù)查詢服務。《Web應用程序設計》課程有兩種主流的開發(fā)技術：.net與JSP。在《Web應用程序設計》課程中，主要講解.net技術與JSP技術，而不講解頁面設計，需要學生將《網(wǎng)頁設計與制作》課程學習到的網(wǎng)頁設計知識融合到Web應用程序設計中來，使動態(tài)頁面既有數(shù)據(jù)庫的內容，又界面美觀。而學生在傳統(tǒng)的《網(wǎng)頁設計與制作》課程里學習的頁面知識不能直接應用于Web應用程序設計。有必要對《網(wǎng)頁設計與制作》課程進行教學改革，增加CSS，Div，Javascript，AJAX等內容，以完成學生向Web應用程序設計的過渡。
3、教學改革措施
3.1課程定位與目標
《網(wǎng)頁設計與制作》課程的實踐性較強，是網(wǎng)絡工程專業(yè)的核心課程，是計算機科學與技術、軟件工程專業(yè)的選修課。本課程以計算機導論、計算機程序設計語言為先修課程，以培養(yǎng)學生實際動手能力為目標，使學生具備網(wǎng)頁素材搜集、網(wǎng)頁元素制作、網(wǎng)站布局和規(guī)劃、腳本代碼編寫、網(wǎng)站、網(wǎng)絡建設管理與維護等知識與技能，并培養(yǎng)學生團隊協(xié)作能力、溝通能力、分析問題能力、解決問題能力，同時也為后續(xù)課程《Web應用程序設計》的學習奠定基礎和實現(xiàn)向Web應用程序開發(fā)的順利過渡。
課程目標包括：①理解網(wǎng)站的工作原理，學會構建網(wǎng)站；②熟練掌握Photoshop、Fireworks、Flash等軟件處理網(wǎng)頁素材；③熟練使用CSS、Div進行網(wǎng)頁設計；④掌握網(wǎng)頁腳本語言的使用方法；⑤培養(yǎng)學生做出具有一定水準的網(wǎng)頁（包括Javascript，CSS+Div）。
3.2優(yōu)化教學內容
以往《網(wǎng)頁設計與制作》的教學內容大多是按網(wǎng)頁三劍客展開，而以向Web應用程序設計的過渡為導向的課程改革需要將《網(wǎng)頁設計與制作》課程內容與Web應用程序開發(fā)的動態(tài)頁面要求相結合，滿足日后的Web應用程序設計要求。
教學內容主要包括：①網(wǎng)頁圖片處理；②網(wǎng)頁動畫制作；③基于HTML+CSS+Div+Javascript網(wǎng)頁設計。
借助Dreamweaver進行可視化頁面設計轉向純代碼的編寫，全部靠手工編寫代碼來設計網(wǎng)頁頁面。
3.3教學方法改革
教學方法由傳統(tǒng)的演示法向多樣式教學方法發(fā)展，主要有以下4種：
啟發(fā)式-模仿法：初學時需要大量瀏覽一些優(yōu)秀網(wǎng)站案例。通過欣賞國內外優(yōu)秀網(wǎng)站，讓學生在外觀視覺的享受中感受網(wǎng)頁設計領域的奇妙，培養(yǎng)學習興趣。并選中幾個案例，進行一步一步地模仿設計。
任務驅動法：每個學習案例都布置了學習任務，課程體系結構以任務為主線，貫穿整個學習過程。教師在課堂講解理論知識后，布置學習任務，學生自己動手獨立完成學習任務，將理論與實踐相結合，使理論知識得以實踐。
項目教學法：將實際的網(wǎng)站設計項目直接在課堂再現(xiàn)，以項目為驅動，帶動各知識點，讓學生邊學邊練。讓學生了解網(wǎng)站開發(fā)的流程，也促進各知識點的應用，快速吸收所學
內容。
3.5學生設計成果能向《Web應用程序設計》課程過渡
《網(wǎng)頁設計與制作》課程是《Web應用程序設計》的先修課程，學生通過《網(wǎng)頁設計與制作》課程的學習，設計出的網(wǎng)頁成果要能直接移植或方便的移植到Web應用程序設計中來，而不能出現(xiàn)設計出的網(wǎng)頁成果與《Web應用程序設計》無關，與后續(xù)課程脫節(jié)。
方法：（1）利用Dreamweaver等網(wǎng)頁編輯軟件，純手工編寫代碼，保存為后綴名為html或htm的文件，通過不同的瀏覽器測試頁面的預覽效果。日后通過修改文件后綴名來適應.net開發(fā)或JSP開發(fā)，實現(xiàn)向Web應用程序設計的移植。
對于基于.net的Web應用程序，在 Visual Studio環(huán)境下進行網(wǎng)頁設計，實現(xiàn)網(wǎng)頁設計向基于.net的Web應用程序的直接移植；對于基于JSP開發(fā)的Web應用程序，在Eclipse環(huán)境下進行網(wǎng)頁設計，實現(xiàn)網(wǎng)頁設計向基于JSP的Web應用程序的直接移植。
4、結語
通過《網(wǎng)頁設計與制作》課程教學改革與實踐，課程結課后學生都能夠獨立完成基于HTML+CSS+Div+Javascript的小型網(wǎng)站網(wǎng)頁的設計，且這些網(wǎng)頁要能直接移植或方便的移植到Web應用程序設計中，實現(xiàn)向Web應用程序設計的完美過渡。通過課程改革，提高了學生的學習興趣，鍛煉了他們的實際動手實踐能力，并為后續(xù)《Web應用程序設計》的頁面設計打下良好的基礎。
參考文獻：
[1] 彭莉，張道軍，高好良.《網(wǎng)頁設計與網(wǎng)站建設》課程教學改革與實踐.軟件導刊，2013，12（2）：170-172.
[2] 董玉蘭.教師引導 學生探究——《網(wǎng)頁修飾》教學設計.課程教育研究，2013.
關鍵詞：色彩；網(wǎng)頁設計；視覺效果
中圖分類號：J524
文獻標識碼：A
文章編號：1005-5312（2012）14-0074-01
一、色彩在網(wǎng)頁設計中的重要性
網(wǎng)頁設計與平面設計密切相關，并具有功能性的設計藝術，必須始終遵循藝術與技術，形式與功能的高度統(tǒng)一。在五彩繽紛的世界中，色彩是吸引視覺的重要因素，就感覺而言，色彩比形狀能夠產(chǎn)生更直接、更強烈的影響。
所以網(wǎng)頁設計師不僅要掌握基本的網(wǎng)頁制作技術，還需要掌握網(wǎng)頁的風格、配色等設計藝術，色彩的設計始終在網(wǎng)頁中占據(jù)著相當重要的地位。在一定意義上可以說網(wǎng)頁也是一種藝術品，它既要求文字的優(yōu)美流暢，又要求頁面的新穎整潔，而且要求使用色彩得當。合理的頁面色彩設計，將直接影響到瀏覽者的觀賞興趣，它可以使頁面更加生動，讓瀏覽者留下深刻的第一印象，產(chǎn)生強烈的視覺效果。
二、色彩在網(wǎng)頁設計中的作用
（一）突出主題和體現(xiàn)風格
每一種色彩都有其情感效果與象征，設計師可以利用色彩本身所具有的表現(xiàn)力和情感效應，使網(wǎng)頁的內容與形式有機地結合起來，借助色彩來體現(xiàn)網(wǎng)站的特色與風格，突出其主題。
（二）劃分區(qū)域和統(tǒng)一風格
網(wǎng)頁內容豐富，信息含量大，設計師可以利用不同的色彩進行網(wǎng)頁界面的視覺區(qū)域劃分和網(wǎng)頁信息的分類布局，利用不同的色彩給人的不同的心理效果，區(qū)分主次順序，形成有序的視覺流程，使網(wǎng)頁具有良好的易讀性和方便的導向性。對網(wǎng)頁色彩進行系統(tǒng)地規(guī)劃和設計，可以使網(wǎng)站的整體風格統(tǒng)一，給瀏覽者完整、有序的視覺印象。
（三）吸引視線和加深印象
在網(wǎng)頁設計中要充分利用色彩的力量美化頁面，或含蓄優(yōu)雅，或動感強烈，或時尚新穎，或單純醒目，以引起瀏覽者的關注，同時大大增強網(wǎng)頁的藝術性和吸引力，從而提高訪問率，提高網(wǎng)站的知名度
三、色彩在網(wǎng)頁設計中應把握的原則
（一）與網(wǎng)站主題保持一致
不同的色彩有著不同的象征意義，因此給瀏覽者的心理感受也不相同。色彩在網(wǎng)頁設計中要有針對性，應體現(xiàn)出自身的特色。比如說政府部門的網(wǎng)頁風格應有莊重感，呈現(xiàn)寧靜、莊重、高雅的氛圍；電子商務類網(wǎng)頁可以通過紅色、橙色、黃色等暖色調的搭配，以色彩的多樣性提升閱讀的舒適性；藍色給人的心理印象是崇高、深遠、廣大而睿智，被高科技企業(yè)網(wǎng)站所喜愛；保健類的網(wǎng)頁應大面積地采用舒適性強的色彩，多以綠色白色搭配為主體，排斥易造成人們心理緊張感和恐慌感的色彩。隨著行業(yè)的不斷的增多，色彩在網(wǎng)頁設計中的運用的重要性也突出的體現(xiàn)出來。
（二）個性鮮明
在網(wǎng)站云集的互聯(lián)網(wǎng)，網(wǎng)頁的色彩只有與眾不同，有自己獨特的風格才能顯得個性鮮明，給瀏覽者留下深刻的印象。尤其是在同類網(wǎng)站中，網(wǎng)頁的色彩不但要符合此類網(wǎng)站的用色特點，還要有其獨到之處。網(wǎng)頁設計是一種藝術活動，只有按照內容決定形式的原則，大膽進行藝術創(chuàng)新，才能設計出既符合網(wǎng)站主題，又有一定藝術特色的網(wǎng)頁。
（三）與瀏覽者的審美情趣相統(tǒng)一
由于地域、民族、信仰、年齡、文化修養(yǎng)等存在著差異，人們的審美能力也有很大的差別。不同的瀏覽者對色彩的聯(lián)想和理解不會相同，對色彩的喜好也不一樣。網(wǎng)頁設計師在制作這樣的網(wǎng)頁時就必須進行多方面的考慮，盡可能多地采用符合瀏覽者審美傾向的色彩，使其產(chǎn)生共鳴。如兒童喜歡色彩鮮明的純色，那么兒童網(wǎng)站就宜采用紅、黃、藍、綠等對比鮮明的色彩，來營造活潑富有童趣的視覺效果。
（四）方便閱讀
在進行網(wǎng)頁設計時要注意文字與背景色彩的明暗對比，文本要易讀，圖像要易于識別，以使人們在瀏覽大量網(wǎng)頁信息時，減輕視覺疲勞。
（五）保持延續(xù)性
雖然網(wǎng)頁的信息會不斷更新，版式也會定期修改，但網(wǎng)頁色彩的基調和風格一旦形成后，不宜大幅地更改，而應保持一定的延續(xù)性。這樣能夠使瀏覽者迅速識別且印象深刻。但為了保持新鮮感和提高吸引力，可以小范圍地對網(wǎng)頁中的色彩明度、純度進行適當?shù)淖儞Q。
四、結語
色彩作為網(wǎng)頁設計中的一個重要而獨特的設計元素，應該受到足夠的重視。色彩是網(wǎng)頁設計的靈魂，網(wǎng)頁設計師要以科學的色彩理論作為設計指導，把藝術同現(xiàn)代網(wǎng)頁設計技術結合起來，大膽進行藝術創(chuàng)新，創(chuàng)造出更鮮活、更具有吸引力的網(wǎng)頁作品，不斷引導和提高大眾的色彩審美情趣和能力。
一、網(wǎng)頁設計中的色彩應用
1.體現(xiàn)風格，突出主題
一個網(wǎng)站的特點與風格要得到展示，除了要使頁面內容與形式之間有機結合，還要使不同色彩有機結合。每一種顏色都有它所特有的個性，設計人員可以借助色彩心理學表達色彩的情感效果，以便更好地突出主題。
2.網(wǎng)頁區(qū)域劃分應有統(tǒng)一的風格
網(wǎng)站內容豐富，信息量大，設計師要對網(wǎng)頁界面進行視覺區(qū)域劃分。網(wǎng)頁信息的分類布局，可以使用不同的色彩劃分內容主次，規(guī)劃視覺流程，統(tǒng)一網(wǎng)頁的整體風格，給瀏覽者以完整的、易讀的、富有導向性的視覺印象。
3.引起人們的關注，加深印象
網(wǎng)頁設計或優(yōu)雅含蓄，或動感強烈，或時尚新穎，或簡單搶眼，能吸引觀眾的注意，是設計人員充分利用色彩的魅力來優(yōu)化頁面的成果，這種頁面的色彩設計極大地提高了網(wǎng)頁的藝術性，是提高訪問率和網(wǎng)站知名度的關鍵。
二、網(wǎng)頁設計中色彩搭配的原則
平面設計和網(wǎng)頁設計最重要是色彩的搭配。當人們離屏幕較遠時，第一眼看到的是頁面顏色，而不是具體的圖片與文字排版。因此，設計者在網(wǎng)頁設計中除了要考慮突出網(wǎng)頁內容的理性要求，也要遵循感性的藝術規(guī)律，從而設計出性格獨特的網(wǎng)頁。
1.特色鮮明
一個網(wǎng)頁必須有自己獨特的色彩風格，以使看起來個性鮮明，給觀眾留下深刻的印象。
2.合理搭配
一種色彩的應用：將選擇的顏色調整透明度或飽和度，產(chǎn)生新的顏色。這種色彩的運用使頁面看起來更統(tǒng)一，主次更分明。兩種色彩的應用：在選擇一種色彩后，然后選擇其對比色。一個色系的應用：將一個感覺的色彩放在一起使用，如淺藍、淺黃、淺綠，或者土黃、土灰、土藍，等等。
3.藝術性
網(wǎng)頁設計含有藝術的成分，是一種藝術活動，有其藝術規(guī)律需要遵循，而網(wǎng)頁設計師在考慮內容的同時，也要根據(jù)藝術的形式、特點、原則進行大膽的藝術創(chuàng)新，在符合網(wǎng)站要求的同時讓網(wǎng)頁各有特點。
三、色彩搭配要注意的問題
第一，在網(wǎng)頁設計時，設計師一般會避免使用單一的顏色，以防使人產(chǎn)生單調的感覺。如果僅使用一種顏色且希望產(chǎn)生豐富的變化，可以通過調整它的飽和度和透明度達到整個網(wǎng)頁色彩的分層。
第二，黑色是一個特定的顏色，在設計中使用得恰當、合理，同樣會產(chǎn)生非常強烈的視覺效果。黑色通常作為背景色，與不同純度的顏色搭配使用。
第三，將多種色彩用于一個網(wǎng)頁往往使頁面很“花”，使網(wǎng)頁缺乏整體感和內在美。實踐證明，網(wǎng)頁設計中用色并不是越多越顯得豐富、有個性，一般在三種顏色內通過調整其各種屬性來產(chǎn)生豐富的色彩變化。