網(wǎng)站設(shè)計(jì)教學(xué)的臨摹思考

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了網(wǎng)站設(shè)計(jì)教學(xué)的臨摹思考范文，希望能給你帶來(lái)靈感和參考，敬請(qǐng)閱讀。

摘要：臨摹是藝術(shù)設(shè)計(jì)專業(yè)網(wǎng)站設(shè)計(jì)課程學(xué)習(xí)過(guò)程中重要的方法之一。網(wǎng)站設(shè)計(jì)課程教學(xué)主要從網(wǎng)頁(yè)界面設(shè)計(jì)和針對(duì)瀏覽器端的程序開發(fā)兩個(gè)方向講解。從界面設(shè)計(jì)角度來(lái)分析，應(yīng)該注意臨摹的深度和方法；從前臺(tái)開發(fā)技術(shù)的角度來(lái)講，臨摹是從基礎(chǔ)學(xué)習(xí)到實(shí)踐應(yīng)用中必要的行為。分析網(wǎng)站設(shè)計(jì)教學(xué)中臨摹的意義與作用，并針對(duì)如何臨摹進(jìn)行一些思考。

關(guān)鍵詞：網(wǎng)站設(shè)計(jì)；臨??；直覺設(shè)計(jì)

在傳統(tǒng)藝術(shù)學(xué)習(xí)中臨摹，是一種重要的方法，而藝術(shù)院校在設(shè)計(jì)教學(xué)過(guò)程中一般以啟發(fā)為主，不提倡臨摹，比較重視訓(xùn)練學(xué)生的創(chuàng)意思維。不過(guò)創(chuàng)造性思維方式不是憑空出現(xiàn)的，除了要求學(xué)生有開闊的眼界，深厚的基本功之外，還需要研究大量的作品。在普通藝術(shù)高校中，學(xué)生基礎(chǔ)相對(duì)薄弱，對(duì)專業(yè)的理解和研究程度都較低，過(guò)于強(qiáng)調(diào)創(chuàng)意，對(duì)大部分學(xué)生來(lái)講起不到理想的作用。偶爾有好創(chuàng)意的時(shí)候，在實(shí)現(xiàn)具體設(shè)計(jì)圖時(shí)很難達(dá)到理想的效果，并且會(huì)逐漸打磨掉學(xué)生的學(xué)習(xí)熱情。

一、網(wǎng)站設(shè)計(jì)教學(xué)現(xiàn)狀分析

