手機在《移動App UI設計》課程教學中的應用探索

蔣安納，章春芳，薛聯鳳

（南京林業大學信息科學技術學院，南京 210037）

0 引言

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

為順應市場發展需求，培養綜合型復合人才，我校于2017年春季開設了全新課程《移動App UI設計》，課程面向全校所有專業學生，包括計算機專業的學生。

1 課程的特點和教學現狀分析

我們現在處于“互聯網+”的時代，手機已經成為大家日常工作生活不可缺少的工具。大學生在課堂上低頭玩手機也成為常態。筆者認為，上課時不允許學生看手機，一味地進行“攔追堵截”并不能從根本解決問題。既然無法阻止，那么就進行正確引導。將手機引入課堂，從原先的偷偷摸摸看手機轉變成光明正大學習，能促使學生學習心態的轉變，提高學生的學習主動性。

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

2 課程教學方案和考核實施方案在課程教學中的實施

2.1 課程教學的實施方案

（1）更新教學內容。在“互聯網+”時代，App開發人員和App開發公司每天在蘋果應用程序商店提交的App應用程序數量每天平均1000個左右。各類App層出不窮，教學內容需不斷更新、補充、豐富，緊跟最新趨勢。

（2）掃描二維碼查看例題。本課程的內容即為移動端的UI設計，將課堂上的案例上傳至網站，并將地址轉換成為二維碼，學生通過手機掃描二維碼即可在手機上瀏覽原型設計，能夠有更具有感官的認識和體驗。

（3）利用QQ延伸學習空間。組建一個QQ群作為學生自主學習、協作交流的平臺。在進行課堂提問時，學生第一時間在QQ群中作答，教師可以從中了解學情，適時調整教學策略。在進行課堂討論時，學生隨時可以通過QQ群分享自己手機端的App截圖，分析App的UI設計，充分調動學生積極性。在教學課后，學生也可以通過QQ群提問交流，教師通過QQ群進行答疑解惑。學生利用QQ空間上傳自己設計的作業、作品，通過點贊獲取。逐步形成有交流、有示范、有競爭、有幫扶的學習機制。

（4）編寫實驗指導書。本課程涉及人機交互原理、信息設計原理、視覺傳達設計原理、用戶心理學和美學等學科內容，學生在較短的課時內掌握界面設計中的各種視覺要素，就需要編寫配套的實驗指導書，作為教材的補充內容，方便學生學習、實踐。

2.2 考核方式的實施方案

考核方式采取作品式考核，要求學生原創或模仿一個App的UI設計，并提交一份相關的課程論文。本課程是一門實踐性很強的課程，教學目的是讓學生最終能做出一幅作品，最好的考核方式就是評價學生所做的作品。作品也不能在2個小時之內完成。這種考核方式可大大發揮學生的學習積極性和主動性。

作品考核包括作品和課程論文兩部分，其中作品占60%，課程論文占40%，作品將從交互意圖（15%）、布局（15%）、信噪比（5%）、風格（5%）、色彩運用（10%）、字體設計（10%）等6個方面來考量。平時表現主要為平時點名、課堂提問、作業完成情況等方面來考量。作品考核（作品+課程論文）占最終成績的70%-80%，平時表現占最終成績的20%-30%。

3 課程教改創新

內容與時俱進。教學內容充分與現實發展緊密結合，不斷更新、補充、豐富，緊跟最新趨勢。

教學手段豐富。在保留傳統教學方式的同時，引入手機輔助教學。學生通過手機掃描二維碼即可在手機上瀏覽課堂上展現的原型設計案例，能夠有更加感官的認識和體驗。通過QQ群、QQ空間提問答疑、展示作品，逐步形成有交流、有示范、有競爭、有幫扶的學習機制。

視角新穎獨到。不簡單重復理論課上講授的知識，而是一種補充和延伸，更添加了技術發展的新趨勢和實踐者的普遍經驗，開拓學生視野。

教學操作性強。實驗有清晰的步驟提示，易于教師講授和學生自學，實驗難度由淺入深，可按實際需要進行選做和調整，實驗課時合理，符合一般教學安排。

實踐趣味性強。實驗設計提供基本技法的提示，為學生實踐提供了自主空間，使學生易于實踐，有益于激發學生的興趣和創新靈感。實驗成果可以上傳并在手機中預覽。

4 學生反饋

經過近一年的教學嘗試，發現一個有趣的現象，當放開限制后，課堂上反而沒有學生抱著手機做與課堂內容無關的事情了。當教師提出通過QQ群點名，還需要提醒學生暫時放下鼠標，拿出手機。學生的學習態度發生了很大的轉變。

教師布置了一項課后作業，要求每個人推薦一款App并結合所學知識說明推薦理由，作業以圖片形式發送到QQ群內，這樣所有人都能看到。結果是所有人都提前在規定時間內提交了作業，且全班沒有一個人推薦相同的App。從這些作業中能夠看出，學生高漲的學習熱情，爭前恐后的學習態度。

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

在日常教學、評教和大作業總結中，也有學生反饋，教師在QQ群里以提問形式點名，答案不唯一，花式課后作業都好有趣，學習認真態度甚至超過某些專業課，上課不再無聊，希望能增加些課時能多學點東西。

5 結語

嘗試著將手機引入課堂，學生從原先的偷偷摸摸看手機轉變成光明正大學習。簡單點說，大致從這幾方面著手教改：①更新教學內容，緊跟最新趨勢；②掃描二維碼查看原型設計，提高感官認識和體驗；③充分利用QQ群延伸學習空間；④編寫實驗指導書；⑤作品式考核方式。

將手機引入小規模教學，學生的學習積極性和主動性大大提高，已然形成有交流、有示范、有競爭、有幫扶的學習機制。