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