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