手機(jī)在《移動(dòng)App UI設(shè)計(jì)》課程教學(xué)中的應(yīng)用探索

蔣安納，章春芳，薛聯(lián)鳳

（南京林業(yè)大學(xué)信息科學(xué)技術(shù)學(xué)院，南京 210037）

0 引言

隨著互聯(lián)網(wǎng)深入應(yīng)用，智能移動(dòng)端（如手機(jī)、Pad等）作為一種媒介，其中多樣化的App應(yīng)用也開(kāi)始備受關(guān)注。在使用App的過(guò)程中人們更加注重界面視覺(jué)是否具有沖擊力、吸引力，界面操作是否友好、舒適。視覺(jué)品味的提升致使界面設(shè)計(jì)工作逐步受到重視，“UI設(shè)計(jì)師”應(yīng)運(yùn)而生。國(guó)內(nèi)外眾多大型企業(yè)如百度、騰訊、淘寶、盛大等均已成立專(zhuān)業(yè)的UI設(shè)計(jì)部門(mén)，但專(zhuān)業(yè)人才稀缺，人才資源競(jìng)爭(zhēng)激烈。

為順應(yīng)市場(chǎng)發(fā)展需求，培養(yǎng)綜合型復(fù)合人才，我校于2017年春季開(kāi)設(shè)了全新課程《移動(dòng)App UI設(shè)計(jì)》，課程面向全校所有專(zhuān)業(yè)學(xué)生，包括計(jì)算機(jī)專(zhuān)業(yè)的學(xué)生。

1 課程的特點(diǎn)和教學(xué)現(xiàn)狀分析

我們現(xiàn)在處于“互聯(lián)網(wǎng)+”的時(shí)代，手機(jī)已經(jīng)成為大家日常工作生活不可缺少的工具。大學(xué)生在課堂上低頭玩手機(jī)也成為常態(tài)。筆者認(rèn)為，上課時(shí)不允許學(xué)生看手機(jī)，一味地進(jìn)行“攔追堵截”并不能從根本解決問(wèn)題。既然無(wú)法阻止，那么就進(jìn)行正確引導(dǎo)。將手機(jī)引入課堂，從原先的偷偷摸摸看手機(jī)轉(zhuǎn)變成光明正大學(xué)習(xí)，能促使學(xué)生學(xué)習(xí)心態(tài)的轉(zhuǎn)變，提高學(xué)生的學(xué)習(xí)主動(dòng)性。

基于課程的特殊性質(zhì)，將手機(jī)引入課堂，能夠更加生動(dòng)地展示課堂教學(xué)內(nèi)容，將電腦顯示器端模擬出來(lái)的App界面，轉(zhuǎn)為在學(xué)生自己手機(jī)上顯示，增強(qiáng)學(xué)生的學(xué)習(xí)興趣。利用手機(jī)輔助教學(xué)，掃描二維碼直接查看例題，提高教學(xué)效率。通過(guò)建立QQ群，從課堂提問(wèn)、課堂討論到課后答疑解惑，形成實(shí)時(shí)交流、示范、幫扶的學(xué)習(xí)機(jī)制。課程教學(xué)中合理利用手機(jī)，開(kāi)發(fā)新型的教學(xué)方式和方法，具有重大的現(xiàn)實(shí)意義。

2 課程教學(xué)方案和考核實(shí)施方案在課程教學(xué)中的實(shí)施

2.1 課程教學(xué)的實(shí)施方案

（1）更新教學(xué)內(nèi)容。在“互聯(lián)網(wǎng)+”時(shí)代，App開(kāi)發(fā)人員和App開(kāi)發(fā)公司每天在蘋(píng)果應(yīng)用程序商店提交的App應(yīng)用程序數(shù)量每天平均1000個(gè)左右。各類(lèi)App層出不窮，教學(xué)內(nèi)容需不斷更新、補(bǔ)充、豐富，緊跟最新趨勢(shì)。

（2）掃描二維碼查看例題。本課程的內(nèi)容即為移動(dòng)端的UI設(shè)計(jì)，將課堂上的案例上傳至網(wǎng)站，并將地址轉(zhuǎn)換成為二維碼，學(xué)生通過(guò)手機(jī)掃描二維碼即可在手機(jī)上瀏覽原型設(shè)計(jì)，能夠有更具有感官的認(rèn)識(shí)和體驗(yàn)。

