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

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

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

關(guān)鍵詞：網(wǎng)站設(shè)計；臨?。恢庇X設(shè)計

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

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

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

二、臨摹的意義與作用

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

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

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

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

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

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

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

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

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

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

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

（一）以借鑒為主進行臨摹

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

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

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

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

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

參考文獻：

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

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

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

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

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