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