慕課在高職院?！兑苿?dòng)UI界面設(shè)計(jì)》課程中的應(yīng)用

周璨

摘要：慕課是近年來(lái)興起的一種新型教學(xué)模式，提供開(kāi)放式在線課程，融合了先進(jìn)的科學(xué)技術(shù)，在教學(xué)內(nèi)容與形式上具有一定的創(chuàng)新。主要體現(xiàn)在視頻教學(xué)資源使各類知識(shí)要點(diǎn)得以連貫起來(lái)，能夠?yàn)閷W(xué)生提供更加細(xì)致的學(xué)習(xí)步驟，并且融入較多的趣味性元素?；谀秸n的這些優(yōu)勢(shì)，可將其應(yīng)用于《移動(dòng)UI界面設(shè)計(jì)》課程中，將復(fù)雜難懂的設(shè)計(jì)要點(diǎn)全面整合與分解，為學(xué)生提供視頻與非視頻的配套化學(xué)習(xí)資源，提高教學(xué)效果。本文就慕課學(xué)習(xí)資源的設(shè)計(jì)與使用方式進(jìn)行了詳細(xì)探討，可為此類教學(xué)活動(dòng)的開(kāi)展起到一定的指導(dǎo)作用。

關(guān)鍵詞：慕課? ?高職院校? ?“移動(dòng)UI界面設(shè)計(jì)”課程? ?應(yīng)用

移動(dòng)UI界面設(shè)計(jì)側(cè)重實(shí)踐操作，這也與高職院校的主要教學(xué)方向相一致，而由于當(dāng)前教學(xué)模式過(guò)于傳統(tǒng)，不利于學(xué)生充分了解移動(dòng)UI界面設(shè)計(jì)的概念及相關(guān)的操作方式，對(duì)設(shè)計(jì)規(guī)格的理解也過(guò)于片面。因此需要利用慕課的開(kāi)放性開(kāi)展教學(xué)，促使學(xué)生根據(jù)自身的學(xué)習(xí)特點(diǎn)把握教學(xué)節(jié)奏與進(jìn)度，充分了解主要的設(shè)計(jì)原則，養(yǎng)成規(guī)范化的設(shè)計(jì)習(xí)慣，提前適應(yīng)職業(yè)崗位需求，本文就此進(jìn)行了具體分析。

一、概述

（一）慕課

慕課在我國(guó)的應(yīng)用始于2013年，目前已在各大院校逐步實(shí)現(xiàn)了普遍應(yīng)用，并進(jìn)一步推廣中。這是一種規(guī)模較大的在線課程，包含了優(yōu)質(zhì)的學(xué)習(xí)資源，可直接共享在網(wǎng)絡(luò)平臺(tái)上，具有開(kāi)放性，便于學(xué)生溝通交流，且可自行掌握學(xué)習(xí)節(jié)奏，不會(huì)被統(tǒng)一化的教學(xué)模式所限制。慕課的學(xué)習(xí)資源包含動(dòng)畫(huà)、視頻及一些小測(cè)試，學(xué)生可根據(jù)興趣愛(ài)好自行選擇，在線上也可直接向教師發(fā)問(wèn)，相當(dāng)于構(gòu)建起了龐大的線上學(xué)習(xí)社區(qū)，達(dá)到了互動(dòng)式教學(xué)的目的[1]。這些優(yōu)勢(shì)也是其在短時(shí)間內(nèi)得到大范圍推廣的主要原因。

（二）移動(dòng)UI界面設(shè)計(jì)

《移動(dòng)UI界面設(shè)計(jì)》是高等職業(yè)院校移動(dòng)應(yīng)用開(kāi)發(fā)專業(yè)的專業(yè)核心課程，以實(shí)踐操作為主，開(kāi)設(shè)時(shí)間多為大一第二學(xué)期。課程的目標(biāo)在于培養(yǎng)學(xué)生掌握App與移動(dòng)網(wǎng)站設(shè)計(jì)流程，具備使用Photoshop軟件進(jìn)行界面設(shè)計(jì)的能力，熟悉移動(dòng)UI界面設(shè)計(jì)制作流程和界面布局方法技巧等。由于不同學(xué)生對(duì)軟件的掌握程度存在一定的差異，部分學(xué)生在實(shí)際教學(xué)中所需課時(shí)較多，與原本所制定好的教學(xué)計(jì)劃不符。因此，需要改革教學(xué)模式，充分發(fā)揮慕課平臺(tái)的優(yōu)勢(shì)，為學(xué)生提供事先在線上預(yù)習(xí)的教學(xué)資源，從而將課時(shí)數(shù)縮短，促使教學(xué)效果更佳。

二、慕課的應(yīng)用

（一）慕課視頻資源

1.設(shè)計(jì)