“網(wǎng)站設(shè)計(jì)”學(xué)習(xí)中創(chuàng)意與技法缺一不可。目前，普通高校藝術(shù)專業(yè)的學(xué)生，創(chuàng)意和設(shè)計(jì)能力普遍是“眼低手低”。從教學(xué)結(jié)果來(lái)看，大部分學(xué)生對(duì)課程內(nèi)容的理解不夠深刻，完成的作品從基礎(chǔ)表現(xiàn)到創(chuàng)意都不理想。教育講究因材施教，對(duì)于這類學(xué)生，應(yīng)重點(diǎn)培養(yǎng)學(xué)生的設(shè)計(jì)技巧并逐漸提高學(xué)生的學(xué)習(xí)興趣與創(chuàng)意。國(guó)內(nèi)“網(wǎng)站設(shè)計(jì)”課程主要以界面設(shè)計(jì)教學(xué)為主，這一部分教學(xué)內(nèi)容與版式設(shè)計(jì)、書籍設(shè)計(jì)有很多相似的地方，容易讓學(xué)生覺得沒有新鮮感從而喪失學(xué)習(xí)興趣。而網(wǎng)站程序開發(fā)技術(shù)受到師資等多方面原因影響很難詳細(xì)講解相關(guān)內(nèi)容。網(wǎng)站界面設(shè)計(jì)教學(xué)一般包括頁(yè)面版式、圖標(biāo)、色彩搭配、創(chuàng)意等。在教學(xué)過(guò)程中，教師一般不允許學(xué)生臨摹，需要對(duì)圖標(biāo)和版式等根據(jù)學(xué)生所選主題有一定的原創(chuàng)性，并且有較強(qiáng)的藝術(shù)性。但是從作業(yè)的完成情況來(lái)看，真正脫離臨摹的學(xué)生作業(yè)的視覺效果和藝術(shù)性都較差，而且大部分不符合網(wǎng)站設(shè)計(jì)規(guī)范。學(xué)生普遍不知道從何入手或者單純地把作業(yè)當(dāng)成版式設(shè)計(jì)內(nèi)容在制作，哪怕完成了作業(yè)，學(xué)生對(duì)網(wǎng)站設(shè)計(jì)規(guī)范和設(shè)計(jì)原理的理解也處于入門階段。藝術(shù)院校的網(wǎng)站程序開發(fā)教學(xué)主要是網(wǎng)站前端開發(fā)技術(shù)，包括HTML、CSS等內(nèi)容。這一部分教學(xué)主要是對(duì)標(biāo)簽語(yǔ)言的理解、熟練過(guò)程。目的是讓學(xué)生掌握網(wǎng)站界面設(shè)計(jì)的前端開發(fā)，并且理解網(wǎng)站技術(shù)對(duì)于界面設(shè)計(jì)的影響。這一部分的教學(xué)屬于跨學(xué)科的教學(xué)內(nèi)容，相對(duì)較難。但是，筆者在十年的網(wǎng)站教學(xué)過(guò)程中發(fā)現(xiàn)，這一部分的教學(xué)結(jié)果普遍比界面設(shè)計(jì)教學(xué)效果要好。筆者認(rèn)為主要有三點(diǎn)原因：第一，HTML、CSS基礎(chǔ)學(xué)習(xí)不需要有深厚的計(jì)算機(jī)、藝術(shù)基礎(chǔ)；第二，HTML、CSS屬于標(biāo)簽語(yǔ)言，就像英語(yǔ)單詞含義比較固定，只需要理解就能很快入門，而且只需要掌握20個(gè)左右的標(biāo)簽就可以做一些基礎(chǔ)的網(wǎng)站，相對(duì)簡(jiǎn)單；第三，學(xué)生基礎(chǔ)學(xué)習(xí)的過(guò)程中不需要過(guò)多原創(chuàng)，僅僅需要對(duì)常用界面代碼的掌握和理解，個(gè)別學(xué)生掌握較快，能較好地舉一反三，部分學(xué)生當(dāng)熟練到一定程度后也會(huì)嘗試探索一些不同的創(chuàng)意[1]。

二、臨摹的意義與作用

徐悲鴻先生說(shuō)：“臨摹，在繪畫過(guò)程中有著不可替代的作用?！痹谠O(shè)計(jì)領(lǐng)域里，臨摹同樣有著重要的作用。臨摹是設(shè)計(jì)學(xué)習(xí)過(guò)程中重要的方法，無(wú)論是基礎(chǔ)課還是專業(yè)課，教師不應(yīng)該對(duì)其避而不談。讓學(xué)生進(jìn)行正確的臨摹訓(xùn)練，能直觀、迅速地鍛煉學(xué)生的綜合設(shè)計(jì)能力。例如，字體的臨摹能讓學(xué)生快速掌握宋體、黑體等字的特點(diǎn)；插畫的臨摹能夠讓學(xué)生深刻理解優(yōu)秀作品的表達(dá)方式……

（一）臨摹能提高學(xué)生觀察能力和審美觀

