網站設計教學的臨摹思考

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

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

關鍵詞：網站設計；臨摹；直覺設計

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

一、網站設計教學現狀分析

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

二、臨摹的意義與作用

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

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

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

（二）為更好地發揮學生的創造力而臨摹

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

（三）臨摹能讓學生快而深刻地掌握優秀作品的細節和創作技巧

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

（四）臨摹能提高學生的直覺設計

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

三、網站設計中如何臨摹

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

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

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

（二）臨摹網站作品應該學會分析、解構

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

（三）臨摹應該講究方式方法

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

參考文獻：

[1]郭恒川，李方方.網站設計課程教學方法改革創新[J].黑龍江教育：高教研究與評估，2014，（5）.

[2]蔣婧.臨摹在設計教學中的重要性及應用[J].科教導刊：中旬刊，2012，（9）.

[3]楊國新，萬桂香.藝術設計教育中直覺思維產生基礎探析[J].藝術教育，2015，（10）.

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

作者:叢林 單位:哈爾濱理工大學