高校UI設(shè)計(jì)課程改革中融入MG動(dòng)畫的優(yōu)勢(shì)

□何建華 韶關(guān)學(xué)院美術(shù)與設(shè)計(jì)學(xué)院

高校UI 設(shè)計(jì)課程改革中融入MG 動(dòng)畫有三個(gè)方面的價(jià)值：一是能夠賦予設(shè)計(jì)版式趣味性、生動(dòng)性，通過文字與圖形的動(dòng)態(tài)組合傳遞設(shè)計(jì)信息，改變UI 靜態(tài)設(shè)計(jì)現(xiàn)狀，成功吸引受眾，達(dá)到UI 設(shè)計(jì)目的；二是能夠提升設(shè)計(jì)人員的專業(yè)素養(yǎng)，為學(xué)生將來從事手機(jī)App 設(shè)計(jì)、電視欄目包裝設(shè)計(jì)等工作提供有力支撐；三是加強(qiáng)課程改革，擴(kuò)展育人范圍，豐富教育內(nèi)容，賦予教學(xué)活動(dòng)發(fā)展性，助力學(xué)生拓展知識(shí)面，靈活運(yùn)用數(shù)字技術(shù)，落實(shí)設(shè)計(jì)目標(biāo)?；诖耍瑸榇龠M(jìn)高校UI 設(shè)計(jì)課程教學(xué)活動(dòng)穩(wěn)健發(fā)展，將MG 動(dòng)畫融入U(xiǎn)I 設(shè)計(jì)課程顯得尤為重要。

一、高校UI設(shè)計(jì)課程改革中融入MG動(dòng)畫的可行性

（一）UI 技術(shù)發(fā)展支持MG 動(dòng)畫融入

19 世紀(jì)中期視覺傳導(dǎo)設(shè)計(jì)在歐美地區(qū)發(fā)展起來，在不同時(shí)期又被稱為裝潢設(shè)計(jì)、印刷美術(shù)設(shè)計(jì)、平面設(shè)計(jì)、工藝美術(shù)等，UI 設(shè)計(jì)屬于界面設(shè)計(jì)，立足網(wǎng)絡(luò)時(shí)代對(duì)軟件界面美觀、人機(jī)交互及運(yùn)用邏輯進(jìn)行整體設(shè)計(jì)，使軟件具有獨(dú)特風(fēng)格，具有操作簡(jiǎn)便、舒適等特點(diǎn)。隨著科技不斷進(jìn)步，靜態(tài)、平面信息輸出載體逐漸被復(fù)合化、動(dòng)態(tài)性的載體取代，通過多元電子互動(dòng)達(dá)成設(shè)計(jì)目標(biāo)。為此，UI 技術(shù)發(fā)展支持MG 動(dòng)畫融入，發(fā)揮可視信息傳導(dǎo)優(yōu)勢(shì)，使UI 設(shè)計(jì)思路得到拓展。

（二）UI 設(shè)計(jì)與MG 動(dòng)畫有所聯(lián)系

MG 動(dòng)畫通常是指多媒體CG 設(shè)計(jì)、視頻設(shè)計(jì)、電視包裝等，經(jīng)由技術(shù)處理形成圖形，融入電影語言、動(dòng)畫設(shè)計(jì)、平面設(shè)計(jì)，表現(xiàn)形式多元化，包容性較強(qiáng)，能將各種設(shè)計(jì)風(fēng)格融合在一起。UI 設(shè)計(jì)主要包括圖形設(shè)計(jì)、交互設(shè)計(jì)、用戶測(cè)試三部分。為此，在圖形設(shè)計(jì)環(huán)節(jié)應(yīng)用MG 動(dòng)畫，能使產(chǎn)品外形設(shè)計(jì)變得更為豐富，也可利用動(dòng)畫引導(dǎo)用戶進(jìn)行操作，從而完成設(shè)計(jì)任務(wù)。UI 設(shè)計(jì)與MG 動(dòng)畫有所關(guān)聯(lián)，在高校UI 設(shè)計(jì)課程改革中融入MG 動(dòng)畫，旨在為學(xué)生界面的多樣化設(shè)計(jì)提供支持。