目前，普通高校藝術(shù)學(xué)生面臨的問(wèn)題是審美和技法都比較弱，需要提高的地方非常多，而審美和創(chuàng)意又是靠豐富的生活經(jīng)驗(yàn)和大量閱讀堆積出來(lái)的。目前，學(xué)生閱讀量和觀察能力都比較薄弱，在與學(xué)生溝通作業(yè)的過(guò)程中，筆者發(fā)現(xiàn)很多學(xué)生對(duì)于優(yōu)秀的作品都沒有見過(guò)，而且不能正確地指出優(yōu)秀在哪里，雖然審美因人而異，但是很多設(shè)計(jì)作品都有其獨(dú)特并且值得借鑒的亮點(diǎn)。臨摹能讓學(xué)生仔細(xì)、認(rèn)真地觀察這些亮點(diǎn)，并且能夠在大量臨摹過(guò)程中，分析各種類型的設(shè)計(jì)作品，逐漸提高自己的眼界和觀察能力。

（二）為更好地發(fā)揮學(xué)生的創(chuàng)造力而臨摹

對(duì)于大部分的學(xué)生來(lái)說(shuō)，其作品很難表現(xiàn)出理想的藝術(shù)效果和實(shí)用性。如何規(guī)范設(shè)計(jì)，以及如何將創(chuàng)作意圖歸納為視覺元素進(jìn)行展現(xiàn)等，僅僅靠課堂演示和一些圖片欣賞很容易走彎路。如果教師能對(duì)臨摹教學(xué)有正確的認(rèn)識(shí)并給予正確的指導(dǎo)，會(huì)發(fā)現(xiàn)此種方法不僅會(huì)迅速提升學(xué)生的專業(yè)技能，更有助于他們順利地表達(dá)自己的創(chuàng)作意圖。

（三）臨摹能讓學(xué)生快而深刻地掌握優(yōu)秀作品的細(xì)節(jié)和創(chuàng)作技巧

學(xué)生在搜集資料的過(guò)程中很難全面地了解設(shè)計(jì)作品的各種創(chuàng)作技巧和細(xì)節(jié)表達(dá)。臨摹能夠幫助學(xué)生詳細(xì)觀察作品的結(jié)構(gòu)、字體、色彩等之間的關(guān)系。例如，網(wǎng)站設(shè)計(jì)中，學(xué)生需要詳細(xì)地體驗(yàn)作品中各個(gè)不同板塊之間的比例、對(duì)齊方式、字體大小、顏色運(yùn)用、圖標(biāo)的造型和風(fēng)格等具體內(nèi)容[2]。

（四）臨摹能提高學(xué)生的直覺設(shè)計(jì)

臨摹的過(guò)程需要讓學(xué)生意識(shí)到對(duì)于優(yōu)秀設(shè)計(jì)作品應(yīng)該看什么，怎么看，并逐漸培養(yǎng)學(xué)生自我設(shè)計(jì)意識(shí)和設(shè)計(jì)方法。直覺體驗(yàn)的獲得有很多渠道，生活體驗(yàn)是最直接、有效的方法之一。臨摹的經(jīng)驗(yàn)越豐富，直覺體驗(yàn)越可靠。設(shè)計(jì)者在搜集資料和臨摹中視野越開闊、思維越活躍，對(duì)設(shè)計(jì)中遇到的問(wèn)題和現(xiàn)象的分析就越全面，產(chǎn)生的直覺也越有效。向設(shè)計(jì)大師學(xué)習(xí)，向相關(guān)的藝術(shù)設(shè)計(jì)學(xué)習(xí)，同樣可以幫助學(xué)生獲得體驗(yàn)。設(shè)計(jì)感悟積累越多、設(shè)計(jì)類別越廣，就越能增加設(shè)計(jì)師的知識(shí)廣度和思維的活性，利于設(shè)計(jì)直覺的培養(yǎng)[3]。

三、網(wǎng)站設(shè)計(jì)中如何臨摹