區(qū)別于傳統(tǒng)課時(shí)的刻板化講述與平鋪直敘，可利用慕課的便捷性、靈活性重新整合教學(xué)內(nèi)容，制作短視頻，作為《移動(dòng)UI界面設(shè)計(jì)》課程的主要教學(xué)資源。針對(duì)與設(shè)計(jì)相關(guān)的內(nèi)容，教師可選擇出一些較為重要的項(xiàng)目案例，然后在其中融入與設(shè)計(jì)移動(dòng)UI界面相關(guān)的知識(shí)點(diǎn)，幫助學(xué)生理解設(shè)計(jì)理論與實(shí)踐操作之間的關(guān)聯(lián)性，并為學(xué)生進(jìn)行實(shí)踐操作打下牢固的認(rèn)知基礎(chǔ)。視頻時(shí)間控制在5到10分鐘左右最為適宜，過(guò)長(zhǎng)容易使學(xué)生失去觀看的耐心，并且難以把握視頻的核心與重點(diǎn)。學(xué)生觀看視頻的時(shí)間是正式開(kāi)展課堂教學(xué)前，以按鈕制作項(xiàng)目這部分內(nèi)容的講解為例，重點(diǎn)在于工具及圖層樣式，教師可講解并示范工具的具體使用方法，然后將其錄制成視頻，確保學(xué)生在觀看視頻的同時(shí)也能聽(tīng)到教師的講解[2]。此外，應(yīng)利用套索工具創(chuàng)建不同選區(qū)，幫助學(xué)生理清思路，對(duì)知識(shí)要點(diǎn)的掌握更加清晰。學(xué)生在觀看視頻時(shí)自主性較強(qiáng)，可根據(jù)自身的觀看情況選擇是否需要暫?；蛑胤?，這樣便能隨時(shí)跟上教師的思路，促使學(xué)習(xí)效果更佳。課后教師可在慕課平臺(tái)上為學(xué)生布置一些訓(xùn)練項(xiàng)目，使學(xué)生能夠在預(yù)習(xí)及課堂學(xué)習(xí)之后對(duì)各項(xiàng)知識(shí)要點(diǎn)進(jìn)行復(fù)習(xí)與鞏固，從而有效保障學(xué)習(xí)質(zhì)量。

2.使用

將慕課應(yīng)用于移動(dòng)UI界面設(shè)計(jì)中的主要目的是為了使學(xué)生的課前預(yù)習(xí)更具針對(duì)性，幫助學(xué)生掌握教學(xué)重難點(diǎn)，之后在課堂教學(xué)時(shí)教師就無(wú)需贅述過(guò)多知識(shí)點(diǎn)，而是能夠著重于解決學(xué)生的問(wèn)題，與學(xué)生就某些設(shè)計(jì)要點(diǎn)進(jìn)行溝通與交流，從而有效提高課堂教學(xué)效率。學(xué)生課后也可將微視頻作為復(fù)習(xí)資料，這樣便于學(xué)生自主掌握學(xué)習(xí)進(jìn)度，反復(fù)進(jìn)行觀看，直至完全理解為止。此外，目前手機(jī)已經(jīng)成為了人們?nèi)粘Ｉ钪斜夭豢缮俚囊环N工具，對(duì)于大學(xué)生來(lái)說(shuō)更是十分重要，學(xué)生之間的交流大多都是通過(guò)微信等通訊軟件來(lái)實(shí)現(xiàn)的。因此，高職院?？稍谖⑿殴娞?hào)上推廣慕課，確保能夠被更多學(xué)生所了解。學(xué)生也可直接用手機(jī)觀看慕課視頻，無(wú)需被時(shí)間或地點(diǎn)因素所制約，從而實(shí)現(xiàn)碎片時(shí)間的充分利用，并且觀看慕課視頻資源時(shí)無(wú)需下載其他應(yīng)用軟件，因此更容易被學(xué)生所接受和支持。為了實(shí)現(xiàn)慕課視頻資源的推廣，教師需要開(kāi)通微信公眾號(hào)，上傳相關(guān)學(xué)習(xí)資源之后逐步推廣到學(xué)生中間去，學(xué)生關(guān)注公眾號(hào)后即可查看學(xué)習(xí)資料。教師還可設(shè)置一些問(wèn)題，學(xué)生回答后可獲取相應(yīng)的積分，促使學(xué)生參與到討論中，并且每個(gè)學(xué)生的積分也可作為老師檢查學(xué)生學(xué)習(xí)情況的重要依據(jù)[3]。與此同時(shí)，教師也可查看各類學(xué)習(xí)資源的訪問(wèn)率，在分析與總結(jié)之后就可了解學(xué)生興趣更高的內(nèi)容，然后對(duì)那些訪問(wèn)量較低的資源進(jìn)行調(diào)整，在其中加入一些有趣的元素，吸引學(xué)生的關(guān)注，以免學(xué)生對(duì)知識(shí)的學(xué)習(xí)過(guò)于片面。與此同時(shí)，教師也可通過(guò)數(shù)據(jù)分析了解學(xué)生學(xué)習(xí)的重難點(diǎn)，并以此為依據(jù)不斷優(yōu)化教學(xué)模式。

