劉良方 胡智藝

本論文屬于中山職業(yè)技術(shù)學(xué)院校級教研教改項(xiàng)目：中高職銜接課程與教材研究——以《UI界面設(shè)計(jì)》課程為例（項(xiàng)目編號：JYB1616），電子科技大學(xué)中山學(xué)院質(zhì)量工程建設(shè)項(xiàng)目 （項(xiàng)目編號：JY201720）。

一、UI界面設(shè)計(jì)課程特點(diǎn)與常用教材

1.中高職UI界面設(shè)計(jì)課程特點(diǎn)

基于當(dāng)前互聯(lián)網(wǎng)行業(yè)對于UI界面設(shè)計(jì)人才的廣泛需求， 大多數(shù)中高職院校都開設(shè)了UI設(shè)計(jì)課程。但是由于我國的UI設(shè)計(jì)行業(yè)發(fā)展不平衡，人們對UI設(shè)計(jì)的認(rèn)識大多停留在表面，因此中高職院校開設(shè)的UI設(shè)計(jì)課程在系統(tǒng)結(jié)構(gòu)上具有很大不足，主要體現(xiàn)在以下幾點(diǎn)：

第一，課程設(shè)計(jì)不夠完善。多數(shù)UI界面設(shè)計(jì)課程缺乏專業(yè)的、系統(tǒng)的課程設(shè)計(jì)。只是單一的講授如何使用圖形圖像處理軟件，甚至為了省事干脆上成了Photoshop軟件操作課。

第二，在課程設(shè)置上，理論與實(shí)踐結(jié)合不夠。UI界面設(shè)計(jì)具有較強(qiáng)的實(shí)踐性，但是許多院校在教學(xué)時定位不準(zhǔn)，缺乏足夠的實(shí)踐課時，選用的案例也不夠?qū)I(yè)，與實(shí)際操作脫節(jié)。學(xué)生在學(xué)完課程后無法做到舉一反三，獲得知識與能力的提升。

第三，課程師資隊(duì)伍不夠?qū)I(yè)。許多UI界面設(shè)計(jì)課程并沒有培訓(xùn)和聘請計(jì)算機(jī)專業(yè)的教師，往往請藝術(shù)專業(yè)教師代勞，課程內(nèi)容難免偏向美術(shù)設(shè)計(jì)，缺乏網(wǎng)頁設(shè)計(jì)理念的傳達(dá)。不合理的課程結(jié)構(gòu)直接影響了課程的教學(xué)水平和專業(yè)性。

2.常用教材

UI界面設(shè)計(jì)課程常選用《圖形圖像處理》、《Photoshop圖像設(shè)計(jì)》、《網(wǎng)頁設(shè)計(jì)與制作》等教材，由于與專業(yè)契合度不夠，知識點(diǎn)分散且經(jīng)常更新，通常需要選擇多本教材。

二、中高職銜接學(xué)生特點(diǎn)

1.動手能力強(qiáng)

由于在中專期間學(xué)習(xí)過基礎(chǔ)課程，學(xué)生在實(shí)操方面表現(xiàn)強(qiáng)于普招生。相對于理論，他們更熟悉的是動手操作，如PS一張圖片、給網(wǎng)頁切圖等。這為本課程學(xué)習(xí)打下了一個較好的基礎(chǔ)。

2.所學(xué)廣泛但程度不深

學(xué)生在中專期間已經(jīng)學(xué)習(xí)過《圖形圖像處理》、《網(wǎng)頁設(shè)計(jì)語言》、《UI設(shè)計(jì)》等網(wǎng)頁設(shè)計(jì)相關(guān)的基礎(chǔ)課程。雖然廣泛的學(xué)習(xí)了各知識點(diǎn)，但整體掌握程度并不理想，部分知識點(diǎn)已經(jīng)遺忘。尤其是在需要自主完成設(shè)計(jì)任務(wù)時，往往不能獨(dú)立思考，做不出像樣的設(shè)計(jì)方案。

3.部分學(xué)生基礎(chǔ)較好

