理性與感性的碰撞
——網(wǎng)絡(luò)專(zhuān)業(yè)美工方向教學(xué)改革的探索

黃江波

（浙江工貿(mào)職業(yè)技術(shù)學(xué)院信息傳媒學(xué)院，浙江溫州325003）

理性與感性的碰撞
——網(wǎng)絡(luò)專(zhuān)業(yè)美工方向教學(xué)改革的探索

黃江波

（浙江工貿(mào)職業(yè)技術(shù)學(xué)院信息傳媒學(xué)院，浙江溫州325003）

理性與感性是一對(duì)貫穿網(wǎng)絡(luò)專(zhuān)業(yè)學(xué)習(xí)始末的矛盾而又統(tǒng)一的思維概念，構(gòu)成了美工方向?qū)W生最重要的內(nèi)在特質(zhì)。在教學(xué)過(guò)程中，將二者相輔相成，巧妙結(jié)合不僅提高學(xué)生學(xué)習(xí)的積極性，而且揚(yáng)長(zhǎng)避短發(fā)揮專(zhuān)業(yè)優(yōu)勢(shì)，拓寬專(zhuān)業(yè)范圍，為今后從事計(jì)算機(jī)相關(guān)行業(yè)打下堅(jiān)實(shí)基礎(chǔ)。

理性；感性；網(wǎng)站設(shè)計(jì)

一、背景

計(jì)算機(jī)應(yīng)用技術(shù)（網(wǎng)絡(luò)）專(zhuān)業(yè)（下簡(jiǎn)稱(chēng)網(wǎng)絡(luò)專(zhuān)業(yè)）是當(dāng)前高職教育學(xué)科建設(shè)中最為常見(jiàn)和廣泛的專(zhuān)業(yè)科目，這得益于當(dāng)前這個(gè)網(wǎng)絡(luò)生活時(shí)代。尤其是2009年開(kāi)始，淘寶在11月11日發(fā)起品牌折扣活動(dòng)，當(dāng)天銷(xiāo)售額1億元，2010年同一天翻增至9.36億元，2011年52億，2012年191億元。最近的2013年雙十一節(jié)支付寶交易額達(dá)350.19億，這相當(dāng)于中國(guó)日均社會(huì)零售總額的5成。在網(wǎng)絡(luò)與生活結(jié)合如此緊密的今天，作為以技術(shù)應(yīng)用能力見(jiàn)長(zhǎng)的高職教育也在網(wǎng)絡(luò)中引來(lái)思考與轉(zhuǎn)變，尤其是網(wǎng)絡(luò)專(zhuān)業(yè)中負(fù)責(zé)網(wǎng)站前臺(tái)設(shè)計(jì)和常規(guī)網(wǎng)站維護(hù)的美工方向培養(yǎng)的教學(xué)改革。

二、培養(yǎng)目標(biāo)及定位問(wèn)題

（一）培養(yǎng)目標(biāo)

（二）定位問(wèn)題

培養(yǎng)既能熟悉各種計(jì)算機(jī)硬軟件維護(hù)和基礎(chǔ)編程程序開(kāi)發(fā)，又擅長(zhǎng)網(wǎng)站前臺(tái)界面設(shè)計(jì)及網(wǎng)站維護(hù)運(yùn)營(yíng)。不管是從事前臺(tái)界面設(shè)計(jì)還是從事網(wǎng)站運(yùn)營(yíng)和維護(hù)，都應(yīng)具有藝術(shù)原創(chuàng)設(shè)計(jì)能力。然而藝術(shù)的感性思維與編程開(kāi)發(fā)類(lèi)課程的理性思維，經(jīng)常在同一學(xué)期課程時(shí)間段內(nèi)產(chǎn)生碰撞。其分類(lèi)課程如下：

1.理性類(lèi)課程