（二）非視頻資源

慕課平臺(tái)的多數(shù)學(xué)習(xí)資源均為視頻，但也包括討論、練習(xí)在內(nèi)的非視頻資源，最為關(guān)鍵的是要將這兩種資源結(jié)合起來(lái)，在推廣和傳播過(guò)程中不能過(guò)于片面，否則學(xué)生在掌握知識(shí)點(diǎn)的同時(shí)很難實(shí)現(xiàn)針對(duì)性練習(xí)，不利于學(xué)生對(duì)知識(shí)的鞏固。另外，移動(dòng)UI界面設(shè)計(jì)課程盡管以實(shí)踐操作為主，但同樣不能忽略理論知識(shí)，以摳圖這部分內(nèi)容的教學(xué)為例。教師需要將選區(qū)、蒙版、鋼筆工具等多種方法一一進(jìn)行介紹，使學(xué)生對(duì)此方面的內(nèi)容有一定的了解，然后在實(shí)踐操作過(guò)程中才能更具針對(duì)性，也能掌握得更加全面。如果學(xué)生直接進(jìn)行實(shí)踐操作，在掌握了某種摳圖方法后就容易忽略其他方法，因此理論講解有利于學(xué)生做好心理準(zhǔn)備，從而掌握多種摳圖方法。為了使學(xué)生對(duì)設(shè)計(jì)工具的理解更加深入，教師可設(shè)計(jì)一些討論題，并將案例包含在練習(xí)中，學(xué)生可直接通過(guò)社交軟件進(jìn)行分析與討論[4]。此外，頁(yè)面布局包括多種不同的模式，為了幫助學(xué)生掌握最為基本的布局方式及在具體制作過(guò)程中所需的技巧，可將一些具有吸引力且較為優(yōu)質(zhì)的APP界面包含在學(xué)習(xí)資源中，使學(xué)生能夠?qū)⒁恍┓独鳛閰⒖?。同時(shí)，視頻與非視頻兩種不同類型的學(xué)習(xí)資源可互為補(bǔ)充，涵蓋更多的教學(xué)內(nèi)容，促使學(xué)生的對(duì)知識(shí)的理解更加全面、深刻。

三、結(jié)語(yǔ)

總而言之，慕課模式應(yīng)用的關(guān)鍵在于視頻內(nèi)容的制作質(zhì)量，因此教師應(yīng)把握好視頻制作的時(shí)間，并確保內(nèi)容的精煉性與循序漸進(jìn)性，便于學(xué)生逐步掌握各項(xiàng)知識(shí)要點(diǎn)。此種教學(xué)模式也更容易帶學(xué)生進(jìn)入學(xué)習(xí)狀態(tài)，并且有利于培養(yǎng)學(xué)生的創(chuàng)新能力，同時(shí)也可幫助教師對(duì)整個(gè)教學(xué)過(guò)程有更加全面的認(rèn)識(shí)，從而不斷進(jìn)行教學(xué)改革，為學(xué)生提供更加優(yōu)質(zhì)的視頻教學(xué)資源。

參考文獻(xiàn)：

[1]趙艷莉.高職《Photoshop平面設(shè)計(jì)》微課程資源開(kāi)發(fā)與應(yīng)用[J].佳木斯職業(yè)學(xué)院學(xué)報(bào)，2017，（11）：14-15.

[2]王欣.馬東輝面向慕課的計(jì)算機(jī)游戲設(shè)計(jì)課程建設(shè)[J].計(jì)算機(jī)教育，2014，（15）：17-19.？

[3]黃玉蘭.慕課背景下轉(zhuǎn)型院校計(jì)算機(jī)專業(yè)教學(xué)現(xiàn)狀及改革途徑[J].計(jì)算機(jī)教育，2016，（21）：63-66.

[4]王健慶.MOOC時(shí)代普通高校計(jì)算機(jī)教學(xué)的改革探討[J].中國(guó)信息技術(shù)教育，2015，（23）：125-126.

（本文系長(zhǎng)沙商貿(mào)旅游職業(yè)技術(shù)學(xué)院課改課程《移動(dòng)UI界面設(shè)計(jì)》研究成果。作者單位：長(zhǎng)沙商貿(mào)旅游職業(yè)技術(shù)學(xué)院軟件學(xué)院。）