（3）利用QQ延伸學(xué)習(xí)空間。組建一個(gè)QQ群作為學(xué)生自主學(xué)習(xí)、協(xié)作交流的平臺(tái)。在進(jìn)行課堂提問(wèn)時(shí)，學(xué)生第一時(shí)間在QQ群中作答，教師可以從中了解學(xué)情，適時(shí)調(diào)整教學(xué)策略。在進(jìn)行課堂討論時(shí)，學(xué)生隨時(shí)可以通過(guò)QQ群分享自己手機(jī)端的App截圖，分析App的UI設(shè)計(jì)，充分調(diào)動(dòng)學(xué)生積極性。在教學(xué)課后，學(xué)生也可以通過(guò)QQ群提問(wèn)交流，教師通過(guò)QQ群進(jìn)行答疑解惑。學(xué)生利用QQ空間上傳自己設(shè)計(jì)的作業(yè)、作品，通過(guò)點(diǎn)贊獲取。逐步形成有交流、有示范、有競(jìng)爭(zhēng)、有幫扶的學(xué)習(xí)機(jī)制。

（4）編寫(xiě)實(shí)驗(yàn)指導(dǎo)書(shū)。本課程涉及人機(jī)交互原理、信息設(shè)計(jì)原理、視覺(jué)傳達(dá)設(shè)計(jì)原理、用戶(hù)心理學(xué)和美學(xué)等學(xué)科內(nèi)容，學(xué)生在較短的課時(shí)內(nèi)掌握界面設(shè)計(jì)中的各種視覺(jué)要素，就需要編寫(xiě)配套的實(shí)驗(yàn)指導(dǎo)書(shū)，作為教材的補(bǔ)充內(nèi)容，方便學(xué)生學(xué)習(xí)、實(shí)踐。

2.2 考核方式的實(shí)施方案

考核方式采取作品式考核，要求學(xué)生原創(chuàng)或模仿一個(gè)App的UI設(shè)計(jì)，并提交一份相關(guān)的課程論文。本課程是一門(mén)實(shí)踐性很強(qiáng)的課程，教學(xué)目的是讓學(xué)生最終能做出一幅作品，最好的考核方式就是評(píng)價(jià)學(xué)生所做的作品。作品也不能在2個(gè)小時(shí)之內(nèi)完成。這種考核方式可大大發(fā)揮學(xué)生的學(xué)習(xí)積極性和主動(dòng)性。

作品考核包括作品和課程論文兩部分，其中作品占60%，課程論文占40%，作品將從交互意圖（15%）、布局（15%）、信噪比（5%）、風(fēng)格（5%）、色彩運(yùn)用（10%）、字體設(shè)計(jì)（10%）等6個(gè)方面來(lái)考量。平時(shí)表現(xiàn)主要為平時(shí)點(diǎn)名、課堂提問(wèn)、作業(yè)完成情況等方面來(lái)考量。作品考核（作品+課程論文）占最終成績(jī)的70%-80%，平時(shí)表現(xiàn)占最終成績(jī)的20%-30%。

3 課程教改創(chuàng)新

內(nèi)容與時(shí)俱進(jìn)。教學(xué)內(nèi)容充分與現(xiàn)實(shí)發(fā)展緊密結(jié)合，不斷更新、補(bǔ)充、豐富，緊跟最新趨勢(shì)。

教學(xué)手段豐富。在保留傳統(tǒng)教學(xué)方式的同時(shí)，引入手機(jī)輔助教學(xué)。學(xué)生通過(guò)手機(jī)掃描二維碼即可在手機(jī)上瀏覽課堂上展現(xiàn)的原型設(shè)計(jì)案例，能夠有更加感官的認(rèn)識(shí)和體驗(yàn)。通過(guò)QQ群、QQ空間提問(wèn)答疑、展示作品，逐步形成有交流、有示范、有競(jìng)爭(zhēng)、有幫扶的學(xué)習(xí)機(jī)制。

視角新穎獨(dú)到。不簡(jiǎn)單重復(fù)理論課上講授的知識(shí)，而是一種補(bǔ)充和延伸，更添加了技術(shù)發(fā)展的新趨勢(shì)和實(shí)踐者的普遍經(jīng)驗(yàn)，開(kāi)拓學(xué)生視野。