（三）高校專業(yè)教育改革經(jīng)驗(yàn)豐富

為建成“雙一流”院校，高校持續(xù)加強(qiáng)改革，在教育改革中不斷積累經(jīng)驗(yàn)，增強(qiáng)師資力量，豐富育人資源，提高校園智慧化建設(shè)質(zhì)量，踐行黨政教育決策，這在客觀上為MG動(dòng)畫引入提供了支持。同時(shí)，高校支持教學(xué)改革，鼓勵(lì)新技術(shù)、新理論走進(jìn)課堂，拓寬學(xué)生的學(xué)習(xí)實(shí)踐領(lǐng)域，打破課程壁壘，使知識(shí)融會(huì)貫通，而在高校UI 設(shè)計(jì)課程改革中融入MG 動(dòng)畫，符合新時(shí)代復(fù)合型人才培養(yǎng)要求，能夠提高高校UI 設(shè)計(jì)課程教學(xué)質(zhì)量[1]。

二、高校UI設(shè)計(jì)課程改革中融入MG動(dòng)畫關(guān)鍵

（一）堅(jiān)持一致性原則

通過對(duì)UI 設(shè)計(jì)規(guī)范進(jìn)行分析可知，其應(yīng)以用戶體驗(yàn)為核心，保障界面簡(jiǎn)潔、美觀、操作方便，用戶進(jìn)入界面后一目了然，能跟隨指示完成操作任務(wù)，使字體、圖形關(guān)系和諧，顯示信息含義明確，文字長度恰當(dāng)，功能、排版、按鍵、菜單、滾動(dòng)條、表格數(shù)據(jù)、頁面導(dǎo)航等內(nèi)容布局合理，遵循從左向右、從上到下的瀏覽原則?；诖?，將MG 動(dòng)畫融入U(xiǎn)I 設(shè)計(jì)課程應(yīng)踐行一致性原則，始終強(qiáng)調(diào)為用戶服務(wù)，遵循UI 設(shè)計(jì)規(guī)范，以UI 設(shè)計(jì)流程為依托，有效引入MG 動(dòng)畫，避免MG動(dòng)畫設(shè)計(jì)應(yīng)用與UI 設(shè)計(jì)目的相悖，發(fā)揮“1+1 ＞2”的設(shè)計(jì)優(yōu)勢(shì)，為課程改革奠定堅(jiān)實(shí)的基礎(chǔ)。

（二）育人為本

無論UI 設(shè)計(jì)還是MG 動(dòng)畫，都是學(xué)生未來勝任工作崗位需要掌握的重要技術(shù)手段。要想提高學(xué)生的信息素養(yǎng)，在UI設(shè)計(jì)中融入MG 動(dòng)畫要堅(jiān)持育人為本，根據(jù)UI 設(shè)計(jì)課程調(diào)整難易程度，確保教學(xué)指導(dǎo)循序漸進(jìn)，與學(xué)生技術(shù)水平、專業(yè)素養(yǎng)、學(xué)習(xí)基礎(chǔ)等方面緊密相關(guān)，避免MG 動(dòng)畫教學(xué)指導(dǎo)脫離學(xué)生的實(shí)際學(xué)情。這樣一來，MG 動(dòng)畫才能在學(xué)生理論解讀、實(shí)踐操作、設(shè)計(jì)創(chuàng)新中發(fā)揮作用，從而促進(jìn)高校UI 設(shè)計(jì)課程改革目標(biāo)的實(shí)現(xiàn)。

（三）守正創(chuàng)新