這里指的理性是以判斷、推理、計(jì)算的思維去綜合分析事物的能力，主要的課程有C#.NET程序設(shè)計(jì)、數(shù)據(jù)庫(kù)技術(shù)及應(yīng)用、Asp.net程序設(shè)計(jì)、RIA應(yīng)用開(kāi)發(fā)、DIV+CSS課程等。諸如Asp.net程序設(shè)計(jì)是建立在編碼技術(shù)語(yǔ)言上的一門(mén)綜合判斷及計(jì)算推理很強(qiáng)的一門(mén)理性課程，學(xué)生更被要求做到規(guī)范、嚴(yán)謹(jǐn)、全面等一絲不茍的技術(shù)態(tài)度。又如DIV+CSS課程，這是一門(mén)網(wǎng)站前臺(tái)頁(yè)面布局、制作等技術(shù)課程，典型的理性計(jì)算方式：三列式布局里要做到三個(gè)方塊的寬度之和(含線(xiàn)條寬度、邊距寬度之和)要恰好等于整體頁(yè)面的寬度，差一像素不整齊，多一像素則會(huì)使最右側(cè)框因過(guò)寬而擠掉到下一行來(lái)。

2.感性類(lèi)課程

感性來(lái)源于生活，漢語(yǔ)詞典中這么解釋“感性”：“感官知覺(jué)。尤指內(nèi)容或方向傾向美學(xué)或感情方面的?！焙汀案行砸话惚焕斫鉃椋簯{借感官等認(rèn)知的、基本由個(gè)人的感情決定的、并未深入思考而基本以第一印象來(lái)做判斷的?！迸囵B(yǎng)學(xué)生感性思維能力的課程有：Photoshop圖像制作、色彩構(gòu)成、圖形創(chuàng)意、UI界面設(shè)計(jì)、網(wǎng)頁(yè)版式設(shè)計(jì)等課程。此類(lèi)課程不少源于藝術(shù)設(shè)計(jì)學(xué)科中的平面設(shè)計(jì)課程，甚至涉及到手工繪畫(huà)。這對(duì)于無(wú)美術(shù)基礎(chǔ)的網(wǎng)絡(luò)專(zhuān)業(yè)學(xué)生是一個(gè)挑戰(zhàn)，尤其是學(xué)習(xí)態(tài)度上的挑戰(zhàn)。

可見(jiàn)，網(wǎng)絡(luò)專(zhuān)業(yè)美工方向是建立在程序開(kāi)發(fā)學(xué)科與廣告設(shè)計(jì)學(xué)科的交叉點(diǎn)上。

三、教學(xué)模式改革

計(jì)算機(jī)是一個(gè)發(fā)展迅速的高技術(shù)產(chǎn)業(yè)，使得該專(zhuān)業(yè)具有極強(qiáng)的應(yīng)用性、技術(shù)性和操作性的特點(diǎn)。網(wǎng)絡(luò)專(zhuān)業(yè)對(duì)于傳統(tǒng)的革新如針對(duì)該產(chǎn)業(yè)多層次和多類(lèi)型的狀態(tài)特點(diǎn)，采用了工作室式和分班式培養(yǎng)。教師融合在工作室之中，不僅體現(xiàn)了雙師的特點(diǎn)，又改變了傳統(tǒng)教學(xué)模式，體現(xiàn)工學(xué)結(jié)合的特點(diǎn)。另外，分班式培養(yǎng)更加明確學(xué)生的專(zhuān)業(yè)方向，尤其是美工方向的學(xué)生更加重視“技術(shù)”與“藝術(shù)”的結(jié)合。

食有谷肉果菜之分，人有男女老幼之別，體（體質(zhì)）有虛實(shí)寒熱之辨，故“冬令進(jìn)補(bǔ)”不同體質(zhì)和不同年齡的人群，應(yīng)有針對(duì)性地選擇清補(bǔ)、溫補(bǔ)、小補(bǔ)、大補(bǔ)，萬(wàn)不可盲目“進(jìn)補(bǔ)”。此時(shí)宜少吃生冷或燥熱的食物，適合進(jìn)食滋陰潛陽(yáng)、清補(bǔ)甘溫的食物，如羊肉、雞肉、鴨肉、鵝肉、魚(yú)類(lèi)、芝麻、黑木耳等，同時(shí)配以甘潤(rùn)生津的果蔬，如白菜、蘿卜、梨、冬棗、柑橘等，也可以配合一些清潤(rùn)滋補(bǔ)的藥膳進(jìn)行調(diào)理。冬季養(yǎng)生可以多吃堅(jiān)果，如花生、核桃、板栗、榛子、杏仁等。堅(jiān)果中含有多不飽和脂肪酸及維生素E，可以提高人體免疫能力。

在網(wǎng)絡(luò)專(zhuān)業(yè)美工方向的學(xué)習(xí)課程中“理性”對(duì)應(yīng)著“技術(shù)”，“感性”則對(duì)應(yīng)著“藝術(shù)”?？萍嫉倪M(jìn)步引發(fā)的“技術(shù)”與“藝術(shù)”如何相輔相成，創(chuàng)新和提高等思維熱潮困擾著諸多領(lǐng)域的工程師和藝術(shù)家們。理想和現(xiàn)實(shí)的矛盾，指引著我們對(duì)于網(wǎng)絡(luò)專(zhuān)業(yè)課程中理性與感性的矛盾統(tǒng)一做出一定的努力和探索。

（一）生活情境化引導(dǎo)

理論與實(shí)踐的差距更多的在于直觀的了解，這是感性之源。生活是一位博學(xué)的老師，在現(xiàn)實(shí)生活中我們可以找到很多學(xué)習(xí)的榜樣。無(wú)論是“技術(shù)”還是“藝術(shù)”，其最終目的是為生活服務(wù)。所謂生活情境化引導(dǎo)，指的是在課堂中盡量引入生活中熟悉的、真實(shí)的情境，以達(dá)到震撼感官和觀念的目的?，F(xiàn)以浙江工貿(mào)職業(yè)技術(shù)學(xué)院網(wǎng)絡(luò)專(zhuān)業(yè)的版式設(shè)計(jì)課程中對(duì)于直線(xiàn)編排的課程練習(xí)為例，說(shuō)明“線(xiàn)”元素對(duì)于現(xiàn)代設(shè)計(jì)構(gòu)成的重要作用。教師在開(kāi)課時(shí)呈現(xiàn)圖1，當(dāng)問(wèn)及學(xué)生對(duì)于最熟悉的教學(xué)樓是否宏偉，得到的回答是否定的，因?yàn)槭畬硬坏降臉歉吲c現(xiàn)代化摩天大廈還是存在較大的差距；但當(dāng)問(wèn)及僅對(duì)圖1或從未見(jiàn)過(guò)6號(hào)樓的學(xué)生，答案卻是教學(xué)樓具有一定的宏偉態(tài)勢(shì)的，這主要得益于線(xiàn)條的魅力。

