2017年，清華大學美術(shù)學院信息藝術(shù)設(shè)計系副教授關(guān)琰及教學團隊（實驗室康迎老師和助教祖赫同學）在學校在線辦的支持下，依托于學堂在線平臺，首次開設(shè)了慕課《界面設(shè)計導論》。開課3年，選課學生多達四萬余人。今年該課程成功入選《首批國家級一流本科在線課程》。清華大學共入選33門，全國高校共入選717門。
《界面設(shè)計導論》課程面向社會學習者和在校大學生，尤其是初學者，目標是幫助學生建立對界面設(shè)計的整體認知，結(jié)合案例分析，將界面設(shè)計的基礎(chǔ)知識點融入其中，使學生掌握界面設(shè)計的基本理論和思維方法。課程內(nèi)容包括：1. 界面設(shè)計的概念、應(yīng)用及趨勢，案例介紹以及行業(yè)一線設(shè)計師訪談；2. 設(shè)計流程、方法和原則；3. 界面設(shè)計元素；4. H5網(wǎng)頁基礎(chǔ)編程思維入門介紹。
課程特色
一、授課體系完善，能幫助初學者快速建立起知識地圖和學習路徑，使學生能結(jié)合自己的情況進行個性化學習。
二、課程重點雖是GUI的基本設(shè)計規(guī)律，但也強調(diào)了前沿科技對界面設(shè)計發(fā)展的影響和未來趨勢，使學生能站在更高的視野上理解界面設(shè)計的精髓。
三、理論和實踐結(jié)合，內(nèi)容循序漸進，由易到難，通過案例引導學生學做簡單網(wǎng)頁的GUI設(shè)計，體驗一個完整的設(shè)計過程，注重培養(yǎng)學生解決問題的能力。
四、結(jié)合對行業(yè)一線設(shè)計師訪談等形式，豐富和拓展了學生的視野。每年還會增加一些優(yōu)秀學生作業(yè)的案例講解，不斷豐富課程內(nèi)容。
五、界面設(shè)計受到技術(shù)的制約，了解編程思維，有助于設(shè)計背景的學生兼顧技術(shù)實現(xiàn)成本、技術(shù)制約等因素，使創(chuàng)意設(shè)計能更好地落地。在界面設(shè)計領(lǐng)域，同時兼有前端開發(fā)（如H5技術(shù)）能力和設(shè)計能力的人員也能更大程度實現(xiàn)自己的價值。第四章是專為界面設(shè)計初學者設(shè)計的H5編程課，內(nèi)容深入淺出，容易掌握，為學有余力的同學提供了一種新的可能性。
六、慕課抽取了界面設(shè)計的關(guān)鍵理論和基本知識點，運用動畫、圖片、視頻等多媒體形式對抽象的概念和理論進行了可視化表達，部分內(nèi)容還配合了案例視頻的講解，更加生動和易于理解，充分發(fā)揮了網(wǎng)絡(luò)教學的優(yōu)勢，有助于實現(xiàn)個性化學習和提升學習效率。
七、課程強調(diào)以人為本的設(shè)計理念，引導學生做符合社會價值觀的設(shè)計，把設(shè)計和“立德樹人”的教育進行了有機的結(jié)合。
八、每年都會增加更多的學生作業(yè)案例，使課程內(nèi)容更加豐富。
九、去年在課程討論區(qū)開展了社會學習者與在校大學生的對話交流活動，討論區(qū)氣氛活躍，助教和老師積極參與討論和答疑，使學生答題數(shù)量和討論的參與度明顯提升。
本課程選課學生分別來自于全國35個省市自治區(qū)，課程分別在清華大學美術(shù)學院、北京電影學院、燕山大學等學校的課堂上開展了混合式教學活動。今年春季學期，因為疫情，只能通過線上開展授課，授課期間，學生可以在課前預(yù)習環(huán)節(jié)學習慕課內(nèi)容，課堂上教師引導學生討論和進行實踐輔導，大大提高了授課效率。預(yù)習時學生可根據(jù)個人情況快進或反復(fù)看某一小節(jié)，一定程度上實現(xiàn)了個性化學習。在線下課堂，學生普遍認為混合式教學能提高學習效率，對理論知識的學習幫助較大。
該課程開展線上授課三年以來，建立了良好的口碑，學生們在討論區(qū)發(fā)表了自己對課程的評價。
以下摘取部分線上線下學生的評論：
“在這門課上，我們可以說是完整地體會到了制作頁面以及交互的流程?！薄S杰妮
“關(guān)老師講的課很有啟發(fā)性，大量案例和理論相結(jié)合，對工作學習都有很強的指導意義?！薄猰iniprogram99963707
“老師講課很詳細，學到很多新知識，感覺老師講課特別專業(yè)，內(nèi)容知識全面，容易聽懂，感覺收獲很多，受益匪淺?！薄鸭褭C器人
“老師您好，這個視頻講課太好了，學習時間自由，講課也很直觀好理解！將來要是配合書籍一起學習、練習，就更好了?！薄猰iniprogram31638653
關(guān)琰老師總結(jié)了界面設(shè)計導論這門課的制作經(jīng)驗，首先得益于學校在線辦的大力支持，其次得益于導師團隊的共同協(xié)作和努力。界面設(shè)計發(fā)展很快，在技術(shù)的推進下，GUI這種主流界面將逐漸讓位于自然界面，發(fā)展出適合不同場景下，更加多樣而綜合的交互模式，界面設(shè)計相關(guān)的理論知識和方法也需要不斷迭代和更新，而慕課一旦錄制完成，便不容易更換，慕課內(nèi)容的選擇局限性很大，目前更適合開發(fā)一些具有普適性的、相對成熟的基礎(chǔ)理論和知識，慕課在內(nèi)容的選擇和更新方面是一個挑戰(zhàn)，如何開展更加有效的混合式教學方法，還有待于繼續(xù)研究和探索。
界面設(shè)計作業(yè)
《稻之道》，美810班 于漢杰
《思想咖啡》，美810班 艾瑞雯
《藝術(shù)博物館APP設(shè)計》
美710班 邱藝蕓
《你好，安德烈》，美710班 周文欣
《國家地理雜志改版設(shè)計》，黃杰妮
（資料來源/信息藝術(shù)設(shè)計系）