為使UI 設(shè)計(jì)課程改革有據(jù)可依，MG 動(dòng)畫的融入應(yīng)圍繞課程標(biāo)準(zhǔn)展開，教師應(yīng)根據(jù)課程大綱有目的、有計(jì)劃、有方法地融入MG 動(dòng)畫，保障兩者的融合與國家教育要求、專業(yè)育才方針、職業(yè)資格考試等規(guī)定相符合，促進(jìn)學(xué)生的專業(yè)發(fā)展。除堅(jiān)持教育底線，根據(jù)客觀要求融入MG 動(dòng)畫，UI 設(shè)計(jì)課程改革還需要教師敢于創(chuàng)新，基于一致性原則探索更多融入MG 動(dòng)畫的途徑，從提高學(xué)生專業(yè)素養(yǎng)與變革教學(xué)形式兩大維度著手，善用MG 動(dòng)畫，凸顯高校UI 設(shè)計(jì)教學(xué)改革特色，發(fā)揮創(chuàng)新育人作用，助推高校UI 設(shè)計(jì)課程的不斷發(fā)展[2]。

三、高校UI設(shè)計(jì)課程改革中融入MG動(dòng)畫的路徑

（一）改革課程教學(xué)思想

首先，高校教師需要接受MG 動(dòng)畫，對(duì)其特點(diǎn)、優(yōu)勢(shì)、發(fā)展歷史、技術(shù)手段等方面有所了解，在明晰該技術(shù)內(nèi)涵的前提下，立足實(shí)際探索融合路徑，在教學(xué)中做出取舍，切忌盲目融合。教師應(yīng)確保MG 動(dòng)畫能為UI 設(shè)計(jì)服務(wù)，將其視為一種設(shè)計(jì)工具，使其能被學(xué)生駕馭，實(shí)現(xiàn)課程改革目標(biāo)。其次，高校教師應(yīng)側(cè)重理論與實(shí)踐一體化，為學(xué)生提供UI 設(shè)計(jì)實(shí)踐機(jī)會(huì)，讓學(xué)生在實(shí)踐操作中基于認(rèn)知遷移、應(yīng)用MG 動(dòng)畫，將MG 動(dòng)畫與個(gè)人設(shè)計(jì)體系相融合，用學(xué)生的主動(dòng)感知替代被動(dòng)接受。最后，高校教師應(yīng)踐行陶行知教育思想，從現(xiàn)實(shí)生活及社會(huì)環(huán)境中汲取育人資源，打破MG 動(dòng)畫及UI 設(shè)計(jì)的時(shí)空限制。比如，教師可以引導(dǎo)學(xué)生從電影《七宗罪》《迷魂記》片頭的靜態(tài)文字動(dòng)態(tài)設(shè)計(jì)中汲取UI 設(shè)計(jì)靈感，還可以指導(dǎo)學(xué)生在公共電子屏廣告、電子游戲界面設(shè)計(jì)等領(lǐng)域中學(xué)習(xí)MG動(dòng)畫技術(shù)手段，使課程改革不局限于學(xué)校，體現(xiàn)“生活即教育”“社會(huì)即學(xué)?！彼枷氲挠藘r(jià)值，培養(yǎng)學(xué)生從生活中挖掘素材的能力，調(diào)動(dòng)學(xué)生專業(yè)技能學(xué)習(xí)的自主性，將學(xué)生的生活經(jīng)歷、專業(yè)素養(yǎng)、個(gè)性喜好等因素轉(zhuǎn)變?yōu)樵赨I 設(shè)計(jì)課程改革中融入MG 動(dòng)畫的切入點(diǎn)[3]。

（二）改革課程教學(xué)內(nèi)容