圖1 浙江工貿(mào)職業(yè)技術(shù)學(xué)院6號(hào)教學(xué)樓

（二）企業(yè)情境化引導(dǎo)

除了工學(xué)結(jié)合定崗實(shí)習(xí)體驗(yàn)以外，在傳統(tǒng)課堂教學(xué)里，引入企業(yè)情境的講解將有助于學(xué)生理解理論在真實(shí)工作中的運(yùn)用，及在工作中有可能發(fā)生的相關(guān)狀況。這需要對(duì)任課教師本身的工作經(jīng)驗(yàn)提出嚴(yán)格的要求，作為一名從企業(yè)直接引進(jìn)的教師，其授課模式仍是“講—聽(tīng)—讀—記—練”這樣的傳統(tǒng)模式顯然是不可取的。因而，在課堂中引入教師的真實(shí)作品，并詳細(xì)講解在企業(yè)中遇到的各種理性訴求和作為企業(yè)美工職位與各部門(mén)崗位人員的協(xié)調(diào)工作，直到最后感性的作品呈現(xiàn)。例如中國(guó)江心嶼網(wǎng)站，當(dāng)設(shè)計(jì)者蹲候景區(qū)數(shù)日，拍攝上千張照片后仍無(wú)靈感頭緒之時(shí)；當(dāng)對(duì)于景區(qū)面貌過(guò)于直觀呈現(xiàn)顯得缺乏藝術(shù)品味之時(shí)；當(dāng)“嚴(yán)謹(jǐn)”、“條框”遭遇人文底蘊(yùn)之時(shí)。作為設(shè)計(jì)者應(yīng)該如何在“理性”與“感性”之間取巧，如何在“技術(shù)”與“藝術(shù)”之間表現(xiàn)。當(dāng)然最后，設(shè)計(jì)者借用了諸如真實(shí)的云霧、畫(huà)中的船舶、書(shū)法漢字等藝術(shù)元素，利用FLASH動(dòng)畫(huà)技術(shù)，制作了一張具有“海天佛國(guó)”稱(chēng)號(hào)的，景區(qū)風(fēng)光若隱若現(xiàn)的網(wǎng)站歡迎動(dòng)畫(huà)頁(yè)面。

