UI界面設(shè)計(jì)混合式課程建設(shè)實(shí)踐

【摘 要】本文以UI界面設(shè)計(jì)課程為研究對(duì)象，探討線(xiàn)上線(xiàn)下混合式課程的建設(shè)路徑。針對(duì)產(chǎn)品設(shè)計(jì)專(zhuān)業(yè)學(xué)生的技能特點(diǎn)，區(qū)分線(xiàn)上線(xiàn)下的教學(xué)內(nèi)容，更新和開(kāi)發(fā)混合式教學(xué)內(nèi)容，完善課程考核方式，提升教學(xué)效果，打造一門(mén)能給學(xué)生帶來(lái)良好學(xué)習(xí)體驗(yàn)、提升學(xué)生自主學(xué)習(xí)動(dòng)力的專(zhuān)業(yè)課程。

【關(guān)鍵詞】界面設(shè)計(jì);混合式教學(xué);課程設(shè)計(jì)

【中圖分類(lèi)號(hào)】G642 【文獻(xiàn)標(biāo)識(shí)碼】A? 【文章編號(hào)】1671-8437（2021）16-0015-02

“UI界面設(shè)計(jì)”課程面向產(chǎn)品設(shè)計(jì)專(zhuān)業(yè)開(kāi)設(shè)，是大三的專(zhuān)業(yè)方向課之一，課程內(nèi)容較為豐富，主要介紹界面設(shè)計(jì)領(lǐng)域的發(fā)展現(xiàn)狀、應(yīng)用領(lǐng)域和趨勢(shì)，意在讓學(xué)生逐漸建立一個(gè)較為完整的知識(shí)框架，從視覺(jué)設(shè)計(jì)、用戶(hù)研究和交互設(shè)計(jì)三個(gè)模塊入手，循序漸進(jìn)地學(xué)會(huì)簡(jiǎn)單的GUI設(shè)計(jì)、原型設(shè)計(jì)，體驗(yàn)一個(gè)完整的設(shè)計(jì)過(guò)程[1]。在線(xiàn)上線(xiàn)下結(jié)合的教學(xué)模式改革背景下，筆者對(duì)本課進(jìn)行全新的課程設(shè)計(jì)，利用信息化手段和網(wǎng)絡(luò)教學(xué)平臺(tái)，構(gòu)建線(xiàn)上學(xué)習(xí)內(nèi)容和資源，更新線(xiàn)下教學(xué)內(nèi)容，打造一門(mén)能夠提升學(xué)生學(xué)習(xí)體驗(yàn)，培養(yǎng)學(xué)生主動(dòng)學(xué)習(xí)意識(shí)與自主學(xué)習(xí)能力，激發(fā)學(xué)生學(xué)習(xí)興趣的線(xiàn)上線(xiàn)下結(jié)合的“UI界面設(shè)計(jì)”課程。

1? ?“UI界面設(shè)計(jì)”混合式課程建設(shè)的基本思路與目標(biāo)

1.1? 完善教學(xué)內(nèi)容，提升界面設(shè)計(jì)技能的教學(xué)效果

產(chǎn)品設(shè)計(jì)專(zhuān)業(yè)的“UI界面設(shè)計(jì)”課程涉及的教學(xué)內(nèi)容較多，但該課程在現(xiàn)有培養(yǎng)方案下的課時(shí)不夠，軟件教學(xué)在本課程中所占的比例較大，依靠混合式課程中的線(xiàn)上教學(xué)、課程作業(yè)等環(huán)節(jié)，結(jié)合線(xiàn)下教學(xué)，能夠保障軟件操作類(lèi)的單元完整、可重復(fù)性地傳遞給學(xué)生[2]。

1.2? 教學(xué)手段多樣化，提升學(xué)生學(xué)習(xí)動(dòng)力