部分學(xué)生在中專期間已經(jīng)參與過項(xiàng)目實(shí)戰(zhàn)或大型比賽，具有一定的基礎(chǔ)和實(shí)戰(zhàn)經(jīng)驗(yàn)，在本課程學(xué)習(xí)中可以培養(yǎng)擔(dān)任團(tuán)隊(duì)組長的職務(wù)，帶領(lǐng)其他團(tuán)隊(duì)成員共同完成設(shè)計(jì)任務(wù)。

三、中高職UI界面設(shè)計(jì)課程的銜接

1.人才培養(yǎng)方案的銜接

中、高職學(xué)生的人才培養(yǎng)方案應(yīng)做到持續(xù)、連貫、前后呼應(yīng)，特別是專業(yè)課程應(yīng)有科學(xué)的、有效的銜接。因此，中、高職院校應(yīng)該一起研究制定五年兩階段的人才培養(yǎng)方案課程體系，區(qū)分層次，合理銜接。

首先，對中、高職原有人才培養(yǎng)方案及專業(yè)課程進(jìn)行調(diào)研；第二，對于中、高職培養(yǎng)人才的標(biāo)準(zhǔn)進(jìn)行層次劃分，準(zhǔn)確定位各階段人才培養(yǎng)目標(biāo)；第三，在專業(yè)課程設(shè)置上，要注意內(nèi)容的前后遞進(jìn)及合理銜接，避免重復(fù)或遺漏。以網(wǎng)頁設(shè)計(jì)為例，學(xué)生在中職期間重點(diǎn)學(xué)習(xí)網(wǎng)頁設(shè)計(jì)軟件的基本操作，能夠熟練使用軟件制作網(wǎng)頁中簡單的元素，如按鈕、菜單、橫幅等，到了高職應(yīng)掌握如何設(shè)計(jì)與制作靜態(tài)與動態(tài)的自適應(yīng)頁面，重點(diǎn)培養(yǎng)全面參與整個網(wǎng)站設(shè)計(jì)與制作流程的能力。

在專業(yè)課程的設(shè)置上主要以職業(yè)能力為基準(zhǔn)進(jìn)行銜接，在中職培養(yǎng)初級網(wǎng)頁設(shè)計(jì)師，主要培養(yǎng)學(xué)生制作網(wǎng)頁的基本能力，能夠完成網(wǎng)頁前端切圖、修圖、網(wǎng)頁測試等初級工作；在高職培養(yǎng)學(xué)生成為中高級網(wǎng)頁設(shè)計(jì)師，重點(diǎn)培養(yǎng)學(xué)生設(shè)計(jì)與完成專業(yè)網(wǎng)頁的能力，能夠勝任網(wǎng)頁設(shè)計(jì)師、網(wǎng)站設(shè)計(jì)師、UI設(shè)計(jì)師、程序開發(fā)員及數(shù)據(jù)庫開發(fā)員。

為實(shí)現(xiàn)網(wǎng)頁設(shè)計(jì)與網(wǎng)頁制作專業(yè)人才培養(yǎng)目標(biāo)，中、高職院校堅(jiān)持“育人為本、工學(xué)結(jié)合、創(chuàng)新發(fā)展、服務(wù)社會”的培養(yǎng)原則，加強(qiáng)校企合作與工學(xué)結(jié)合，對于“UI界面設(shè)計(jì)”、“靜態(tài)網(wǎng)頁設(shè)計(jì)與制作”、“動態(tài)網(wǎng)頁設(shè)計(jì)”構(gòu)建以職業(yè)能力為主線的逐層遞進(jìn)的專業(yè)課程體系。

2.課程標(biāo)準(zhǔn)的銜接

中高職銜接的重點(diǎn)是課程的銜接，為了做好課程標(biāo)準(zhǔn)的銜接，避免課程的交叉、重復(fù)設(shè)置，我們與對口的中職學(xué)校進(jìn)行了多次探討，在中高職人才培養(yǎng)方案的基礎(chǔ)上，探討如何制定前后呼應(yīng)、層層遞進(jìn)的中高職銜接課程標(biāo)準(zhǔn)，并且分析在課程設(shè)置、課程設(shè)計(jì)、實(shí)踐操作等方面如何進(jìn)行有效銜接，避免課程內(nèi)容的重復(fù)或遺漏。