（三）文學(xué)藝術(shù)通感化引導(dǎo)

對(duì)于只接受過(guò)常規(guī)中小學(xué)美術(shù)教育的理工科學(xué)生而言，文學(xué)藝術(shù)會(huì)比繪畫(huà)藝術(shù)更加親近和熟悉。這里的文學(xué)藝術(shù)通感，特指的是借用一些詩(shī)、詞、散文等文學(xué)藝術(shù)作品中描繪的畫(huà)面情景，來(lái)輔助藝術(shù)設(shè)計(jì)中畫(huà)面的處理。如設(shè)計(jì)一幅戀愛(ài)主題的作品，很多人只知道愛(ài)心這個(gè)元素，而畫(huà)面中欠缺很多其他的襯托。這時(shí)借用杜甫的絕句“兩只黃鸝鳴翠柳，一行白鷺上青天”，那么更多畫(huà)面細(xì)節(jié)便會(huì)引起學(xué)生注意及運(yùn)用。

同時(shí)，對(duì)于文學(xué)藝術(shù)的通感探討，還表現(xiàn)在思維的感性引導(dǎo)。如在界面設(shè)計(jì)之中標(biāo)志設(shè)計(jì)對(duì)于企業(yè)網(wǎng)站視覺(jué)形象的宣傳是極其重要的。然而網(wǎng)絡(luò)專(zhuān)業(yè)的特殊性，不可能對(duì)于標(biāo)志設(shè)計(jì)展開(kāi)專(zhuān)業(yè)的訓(xùn)練和學(xué)習(xí)。借用徐志摩的詩(shī)，如“我是天空里的一片云，偶爾投影在你的波心”用這一句來(lái)描繪標(biāo)志對(duì)于界面的作用，很多人一下子就能明白精彩標(biāo)志的畫(huà)龍點(diǎn)睛作用?！澳阄蚁喾暝诤谝沟暮Ｉ?，你有你的，我有我的方向；你記得也好，最好你忘掉，在這交會(huì)時(shí)互放的光亮！”后面這句是用來(lái)形容此次課堂對(duì)于標(biāo)志的半臨摹半創(chuàng)作練習(xí)，學(xué)生可以在網(wǎng)絡(luò)上尋找比較成熟的標(biāo)志，并將其改造成自己的意義方向，最后能做到兩不相像（即“你記得也好，最好你忘掉”），最終使半創(chuàng)作的標(biāo)志能達(dá)到“互放的光亮”。

（四）“土豆教學(xué)”引導(dǎo)法

“土豆教學(xué)”引導(dǎo)法，是建立在“生活情境化引導(dǎo)”的基礎(chǔ)上的，指通過(guò)觀察生活中常見(jiàn)的實(shí)物（如土豆）的視覺(jué)特點(diǎn)，并直接提取出該視覺(jué)特點(diǎn)進(jìn)行重構(gòu)化設(shè)計(jì)以便更好的適用于網(wǎng)頁(yè)界面。比如土豆的表皮視覺(jué)特點(diǎn)是“大坑”和“芝麻點(diǎn)”，利用這兩個(gè)特點(diǎn)設(shè)計(jì)出可無(wú)縫拼接的網(wǎng)頁(yè)背景圖。更深一步的設(shè)計(jì)提高可以將上述的“大坑”和“芝麻點(diǎn)”重組或替換成其他物品形狀，來(lái)達(dá)到重構(gòu)設(shè)計(jì)和加深意義的目的。同時(shí)，更重要的是創(chuàng)新了“土豆”這一產(chǎn)品形象，豐富了網(wǎng)頁(yè)背景的視覺(jué)層次感。最后，可以舉一反三，提出諸如西瓜、草莓、奶牛、蜜蜂等生活物品，分析其直觀的視覺(jué)特點(diǎn)并進(jìn)行重構(gòu)化設(shè)計(jì)。