教學(xué)操作性強(qiáng)。實(shí)驗(yàn)有清晰的步驟提示，易于教師講授和學(xué)生自學(xué)，實(shí)驗(yàn)難度由淺入深，可按實(shí)際需要進(jìn)行選做和調(diào)整，實(shí)驗(yàn)課時(shí)合理，符合一般教學(xué)安排。

實(shí)踐趣味性強(qiáng)。實(shí)驗(yàn)設(shè)計(jì)提供基本技法的提示，為學(xué)生實(shí)踐提供了自主空間，使學(xué)生易于實(shí)踐，有益于激發(fā)學(xué)生的興趣和創(chuàng)新靈感。實(shí)驗(yàn)成果可以上傳并在手機(jī)中預(yù)覽。

4 學(xué)生反饋

經(jīng)過(guò)近一年的教學(xué)嘗試，發(fā)現(xiàn)一個(gè)有趣的現(xiàn)象，當(dāng)放開(kāi)限制后，課堂上反而沒(méi)有學(xué)生抱著手機(jī)做與課堂內(nèi)容無(wú)關(guān)的事情了。當(dāng)教師提出通過(guò)QQ群點(diǎn)名，還需要提醒學(xué)生暫時(shí)放下鼠標(biāo)，拿出手機(jī)。學(xué)生的學(xué)習(xí)態(tài)度發(fā)生了很大的轉(zhuǎn)變。

教師布置了一項(xiàng)課后作業(yè)，要求每個(gè)人推薦一款A(yù)pp并結(jié)合所學(xué)知識(shí)說(shuō)明推薦理由，作業(yè)以圖片形式發(fā)送到QQ群內(nèi)，這樣所有人都能看到。結(jié)果是所有人都提前在規(guī)定時(shí)間內(nèi)提交了作業(yè)，且全班沒(méi)有一個(gè)人推薦相同的App。從這些作業(yè)中能夠看出，學(xué)生高漲的學(xué)習(xí)熱情，爭(zhēng)前恐后的學(xué)習(xí)態(tài)度。

課程的考核方式也進(jìn)行了改革和嘗試。采取作品式考核，要求學(xué)生原創(chuàng)或模仿一個(gè)App的UI設(shè)計(jì)，并提交一份相關(guān)的課程論文。有個(gè)明顯的感覺(jué)是，參加教改的這個(gè)班級(jí)提交的作品水平較沒(méi)有參加教改的班級(jí)有大幅度的提高。幾乎沒(méi)有學(xué)生不動(dòng)腦筋，完全照搬常見(jiàn)的App設(shè)計(jì)，或多或少融入了自己的想法，甚至能將學(xué)習(xí)的知識(shí)靈活運(yùn)用，舉一反三，時(shí)常制造一些小意外，小驚喜！有些學(xué)生設(shè)計(jì)了原創(chuàng)的App，有些學(xué)生的設(shè)計(jì)高度仿真，足以以假亂真，不少學(xué)生巧妙的將自己的手機(jī)號(hào)設(shè)置成用戶(hù)名和密碼，教師們還真想為他們喝彩。

在日常教學(xué)、評(píng)教和大作業(yè)總結(jié)中，也有學(xué)生反饋，教師在QQ群里以提問(wèn)形式點(diǎn)名，答案不唯一，花式課后作業(yè)都好有趣，學(xué)習(xí)認(rèn)真態(tài)度甚至超過(guò)某些專(zhuān)業(yè)課，上課不再無(wú)聊，希望能增加些課時(shí)能多學(xué)點(diǎn)東西。

5 結(jié)語(yǔ)

嘗試著將手機(jī)引入課堂，學(xué)生從原先的偷偷摸摸看手機(jī)轉(zhuǎn)變成光明正大學(xué)習(xí)。簡(jiǎn)單點(diǎn)說(shuō)，大致從這幾方面著手教改：①更新教學(xué)內(nèi)容，緊跟最新趨勢(shì)；②掃描二維碼查看原型設(shè)計(jì)，提高感官認(rèn)識(shí)和體驗(yàn)；③充分利用QQ群延伸學(xué)習(xí)空間；④編寫(xiě)實(shí)驗(yàn)指導(dǎo)書(shū)；⑤作品式考核方式。

將手機(jī)引入小規(guī)模教學(xué)，學(xué)生的學(xué)習(xí)積極性和主動(dòng)性大大提高，已然形成有交流、有示范、有競(jìng)爭(zhēng)、有幫扶的學(xué)習(xí)機(jī)制。