教師應(yīng)該盡可能根據(jù)學(xué)生的基礎(chǔ)和能力，指導(dǎo)學(xué)生正確的臨摹方法。這種能力不僅是訓(xùn)練學(xué)生的技巧，也需要學(xué)生搜集素材、分析素材，并且分析所選主題和素材的關(guān)系。在給基礎(chǔ)薄弱的學(xué)生指引一個(gè)詳細(xì)方法臨摹的時(shí)候盡可能指引學(xué)生形成深刻的認(rèn)識(shí)，在學(xué)習(xí)中理解網(wǎng)站設(shè)計(jì)的核心教學(xué)內(nèi)容。雖然通過(guò)一兩次臨摹可能效果并不明顯，但是可以給基礎(chǔ)薄弱、創(chuàng)意比較匱乏的學(xué)生提供一條便捷的道路，增強(qiáng)學(xué)習(xí)的成就感，循序漸進(jìn)地讓學(xué)生深入理解網(wǎng)站設(shè)計(jì)是什么。筆者結(jié)合幾年來(lái)的教學(xué)實(shí)踐和思考，對(duì)如何實(shí)施“網(wǎng)站設(shè)計(jì)”課程臨摹教學(xué)，做一些初步探索，借以拋磚引玉。

（一）以借鑒為主進(jìn)行臨摹

臨摹網(wǎng)站可以是完整臨摹，也可以是局部臨摹，后者對(duì)于設(shè)計(jì)專業(yè)的學(xué)生來(lái)講屬于一種折中的方法，既能起到鍛煉作用，也能避免完全的抄襲。教師需要讓學(xué)生認(rèn)識(shí)到不同作品的優(yōu)缺點(diǎn)。俗話說(shuō)“天下文章一大抄”，這里的抄應(yīng)該是借鑒的含義。希望學(xué)生有一定的依據(jù)和目的接觸優(yōu)秀的設(shè)計(jì)作品，這樣能比較快地提高學(xué)習(xí)和創(chuàng)作能力。

（二）臨摹網(wǎng)站作品應(yīng)該學(xué)會(huì)分析、解構(gòu)

如何解構(gòu)一個(gè)網(wǎng)站，簡(jiǎn)單理解就是把網(wǎng)站作品去掉表面的裝飾元素，簡(jiǎn)化后根據(jù)網(wǎng)站的結(jié)構(gòu)進(jìn)行分類。例如，把網(wǎng)站的內(nèi)容結(jié)構(gòu)、界面版式結(jié)構(gòu)、圖標(biāo)、色彩搭配等各個(gè)組成部分歸納總結(jié)，然后根據(jù)需要進(jìn)行研究、學(xué)習(xí)。培養(yǎng)學(xué)生能夠把多幅作品“打散重構(gòu)”成一幅全新作品的能力。當(dāng)學(xué)生看到優(yōu)秀的設(shè)計(jì)作品時(shí)建議保留素材并花費(fèi)一定的時(shí)間思考這個(gè)作品為什么要這樣做，這樣的思考過(guò)程對(duì)設(shè)計(jì)能力的提高是很有幫助的。

（三）臨摹應(yīng)該講究方式方法