此種方法采用淺顯易懂的方式，有效避開(kāi)學(xué)生繪畫(huà)基礎(chǔ)薄弱的缺點(diǎn)，利用好軟件技術(shù)的特長(zhǎng)，提高了學(xué)生的學(xué)習(xí)積極性，培養(yǎng)了自信心，使其更快掌握一項(xiàng)實(shí)用的技能知識(shí)。

（五）情趣化攻勢(shì)

當(dāng)枯燥的課堂富有情趣，學(xué)習(xí)便有了興趣。日本平面設(shè)計(jì)大師福田繁雄有一系列精彩趣味的作品，其中《貝多芬第九交響曲》海報(bào)系列作品更是耐人回味。海報(bào)中設(shè)計(jì)師根據(jù)該交響曲的旋律感受將貝多芬的頭發(fā)替換成萬(wàn)馬奔騰，另一幅海報(bào)又將頭發(fā)替換成群鳥(niǎo)高飛等。這一系列海報(bào)作品有一共同的特點(diǎn)就是將同一頭發(fā)進(jìn)行不同的視覺(jué)改造，而這視覺(jué)改造均采用了感性的動(dòng)物體進(jìn)行替換。這些元素豐富了同一主題海報(bào)的內(nèi)涵，同時(shí)充滿(mǎn)趣味性，更體現(xiàn)出設(shè)計(jì)者豐富的感性想象能力。在課堂練習(xí)中，學(xué)生借用Photoshop摳圖來(lái)彌補(bǔ)繪畫(huà)上的弱點(diǎn)，展開(kāi)大學(xué)生無(wú)限的想象力，來(lái)半臨摹福田繁雄的這些作品。

綜上所述，在網(wǎng)絡(luò)專(zhuān)業(yè)學(xué)習(xí)過(guò)程中，理性與感性的跳躍和碰撞不是相對(duì)的，而是相輔相成的。運(yùn)用好理性的技術(shù)分析和感性的藝術(shù)情趣，不僅能提高學(xué)習(xí)的積極性，更能揚(yáng)長(zhǎng)避短發(fā)揮自我優(yōu)勢(shì)。

[1]劉媛,楊陽(yáng).藝術(shù)設(shè)計(jì)情境教學(xué)構(gòu)建與實(shí)踐[J].科教導(dǎo)刊(中旬刊),2011(12):58-68.

[2]周宏偉.數(shù)字媒體技術(shù)與當(dāng)代藝術(shù)設(shè)計(jì)的交融[J].科技創(chuàng)新導(dǎo)報(bào),2012(31):231.

[3]張斌:高職學(xué)生職業(yè)能力素養(yǎng)培養(yǎng)研究[J].教育科學(xué)論壇,2007(2):54-57

（責(zé)任編輯：潘修強(qiáng)）

Sense Meets Sensibility--The Research on Teaching Reform of Network MajorsArt Direction

HUANG Jiang-bo
(Zhejiang Industry&Trade Vocational College,Wenzhou,325003,China)

Sense and sensibility is a pair of concepts that run through the whole study process of network majors,from the beginning to the end.And they make up the most important inherence specialities of the art direction students.In teaching process,sense is the counterpart of sensibility,which not only improves students'enthusiasm,but also produces their professional advantages,and widen the range of their majors,so as to set a sound foundation for students in their future career in computer-related businesses.

sense;sensibility;web design

G717

A

1672-0105(2014)03-0023-03

10.3969/j.issn.1672-0105.2014.03.007

2014-05-26

黃江波（1983—），男，浙江溫州人，平面設(shè)計(jì)師、網(wǎng)頁(yè)設(shè)計(jì)師，主要研究方向：網(wǎng)頁(yè)設(shè)計(jì)。