基于UI 設(shè)計(jì)與MG 動(dòng)畫存在的差異，教師應(yīng)將課程內(nèi)容改革視為重點(diǎn)，在統(tǒng)籌教學(xué)素材的同時(shí)，用“金課”替代“水課”，為UI 設(shè)計(jì)課程發(fā)展提供支持，從而提升教學(xué)質(zhì)量。第一，基于MG 動(dòng)畫及UI 設(shè)計(jì)融合的課程應(yīng)貫徹黨的教育思想，滿足人才在新時(shí)代的發(fā)展需求，落實(shí)立德樹人，符合專業(yè)育才及國家育才要求，側(cè)重培養(yǎng)學(xué)生的綜合素質(zhì)。第二，課程應(yīng)引入MG 動(dòng)畫的前沿性內(nèi)容，使其更具時(shí)代性。UI 設(shè)計(jì)課程內(nèi)容要科學(xué)嚴(yán)謹(jǐn)、結(jié)構(gòu)清晰穩(wěn)定、容量適中，教師應(yīng)在其中融入思政內(nèi)容，發(fā)揮“課程思政”的育才作用，遵循教學(xué)、學(xué)生發(fā)展、專業(yè)建設(shè)等規(guī)律。第三，教師應(yīng)因材施教，有序展開育人活動(dòng)，將MG 動(dòng)畫與UI 設(shè)計(jì)課程深入融合，及時(shí)接收學(xué)生的教學(xué)反饋，并及時(shí)調(diào)整教學(xué)策略，促進(jìn)學(xué)生的專業(yè)成長。第四，課程應(yīng)支持物聯(lián)網(wǎng)、虛擬現(xiàn)實(shí)、大數(shù)據(jù)、人工智能、云計(jì)算等技術(shù)育人，為MG 動(dòng)畫、UI 設(shè)計(jì)與其他高新科技融合鋪平道路，提升學(xué)生的信息素養(yǎng)，確保課程內(nèi)容具有現(xiàn)代性、科學(xué)性及教育性，能在高校UI 設(shè)計(jì)教學(xué)改革中推廣[4]。

（三）改革課程教學(xué)方法

教學(xué)方法是教師講解課程內(nèi)容的載體，是師生之間的橋梁。教師只有采取有效的教學(xué)方法，才能促進(jìn)課程改革目標(biāo)實(shí)現(xiàn)。因此，教師要基于自身教學(xué)經(jīng)驗(yàn)，樹立創(chuàng)新意識(shí)，豐富教學(xué)方法，拓寬知識(shí)范圍，從而更好地將MG 動(dòng)畫與UI 設(shè)計(jì)融合在一起。例如，教師可采取“任務(wù)驅(qū)動(dòng)+融合教育”模式，篩選優(yōu)秀的企業(yè)界面設(shè)計(jì)實(shí)例，將“運(yùn)用MG 動(dòng)畫優(yōu)化設(shè)計(jì)方案”視為學(xué)生思考、探討、實(shí)操的主題，使學(xué)生立足規(guī)定情境，有效運(yùn)用MG 動(dòng)畫進(jìn)行UI 設(shè)計(jì)，善用色彩、文字、圖片，以界面為媒介傳導(dǎo)信息，靈活應(yīng)用設(shè)計(jì)軟件，如Autodesk Maya、Maxon Cinema 4D 等，賦予UI 設(shè)計(jì)三維效果，在嘗試更多技術(shù)手段的過程中完成教師布置的設(shè)計(jì)任務(wù)，積累學(xué)習(xí)體驗(yàn)，夯實(shí)設(shè)計(jì)基礎(chǔ)，激活設(shè)計(jì)思維，提升設(shè)計(jì)能力。為了讓學(xué)生更好地應(yīng)用MG 動(dòng)畫進(jìn)行UI 設(shè)計(jì)，教師應(yīng)確保布置的任務(wù)具有一定的趣味性，為學(xué)生在做中學(xué)、學(xué)中做奠定基礎(chǔ)，提高高校UI 設(shè)計(jì)教學(xué)質(zhì)量[5]。

結(jié) 語

綜上所述，在高校UI 設(shè)計(jì)課程改革中融入MG 動(dòng)畫，具有可行性和必要性。在UI 技術(shù)發(fā)展及積累豐富教學(xué)改革經(jīng)驗(yàn)的基礎(chǔ)上，教師應(yīng)將堅(jiān)持一致性原則、育人為本、守正創(chuàng)新作為課程改革的關(guān)鍵，及時(shí)調(diào)整課程教學(xué)思想、內(nèi)容、方法，從而將MG 動(dòng)畫與UI 設(shè)計(jì)深度融合，助推高校UI 設(shè)計(jì)教學(xué)活動(dòng)的穩(wěn)健發(fā)展。