首先，以中、高職人才培養(yǎng)方案為基礎(chǔ)，對于中、高職課程內(nèi)容進(jìn)行準(zhǔn)確的定位，對于不同層次人才的培養(yǎng)，以不同層次的知識目標(biāo)、能力目標(biāo)、素質(zhì)目標(biāo)來要求。第二，雙方骨干教師一起按照中、高職的不同層次來進(jìn)行課程內(nèi)容與案例的選擇與設(shè)計(jì)，這有利于雙方培養(yǎng)觀念交流與碰撞，最終達(dá)成一致。最后，課程標(biāo)準(zhǔn)在難度與廣度上應(yīng)有梯度，區(qū)別對待，體現(xiàn)出中、高職能力培養(yǎng)目標(biāo)的區(qū)別。

接下來以“UI界面設(shè)計(jì)”課程為例說明中、高職課程標(biāo)準(zhǔn)銜接的方法和思路。在中職期間，學(xué)生學(xué)習(xí)專業(yè)基礎(chǔ)課“圖形圖像處理”，課程主要講授使用圖形軟件Photoshop處理圖像的基本操作。在中職學(xué)習(xí)期間，學(xué)生熟練掌握Photoshop軟件的基本操作，如處理人像、處理風(fēng)景圖片、合成圖片、海報制作等，能完成圖片素材的基本處理，進(jìn)行簡單的圖像制作。

學(xué)生進(jìn)入高職后，學(xué)習(xí)對接課程“UI界面設(shè)計(jì)”，這門課程采取工學(xué)結(jié)合的方式進(jìn)行案例式教學(xué)。一方面，學(xué)生以不同種類的界面設(shè)計(jì)來進(jìn)行訓(xùn)練，培養(yǎng)學(xué)生為多種應(yīng)用界面設(shè)計(jì)效果圖的能力，著重練習(xí)淘寶網(wǎng)店界面設(shè)計(jì)、微信app界面設(shè)計(jì)、游戲界面設(shè)計(jì)等案例；另一方面，足夠的實(shí)踐操作幫助學(xué)生復(fù)習(xí)和鞏固了在中職學(xué)習(xí)的基礎(chǔ)知識和技能。多元化的案例教學(xué)為學(xué)生實(shí)踐能力的培養(yǎng)和提升打下良好基礎(chǔ)，在中、高職課程間建立了層次，較好地實(shí)現(xiàn)了中、高職專業(yè)課程的銜接。。

四、中高職UI設(shè)計(jì)課程的優(yōu)化設(shè)置

1.合理分配課時

由于UI界面設(shè)計(jì)課程為“網(wǎng)頁設(shè)計(jì)與制作”、“動態(tài)網(wǎng)頁設(shè)計(jì)”、“微信程序設(shè)計(jì)”等課程的基礎(chǔ)課，所以在課程設(shè)置上應(yīng)先于這些專業(yè)課程，在中職學(xué)生進(jìn)入高職后的第一學(xué)期進(jìn)行開設(shè)，如在同一學(xué)期開設(shè)可實(shí)行階段式排課。由于學(xué)生已經(jīng)具備一定的計(jì)算機(jī)基礎(chǔ)，這樣的設(shè)置使學(xué)生盡快熟悉軟件設(shè)計(jì)與界面設(shè)計(jì)的流程，有利于建立UI界面設(shè)計(jì)的大局觀，快速進(jìn)入狀態(tài)。課程的實(shí)踐也可為學(xué)生的就業(yè)打下良好基礎(chǔ)，學(xué)生在學(xué)習(xí)本課程后可以初步投入到網(wǎng)頁設(shè)計(jì)工作室的實(shí)踐中去。

2.課堂引入案例式教學(xué)

UI界面設(shè)計(jì)注重培養(yǎng)學(xué)生為各種應(yīng)用界面設(shè)計(jì)界面的實(shí)際操作能力，所以在課堂中應(yīng)摒棄“滿堂灌”、100%的理論教學(xué)方式，而應(yīng)該從實(shí)際應(yīng)用案例入手，學(xué)生的理論學(xué)習(xí)與實(shí)踐操作都圍繞不同環(huán)境下的具體案例開展，每一個知識點(diǎn)的技能學(xué)習(xí)和能力培養(yǎng)應(yīng)體現(xiàn)在實(shí)際案例中的某個模塊的設(shè)計(jì)與制作中，做到學(xué)有所用，在課程設(shè)置上理論與實(shí)踐課時應(yīng)有所平衡。

