網(wǎng)站設計教學(xué)的臨摹思考論文
摘要：臨摹是藝術(shù)設計專(zhuān)業(yè)網(wǎng)站設計課程學(xué)習過(guò)程中重要的方法之一。網(wǎng)站設計課程教學(xué)主要從網(wǎng)頁(yè)界面設計和針對瀏覽器端的程序開(kāi)發(fā)兩個(gè)方向講解。從界面設計角度來(lái)分析，應該注意臨摹的深度和方法；從前臺開(kāi)發(fā)技術(shù)的角度來(lái)講，臨摹是從基礎學(xué)習到實(shí)踐應用中必要的行為。分析網(wǎng)站設計教學(xué)中臨摹的意義與作用，并針對如何臨摹進(jìn)行一些思考。
關(guān)鍵詞：網(wǎng)站設計；臨��；直覺(jué)設計
在傳統藝術(shù)學(xué)習中臨摹，是一種重要的方法，而藝術(shù)院校在設計教學(xué)過(guò)程中一般以啟發(fā)為主，不提倡臨摹，比較重視訓練學(xué)生的創(chuàng )意思維。不過(guò)創(chuàng )造性思維方式不是憑空出現的，除了要求學(xué)生有開(kāi)闊的眼界，深厚的基本功之外，還需要研究大量的作品。在普通藝術(shù)高校中，學(xué)生基礎相對薄弱，對專(zhuān)業(yè)的理解和研究程度都較低，過(guò)于強調創(chuàng )意，對大部分學(xué)生來(lái)講起不到理想的作用。偶爾有好創(chuàng )意的時(shí)候，在實(shí)現具體設計圖時(shí)很難達到理想的效果，并且會(huì )逐漸打磨掉學(xué)生的學(xué)習熱情。
一、網(wǎng)站設計教學(xué)現狀分析
“網(wǎng)站設計”學(xué)習中創(chuàng )意與技法缺一不可。目前，普通高校藝術(shù)專(zhuān)業(yè)的學(xué)生，創(chuàng )意和設計能力普遍是“眼低手低”。從教學(xué)結果來(lái)看，大部分學(xué)生對課程內容的理解不夠深刻，完成的作品從基礎表現到創(chuàng )意都不理想。教育講究因材施教，對于這類(lèi)學(xué)生，應重點(diǎn)培養學(xué)生的設計技巧并逐漸提高學(xué)生的學(xué)習興趣與創(chuàng )意。國內“網(wǎng)站設計”課程主要以界面設計教學(xué)為主，這一部分教學(xué)內容與版式設計、書(shū)籍設計有很多相似的地方，容易讓學(xué)生覺(jué)得沒(méi)有新鮮感從而喪失學(xué)習興趣。而網(wǎng)站程序開(kāi)發(fā)技術(shù)受到師資等多方面原因影響很難詳細講解相關(guān)內容。網(wǎng)站界面設計教學(xué)一般包括頁(yè)面版式、圖標、色彩搭配、創(chuàng )意等。在教學(xué)過(guò)程中，教師一般不允許學(xué)生臨摹，需要對圖標和版式等根據學(xué)生所選主題有一定的原創(chuàng )性，并且有較強的藝術(shù)性。但是從作業(yè)的完成情況來(lái)看，真正脫離臨摹的學(xué)生作業(yè)的視覺(jué)效果和藝術(shù)性都較差，而且大部分不符合網(wǎng)站設計規范。學(xué)生普遍不知道從何入手或者單純地把作業(yè)當成版式設計內容在制作，哪怕完成了作業(yè)，學(xué)生對網(wǎng)站設計規范和設計原理的理解也處于入門(mén)階段。藝術(shù)院校的網(wǎng)站程序開(kāi)發(fā)教學(xué)主要是網(wǎng)站前端開(kāi)發(fā)技術(shù)，包括HTML、CSS等內容。這一部分教學(xué)主要是對標簽語(yǔ)言的理解、熟練過(guò)程。目的是讓學(xué)生掌握網(wǎng)站界面設計的前端開(kāi)發(fā)，并且理解網(wǎng)站技術(shù)對于界面設計的影響。這一部分的教學(xué)屬于跨學(xué)科的教學(xué)內容，相對較難。但是，筆者在十年的網(wǎng)站教學(xué)過(guò)程中發(fā)現，這一部分的教學(xué)結果普遍比界面設計教學(xué)效果要好。筆者認為主要有三點(diǎn)原因：第一，HTML、CSS基礎學(xué)習不需要有深厚的計算機、藝術(shù)基礎；第二，HTML、CSS屬于標簽語(yǔ)言，就像英語(yǔ)單詞含義比較固定，只需要理解就能很快入門(mén)，而且只需要掌握20個(gè)左右的標簽就可以做一些基礎的網(wǎng)站，相對簡(jiǎn)單；第三，學(xué)生基礎學(xué)習的過(guò)程中不需要過(guò)多原創(chuàng )，僅僅需要對常用界面代碼的掌握和理解，個(gè)別學(xué)生掌握較快，能較好地舉一反三，部分學(xué)生當熟練到一定程度后也會(huì )嘗試探索一些不同的創(chuàng )意[1]。
二、臨摹的意義與作用
徐悲鴻先生說(shuō)：“臨摹，在繪畫(huà)過(guò)程中有著(zhù)不可替代的作用�！痹谠O計領(lǐng)域里，臨摹同樣有著(zhù)重要的作用。臨摹是設計學(xué)習過(guò)程中重要的方法，無(wú)論是基礎課還是專(zhuān)業(yè)課，教師不應該對其避而不談。讓學(xué)生進(jìn)行正確的臨摹訓練，能直觀(guān)、迅速地鍛煉學(xué)生的綜合設計能力。例如，字體的臨摹能讓學(xué)生快速掌握宋體、黑體等字的特點(diǎn)；插畫(huà)的臨摹能夠讓學(xué)生深刻理解優(yōu)秀作品的表達方式……
�。ㄒ唬┡R摹能提高學(xué)生觀(guān)察能力和審美觀(guān)
目前，普通高校藝術(shù)學(xué)生面臨的問(wèn)題是審美和技法都比較弱，需要提高的地方非常多，而審美和創(chuàng )意又是靠豐富的生活經(jīng)驗和大量閱讀堆積出來(lái)的。目前，學(xué)生閱讀量和觀(guān)察能力都比較薄弱，在與學(xué)生溝通作業(yè)的過(guò)程中，筆者發(fā)現很多學(xué)生對于優(yōu)秀的作品都沒(méi)有見(jiàn)過(guò)，而且不能正確地指出優(yōu)秀在哪里，雖然審美因人而異，但是很多設計作品都有其獨特并且值得借鑒的亮點(diǎn)。臨摹能讓學(xué)生仔細、認真地觀(guān)察這些亮點(diǎn)，并且能夠在大量臨摹過(guò)程中，分析各種類(lèi)型的`設計作品，逐漸提高自己的眼界和觀(guān)察能力。
�。ǘ楦玫匕l(fā)揮學(xué)生的創(chuàng )造力而臨摹
對于大部分的學(xué)生來(lái)說(shuō)，其作品很難表現出理想的藝術(shù)效果和實(shí)用性。如何規范設計，以及如何將創(chuàng )作意圖歸納為視覺(jué)元素進(jìn)行展現等，僅僅靠課堂演示和一些圖片欣賞很容易走彎路。如果教師能對臨摹教學(xué)有正確的認識并給予正確的指導，會(huì )發(fā)現此種方法不僅會(huì )迅速提升學(xué)生的專(zhuān)業(yè)技能，更有助于他們順利地表達自己的創(chuàng )作意圖。
�。ㄈ┡R摹能讓學(xué)生快而深刻地掌握優(yōu)秀作品的細節和創(chuàng )作技巧
學(xué)生在搜集資料的過(guò)程中很難全面地了解設計作品的各種創(chuàng )作技巧和細節表達。臨摹能夠幫助學(xué)生詳細觀(guān)察作品的結構、字體、色彩等之間的關(guān)系。例如，網(wǎng)站設計中，學(xué)生需要詳細地體驗作品中各個(gè)不同板塊之間的比例、對齊方式、字體大小、顏色運用、圖標的造型和風(fēng)格等具體內容[2]。
�。ㄋ模┡R摹能提高學(xué)生的直覺(jué)設計
臨摹的過(guò)程需要讓學(xué)生意識到對于優(yōu)秀設計作品應該看什么，怎么看，并逐漸培養學(xué)生自我設計意識和設計方法。直覺(jué)體驗的獲得有很多渠道，生活體驗是最直接、有效的方法之一。臨摹的經(jīng)驗越豐富，直覺(jué)體驗越可靠。設計者在搜集資料和臨摹中視野越開(kāi)闊、思維越活躍，對設計中遇到的問(wèn)題和現象的分析就越全面，產(chǎn)生的直覺(jué)也越有效。向設計大師學(xué)習，向相關(guān)的藝術(shù)設計學(xué)習，同樣可以幫助學(xué)生獲得體驗。設計感悟積累越多、設計類(lèi)別越廣，就越能增加設計師的知識廣度和思維的活性，利于設計直覺(jué)的培養[3]。
三、網(wǎng)站設計中如何臨摹
教師應該盡可能根據學(xué)生的基礎和能力，指導學(xué)生正確的臨摹方法。這種能力不僅是訓練學(xué)生的技巧，也需要學(xué)生搜集素材、分析素材，并且分析所選主題和素材的關(guān)系。在給基礎薄弱的學(xué)生指引一個(gè)詳細方法臨摹的時(shí)候盡可能指引學(xué)生形成深刻的認識，在學(xué)習中理解網(wǎng)站設計的核心教學(xué)內容。雖然通過(guò)一兩次臨摹可能效果并不明顯，但是可以給基礎薄弱、創(chuàng )意比較匱乏的學(xué)生提供一條便捷的道路，增強學(xué)習的成就感，循序漸進(jìn)地讓學(xué)生深入理解網(wǎng)站設計是什么。筆者結合幾年來(lái)的教學(xué)實(shí)踐和思考，對如何實(shí)施“網(wǎng)站設計”課程臨摹教學(xué)，做一些初步探索，借以?huà)伌u引玉。
�。ㄒ唬┮越梃b為主進(jìn)行臨摹
臨摹網(wǎng)站可以是完整臨摹，也可以是局部臨摹，后者對于設計專(zhuān)業(yè)的學(xué)生來(lái)講屬于一種折中的方法，既能起到鍛煉作用，也能避免完全的抄襲。教師需要讓學(xué)生認識到不同作品的優(yōu)缺點(diǎn)。俗話(huà)說(shuō)“天下文章一大抄”，這里的抄應該是借鑒的含義。希望學(xué)生有一定的依據和目的接觸優(yōu)秀的設計作品，這樣能比較快地提高學(xué)習和創(chuàng )作能力。
�。ǘ┡R摹網(wǎng)站作品應該學(xué)會(huì )分析、解構
如何解構一個(gè)網(wǎng)站，簡(jiǎn)單理解就是把網(wǎng)站作品去掉表面的裝飾元素，簡(jiǎn)化后根據網(wǎng)站的結構進(jìn)行分類(lèi)。例如，把網(wǎng)站的內容結構、界面版式結構、圖標、色彩搭配等各個(gè)組成部分歸納總結，然后根據需要進(jìn)行研究、學(xué)習。培養學(xué)生能夠把多幅作品“打散重構”成一幅全新作品的能力。當學(xué)生看到優(yōu)秀的設計作品時(shí)建議保留素材并花費一定的時(shí)間思考這個(gè)作品為什么要這樣做，這樣的思考過(guò)程對設計能力的提高是很有幫助的。
�。ㄈ┡R摹應該講究方式方法
“網(wǎng)站設計”教學(xué)中界面設計能力的培養作為重點(diǎn)教學(xué)內容，程序開(kāi)發(fā)技術(shù)教學(xué)則作為輔助教學(xué)。網(wǎng)站界面設計不僅是藝術(shù)層面的研究，它受到功能需求及網(wǎng)站開(kāi)發(fā)技術(shù)的限制。在臨摹的過(guò)程中，首先應該分析網(wǎng)站的實(shí)用性與藝術(shù)性。初學(xué)者最好從整體布局開(kāi)始，然后逐漸推進(jìn)細節，這種方法就像傳統繪畫(huà)的過(guò)程，從構圖出發(fā)逐漸深入。當然，如果學(xué)生能夠理解和熟練地進(jìn)行界面設計，那么方法則可因人而異。網(wǎng)站前臺程序學(xué)習應該盡可能完整地臨摹整個(gè)界面的HTML、CSS程序，就像軟件學(xué)習一樣，以掌握和熟練為主。在臨摹程序的過(guò)程中，分析該程序語(yǔ)言的規則和技巧，同樣的界面效果，很可能程序書(shū)寫(xiě)是不同的，但是程序不是只要實(shí)現界面效果就是正確的，還包括是否存在明顯的Bug、代碼的優(yōu)化、擴展性、專(zhuān)業(yè)性等。這一部分的學(xué)習只有在學(xué)生熟練掌握基礎語(yǔ)言，并且深入學(xué)習后才能實(shí)現[4]。借鑒性質(zhì)的臨摹是設計過(guò)程中很難完全擺脫的一種行為，很多優(yōu)秀的設計作品已經(jīng)存在于設計師的頭腦中，在創(chuàng )作過(guò)程中，無(wú)論是有意識還是無(wú)意識行為都會(huì )有其他設計的影子，這種類(lèi)似臨摹的直覺(jué)設計是通過(guò)大量的學(xué)習及設計經(jīng)驗養成的。很多知名設計師在進(jìn)行創(chuàng )作的時(shí)候，都需要參考一些別人的優(yōu)秀作品，這一作品可能是早期的經(jīng)典案例，也可能是當前的優(yōu)秀設計作品。其目的是給自己提供更直觀(guān)的靈感。由此可見(jiàn)，從學(xué)習過(guò)程到實(shí)踐過(guò)程都需要臨摹的參與。在學(xué)習過(guò)程中，臨摹讓學(xué)生掌握理論和基礎技法；在實(shí)踐過(guò)程中，借鑒能讓學(xué)生快速掌握項目的創(chuàng )意。學(xué)生應該臨摹其核心規律，而不是僅僅描摹其表面�？傊�，臨摹是設計教學(xué)中一種必要的手段，網(wǎng)站設計教學(xué)過(guò)程中根據學(xué)生實(shí)際情況，不能過(guò)分強調創(chuàng )意，也不能過(guò)分強調臨摹。創(chuàng )意以技法和經(jīng)驗為基礎，技法通過(guò)臨摹來(lái)掌握。在教學(xué)過(guò)程中教師應該引導學(xué)生觀(guān)察、分析作品的設計規律，并且根據規律進(jìn)行有目的的臨摹掌握其技法，增加經(jīng)驗。
參考文獻：
[1]郭恒川，李方方.網(wǎng)站設計課程教學(xué)方法改革創(chuàng )新[J].黑龍江教育：高教研究與評估，2014，（5）.
[2]蔣婧.臨摹在設計教學(xué)中的重要性及應用[J].科教導刊：中旬刊，2012，（9）.
[3]楊國新，萬(wàn)桂香.藝術(shù)設計教育中直覺(jué)思維產(chǎn)生基礎探析[J].藝術(shù)教育，2015，（10）.
[4]劉碩.中文字體設計中臨摹的必要性[J].大眾文藝，2013，（19）.
【網(wǎng)站設計教學(xué)的臨摹思考論文】相關(guān)文章：
于國畫(huà)臨摹教學(xué)的幾點(diǎn)思考論文07-12
關(guān)于中學(xué)中國畫(huà)臨摹教學(xué)的再思考論文07-05
家具設計課程教學(xué)的思考論文01-11
家具設計課程教學(xué)思考論文01-11
動(dòng)態(tài)網(wǎng)站的教學(xué)項目設計論文01-11
信息素養教學(xué)的案例設計思考論文09-06