本課程的教學(xué)目標(biāo)是讓學(xué)生掌握整體界面設(shè)計(jì)的流程和技能，為用戶(hù)提供良好的使用體驗(yàn)。課程的性質(zhì)不是單純的理論課或?qū)嵺`課，而是在課堂面授中納入在線(xiàn)課程作業(yè)、微課、話(huà)題討論、設(shè)計(jì)資源的分享等線(xiàn)上手段，豐富教學(xué)活動(dòng)，營(yíng)造互動(dòng)順暢的教學(xué)渠道。

1.3? 培養(yǎng)學(xué)生主動(dòng)學(xué)習(xí)的習(xí)慣和能力

設(shè)計(jì)類(lèi)學(xué)科一直在更新、變化，設(shè)計(jì)師需要不斷地學(xué)習(xí)、創(chuàng)新，才能與前沿科技、風(fēng)格以及多樣的用戶(hù)需求相契合，主動(dòng)學(xué)習(xí)、終身學(xué)習(xí)是設(shè)計(jì)師至關(guān)重要的品質(zhì)。混合式線(xiàn)上線(xiàn)下的學(xué)習(xí)，能拓展課堂教學(xué)的空間和時(shí)間，而且能支持學(xué)生運(yùn)用資源進(jìn)行自主學(xué)習(xí)和個(gè)性化學(xué)習(xí)，課時(shí)不足的問(wèn)題迎刃而解，學(xué)生能夠利用其熟悉的網(wǎng)絡(luò)資源和線(xiàn)上資源進(jìn)行預(yù)習(xí)、復(fù)習(xí)，并詳細(xì)記錄學(xué)習(xí)

過(guò)程[3]。

2? ?“UI界面設(shè)計(jì)”的整體教學(xué)設(shè)計(jì)

2.1? 針對(duì)不同類(lèi)型的課程區(qū)分線(xiàn)上線(xiàn)下的教學(xué)內(nèi)容

本課程主要有三種類(lèi)型：設(shè)計(jì)理論課、軟件操作課、項(xiàng)目教學(xué)課。這三種類(lèi)型在線(xiàn)上線(xiàn)下的教學(xué)中，所要開(kāi)展的教學(xué)活動(dòng)和要使用的學(xué)習(xí)資源都是不同的（見(jiàn)表1）。以設(shè)計(jì)理論課為例，這部分包括UI設(shè)計(jì)概念、UI設(shè)計(jì)流程、設(shè)計(jì)規(guī)范等知識(shí)講解，在課前主要通過(guò)線(xiàn)上進(jìn)行相關(guān)材料的閱讀，在課中，也就是線(xiàn)下，進(jìn)行知識(shí)講授和啟發(fā)，課后，教師在線(xiàn)上引導(dǎo)學(xué)生進(jìn)行話(huà)題討論和答疑。

2.2? 單元設(shè)計(jì)與知識(shí)點(diǎn)梳理

知識(shí)點(diǎn)的學(xué)習(xí)大部分通過(guò)課前在網(wǎng)絡(luò)平臺(tái)預(yù)習(xí)、課堂線(xiàn)下講解、課后網(wǎng)絡(luò)平臺(tái)拓展等方式完成，少部分由學(xué)生線(xiàn)上自主學(xué)習(xí)完成。線(xiàn)上自主學(xué)習(xí)的部分包括第3單元“GUI設(shè)計(jì)”中的“寫(xiě)實(shí)圖形圖標(biāo)設(shè)計(jì)”“OS X風(fēng)格控制面板設(shè)計(jì)”和“界面元素2：圖標(biāo)設(shè)計(jì)”三部分（如圖1）。由于大三學(xué)生已經(jīng)在前兩年的課程中學(xué)習(xí)了基本平面設(shè)計(jì)軟件的操作，加上“界面元素1：插件設(shè)計(jì)制作”和“Web：網(wǎng)站登錄界面設(shè)計(jì)”的線(xiàn)上線(xiàn)下教學(xué)，不同學(xué)習(xí)進(jìn)度和接受程度的學(xué)生都能夠很好地掌握軟件操作。

2.3? 考核評(píng)價(jià)

在本校的考核要求下，本課程的考核標(biāo)準(zhǔn)是：總成績(jī)=形成性評(píng)價(jià)（線(xiàn)上線(xiàn)下學(xué)習(xí)情況）20%+總結(jié)性評(píng)價(jià)80%。形成性評(píng)價(jià)中，線(xiàn)上部分占到一半，即總成績(jī)的10%，其中包括線(xiàn)上瀏覽教學(xué)資源次數(shù)20%，瀏覽教學(xué)材料時(shí)長(zhǎng)50%，課程話(huà)題討論30%。總結(jié)性評(píng)價(jià)主要包括階段考核（作品類(lèi)大作業(yè)）50%，期末考核（作品類(lèi)大作業(yè)）50%。

3? ?組織實(shí)施情況及成效

本課程在課前和課后分別進(jìn)行了“UI設(shè)計(jì)認(rèn)知自測(cè)”和“線(xiàn)上線(xiàn)下混合式教學(xué)課程改革效果問(wèn)卷”，通過(guò)前后數(shù)據(jù)對(duì)比了解學(xué)生的學(xué)習(xí)情況。在課前的調(diào)研中，“你是否瀏覽過(guò)UI設(shè)計(jì)相關(guān)網(wǎng)站？”這一問(wèn)題的結(jié)果表明，本校受調(diào)研學(xué)生利用網(wǎng)絡(luò)自主學(xué)習(xí)的習(xí)慣較差。“是否有志從事UI設(shè)計(jì)師等相關(guān)互聯(lián)網(wǎng)工作？”這道題的結(jié)果表明，大部分學(xué)生在職業(yè)選擇、學(xué)習(xí)動(dòng)力上沒(méi)有非常明確的目標(biāo)，只有20%的學(xué)生明確自己有志從事設(shè)計(jì)類(lèi)的工作。如表2所示。

在課程結(jié)課后，筆者邀請(qǐng)學(xué)生參與“線(xiàn)上線(xiàn)下混合式教學(xué)課程改革效果問(wèn)卷”，由問(wèn)題“你對(duì)網(wǎng)絡(luò)平臺(tái)教學(xué)是如何看待的”可以看出，大部分學(xué)生將線(xiàn)上部分作為課堂部分的補(bǔ)充，大多數(shù)情況是用來(lái)“檢索課程內(nèi)自己感興趣的內(nèi)容”，有28%的學(xué)生對(duì)參與線(xiàn)上學(xué)習(xí)較為積極主動(dòng)。超過(guò)60%的學(xué)生認(rèn)為網(wǎng)絡(luò)教學(xué)相較于傳統(tǒng)教學(xué)模式，拓展了教學(xué)的時(shí)間和空間。

在問(wèn)題“混合式教學(xué)模式，是否提升自主學(xué)習(xí)的動(dòng)力？”中，有60%的學(xué)生是正向的反饋，認(rèn)為“動(dòng)力提升較為明顯”“能激發(fā)一點(diǎn)效果，作用不明顯”。有31%的學(xué)生認(rèn)為效果很難評(píng)估，整體上學(xué)生的評(píng)價(jià)結(jié)果較為樂(lè)觀（如表3）。

4? ?反思與改進(jìn)

4.1? 課程課時(shí)少、內(nèi)容多，學(xué)習(xí)難度較大

在目前壓縮課時(shí)的改革方向下，課堂教學(xué)任務(wù)較重，再加上藝術(shù)設(shè)計(jì)類(lèi)的課程作業(yè)以項(xiàng)目作品類(lèi)的大作業(yè)為主，工作量不小，課后延長(zhǎng)了學(xué)生線(xiàn)上學(xué)習(xí)的時(shí)間，在某種程度上增加了課業(yè)量。如何在現(xiàn)有課時(shí)量下釋放學(xué)生線(xiàn)上學(xué)習(xí)的壓力和緩解學(xué)生的畏難情緒，讓學(xué)生更好地參與課堂是下一階段的研究重點(diǎn)。

4.2? 線(xiàn)上資源有限，應(yīng)提供多通道、多角度的專(zhuān)業(yè)學(xué)習(xí)資源

針對(duì)問(wèn)卷中“為何很少使用網(wǎng)絡(luò)平臺(tái)？”這一問(wèn)題，有28.57%的學(xué)生選擇“課程網(wǎng)站資源不夠豐富，不如其他專(zhuān)業(yè)網(wǎng)站”，28.57%的學(xué)生選擇“課程網(wǎng)站中學(xué)習(xí)活動(dòng)不夠豐富”。藝術(shù)設(shè)計(jì)尤其需要廣泛的調(diào)研和查閱最前沿的設(shè)計(jì)案例和圖片資料，因此，教師應(yīng)以網(wǎng)絡(luò)教學(xué)平臺(tái)為入口，與互聯(lián)網(wǎng)設(shè)計(jì)資源連接、打通，為學(xué)生提供適合設(shè)計(jì)學(xué)科的學(xué)習(xí)資源。

【參考文獻(xiàn)】

[1]譚維，貢琰.“互聯(lián)網(wǎng)+”背景下UI界面設(shè)計(jì)教學(xué)探索與課程實(shí)踐[J].裝飾，2020（2）.

[2]許琛.UI界面設(shè)計(jì)在視覺(jué)傳達(dá)設(shè)計(jì)專(zhuān)業(yè)教學(xué)中的應(yīng)用研究[J].科教導(dǎo)刊（上旬刊），2016（34）.

[3]申劍飛.淺談UI界面設(shè)計(jì)課程教學(xué)中的中國(guó)元素應(yīng)用[J].藝術(shù)品鑒，2016（11）.

【作者簡(jiǎn)介】

孫小凡（1988～），女，漢族，山東淄博人，碩士研究生，講師。研究方向：產(chǎn)品設(shè)計(jì)。