3.課外引入工作室模式

由于UI界面設(shè)計(jì)具有較強(qiáng)的實(shí)操性，在課外通過實(shí)際項(xiàng)目同步的進(jìn)行實(shí)踐訓(xùn)練，有利于學(xué)生鞏固基礎(chǔ)知識。因此，課外可以引入工作室模式，由專業(yè)教師進(jìn)行指導(dǎo)，將具體實(shí)踐項(xiàng)目進(jìn)行分解，將界面設(shè)計(jì)模塊交給UI界面設(shè)計(jì)課程的學(xué)生進(jìn)行設(shè)計(jì)與制作。這種模式有利于學(xué)生將課堂所學(xué)應(yīng)用于具體實(shí)踐，鞏固知識點(diǎn)，反思自身不足，做到舉一反三。對于基礎(chǔ)較好、學(xué)習(xí)能力較強(qiáng)的學(xué)生可以進(jìn)行重點(diǎn)培養(yǎng)，引導(dǎo)他們建立團(tuán)隊(duì)意識，逐步擔(dān)當(dāng)起項(xiàng)目負(fù)責(zé)人的角色，鼓勵學(xué)生團(tuán)隊(duì)發(fā)揮主觀能動性，將所學(xué)應(yīng)用于實(shí)踐。

4.推進(jìn)校企合作

應(yīng)積極建立學(xué)校與企業(yè)間學(xué)習(xí)與實(shí)踐的平臺，推進(jìn)校企合作，讓學(xué)生近距離地接觸網(wǎng)頁設(shè)計(jì)行業(yè)，直觀的了解企業(yè)的UI設(shè)計(jì)標(biāo)準(zhǔn)與操作模式。這種方式有利于激發(fā)學(xué)生的學(xué)習(xí)興趣，盡早的做好職業(yè)規(guī)劃；有利于高職學(xué)校調(diào)研行業(yè)需求，了解行業(yè)動態(tài)，適時修改完善人才培養(yǎng)方案；有利于企業(yè)提前選拔學(xué)生，將行業(yè)培訓(xùn)提早在學(xué)校階段進(jìn)行，節(jié)省企業(yè)的培訓(xùn)成本和培訓(xùn)時間。

五、課程教材信息化

1.立體化課程資源建設(shè)

當(dāng)前已進(jìn)入“互聯(lián)網(wǎng)+”時代，尤其對于“UI界面設(shè)計(jì)”這樣走在移動互聯(lián)前端的課程來說，傳統(tǒng)單一的紙質(zhì)教材大部分都落后于時下的熱點(diǎn)，不足以滿足企業(yè)對于專業(yè)人才培養(yǎng)的創(chuàng)新需求。所以，紙質(zhì)教材之外，還可建立立體化的課程資源，除了包含基本的課件、教學(xué)視頻等資源，還可以加入行業(yè)熱點(diǎn)、拓展素材、技能考證等內(nèi)容。將課程資源信息化、數(shù)字化，有利于實(shí)現(xiàn)信息共享，滿足學(xué)生在線學(xué)習(xí)的需求，從而提高教學(xué)質(zhì)量。

2.信息化教學(xué)

教師的信息化教學(xué)水平直接影響到課程教學(xué)水平與課程資源建設(shè)，所以中高職學(xué)校應(yīng)大力推廣信息化教學(xué)，培養(yǎng)和提升教師信息化教學(xué)能力。中高職學(xué)?？赏ㄟ^培訓(xùn)、觀摩等形式，培養(yǎng)和引導(dǎo)教師建立課程團(tuán)隊(duì)，樹立“以學(xué)生為中心”的教學(xué)觀，學(xué)習(xí)和掌握最新信息技術(shù)，使課內(nèi)與課外、線上與線下教學(xué)模式相輔相成，更好地發(fā)揮學(xué)生的主觀能動性，提升教學(xué)效果。