“網(wǎng)站設(shè)計(jì)”教學(xué)中界面設(shè)計(jì)能力的培養(yǎng)作為重點(diǎn)教學(xué)內(nèi)容，程序開發(fā)技術(shù)教學(xué)則作為輔助教學(xué)。網(wǎng)站界面設(shè)計(jì)不僅是藝術(shù)層面的研究，它受到功能需求及網(wǎng)站開發(fā)技術(shù)的限制。在臨摹的過(guò)程中，首先應(yīng)該分析網(wǎng)站的實(shí)用性與藝術(shù)性。初學(xué)者最好從整體布局開始，然后逐漸推進(jìn)細(xì)節(jié)，這種方法就像傳統(tǒng)繪畫的過(guò)程，從構(gòu)圖出發(fā)逐漸深入。當(dāng)然，如果學(xué)生能夠理解和熟練地進(jìn)行界面設(shè)計(jì)，那么方法則可因人而異。網(wǎng)站前臺(tái)程序?qū)W習(xí)應(yīng)該盡可能完整地臨摹整個(gè)界面的HTML、CSS程序，就像軟件學(xué)習(xí)一樣，以掌握和熟練為主。在臨摹程序的過(guò)程中，分析該程序語(yǔ)言的規(guī)則和技巧，同樣的界面效果，很可能程序書寫是不同的，但是程序不是只要實(shí)現(xiàn)界面效果就是正確的，還包括是否存在明顯的Bug、代碼的優(yōu)化、擴(kuò)展性、專業(yè)性等。這一部分的學(xué)習(xí)只有在學(xué)生熟練掌握基礎(chǔ)語(yǔ)言，并且深入學(xué)習(xí)后才能實(shí)現(xiàn)[4]。借鑒性質(zhì)的臨摹是設(shè)計(jì)過(guò)程中很難完全擺脫的一種行為，很多優(yōu)秀的設(shè)計(jì)作品已經(jīng)存在于設(shè)計(jì)師的頭腦中，在創(chuàng)作過(guò)程中，無(wú)論是有意識(shí)還是無(wú)意識(shí)行為都會(huì)有其他設(shè)計(jì)的影子，這種類似臨摹的直覺設(shè)計(jì)是通過(guò)大量的學(xué)習(xí)及設(shè)計(jì)經(jīng)驗(yàn)養(yǎng)成的。很多知名設(shè)計(jì)師在進(jìn)行創(chuàng)作的時(shí)候，都需要參考一些別人的優(yōu)秀作品，這一作品可能是早期的經(jīng)典案例，也可能是當(dāng)前的優(yōu)秀設(shè)計(jì)作品。其目的是給自己提供更直觀的靈感。由此可見，從學(xué)習(xí)過(guò)程到實(shí)踐過(guò)程都需要臨摹的參與。在學(xué)習(xí)過(guò)程中，臨摹讓學(xué)生掌握理論和基礎(chǔ)技法；在實(shí)踐過(guò)程中，借鑒能讓學(xué)生快速掌握項(xiàng)目的創(chuàng)意。學(xué)生應(yīng)該臨摹其核心規(guī)律，而不是僅僅描摹其表面。總之，臨摹是設(shè)計(jì)教學(xué)中一種必要的手段，網(wǎng)站設(shè)計(jì)教學(xué)過(guò)程中根據(jù)學(xué)生實(shí)際情況，不能過(guò)分強(qiáng)調(diào)創(chuàng)意，也不能過(guò)分強(qiáng)調(diào)臨摹。創(chuàng)意以技法和經(jīng)驗(yàn)為基礎(chǔ)，技法通過(guò)臨摹來(lái)掌握。在教學(xué)過(guò)程中教師應(yīng)該引導(dǎo)學(xué)生觀察、分析作品的設(shè)計(jì)規(guī)律，并且根據(jù)規(guī)律進(jìn)行有目的的臨摹掌握其技法，增加經(jīng)驗(yàn)。

參考文獻(xiàn)：

[1]郭恒川，李方方.網(wǎng)站設(shè)計(jì)課程教學(xué)方法改革創(chuàng)新[J].黑龍江教育：高教研究與評(píng)估，2014，（5）.

[2]蔣婧.臨摹在設(shè)計(jì)教學(xué)中的重要性及應(yīng)用[J].科教導(dǎo)刊：中旬刊，2012，（9）.

[3]楊國(guó)新，萬(wàn)桂香.藝術(shù)設(shè)計(jì)教育中直覺思維產(chǎn)生基礎(chǔ)探析[J].藝術(shù)教育，2015，（10）.

[4]劉碩.中文字體設(shè)計(jì)中臨摹的必要性[J].大眾文藝，2013，（19）.

作者:叢林 單位:哈爾濱理工大學(xué)