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