數字媒體藝術專業《MUI設計》課程教學探討

摘 要：近年來，MUI設計已經成為眾多高校數字媒體藝術專業和視覺傳達設計專業教學改革的重點關注方向，大多數創新型企業都在思考如何將自己的品牌、產品和服務在移動互聯網這一渠道上獲得更大的影響力。目前，在手機APP新應用不斷涌現和爆發的環境下，國內移動互聯網市場競爭也愈發激烈?！禡UI設計》課程結合專業學生特點，主要通過課程的建設意義、建設目標、教學內容、多方面的創新教學方法進行探討。重點培養學生在MUI設計與專業程序員的配合能力，從而提高團隊協作精神及自身的就業能力。

關鍵詞：MUI設計；APP；UI設計；課程教學

MUI全稱Mobile User Interface，即移動設備用戶界面設計。MUI應用范圍有手機用戶界面，平板設備用戶界面，智能家電（電視、冰箱、洗衣機等），GPS，MP5等等。

《MUI設計》課程主要面向數字媒體藝術專業和視覺傳達設計專業本科生開設，學生應具備一定的專業基礎和計算機基礎，以及良好的文化藝術設計素養，最好是在此前已經學過相關課程如：素描基礎、色彩構成、造型基礎、電腦設計軟件基礎、網頁設計與制作以及相關理論基礎知識等，同時兼具與專業程序員配合所需的先決技能。通過進行《MUI設計》課程探索和實踐完整的課程理論教學和作品創作，是對課程的優化建設有著更高的機遇和挑戰。

一、數字媒體藝術專業《MUI設計》課程的意義

目前《UI設計》是我院數字媒體藝術專業必修課程，移動互聯網的快速發展，傳統的UI設計（包括GUI圖形用戶界面、WUI網頁風格界面設計）教學內容和教學方法面臨新的挑戰，UI設計的探索與完善有了更主流的設計方向，即移動設備用戶界面設計（MUI設計）。

強大的多點觸摸功能為智能手機用戶帶來了無可比擬的用戶體驗，設計師和程序員專業人員對移動端應用產品的前期策劃、手繪交互圖、界面風格、設計制作、程序開發等關注度越來越高，越來越具有廣闊的應用前景。

近年來，移動終端行業發展使得人才相對緊缺，移動應用市場需求推動著人才教育的導向。而數字媒體藝術專業是一個新興的跨學科的交叉研究和實踐領域，移動設備用戶界面設計與開發已成為數字媒體藝術專業的一個重要發展方向。

為了滿足就業市場對移動設備用戶界面設計與開發人才的需求，我院在數字媒體藝術專業本科教學中設立了《MUI設計》課程，結合數字媒體藝術專業學生的特點通過設計理論基礎講授、設計實踐項目案例解析、軟件繪制功能點思維導圖、手繪交互圖、軟件繪制線框和原型圖、繪制圖標圖形、設計項目品牌包裝、參加各類設計大賽等多種形式，培養學生在移動平臺上策劃、創新思維、設計能力。

因此，《MUI設計》課程所探索出的創新路徑對移動互聯網有重要的借鑒意義。

二、數字媒體藝術專業《MUI設計》課程的建設目標

圍繞高校教育教學改革的發展需求，我院積極探索《MUI設計》課程的創新教學模式，結合少數民族的地域文化，采用民族元素融入到設計中，使視覺有獨特的民族特色風格。

遵循我院數字媒體藝術專業培養綜合型設計與交互人才的辦學定位，能夠讓學生掌握移動設備終端的設計理論知識、用戶體驗設計發展趨勢、APP產品設計方法及流程的同時，應具備進入智能移動設備終端應用設計開發領域的策劃、制作流程、界面設計及交互、動效的制作手法、程序開發人員相關知識。

課程教學以理論講授與實踐項目案例解析相結合進行開展，注重培養學生堅實的基礎理論知識和移動設備終端的設計與應用能力，以及設計學生與專業程序員配合的能力；并逐步完善數字媒體藝術專業《MUI設計》課程教學內容與教學方法的探索，不斷提升面向移動應用設計與開發的綜合型交互設計人才的培養模式。

三、數字媒體藝術專業《MUI設計》課程的教學內容

MUI設計是指對移動設備端軟件的人機交互、操作邏輯、界面美觀的整體設計。移動界面設計不只是學習美術繪畫，還需要定位用戶群、用戶使用環境、用戶體驗。

（一）MUI設計理論基礎講授

《MUI》設計課程首先向學生講授移動應用設計的相關理論知識。而MUI設計的基本流程、發展趨勢、常用的移動開發平臺設計案例為主要的講解內容，使學生在了解各類移動開發環境和技術的優缺點基礎上，初步掌握適合數字媒體藝術專業學生的MUI設計開發流程。

（二）國內外案例對比及優秀學生作品解析

通過具體的國內外實例來講解移動設備終端的創新設計方法、MUI設計（移動端）和WUI設計（PC端）的區別，講解過程中選擇學生有興趣的移動APP，能使學生有效的系統掌握設計基礎和創新能力，進一步引導學生掌握移動設備終端應用設計開發領域的新知識、新思維、新技術，有效地解決了學院教學內容相對滯后的問題。

（三）軟件繪制功能的點思維導圖

先以移動設備終端的成熟作品思維為切入點，內容貼近學生的日常應用設計，充分調動學生學習的主動性與積極性。MUI設計涵蓋內容豐富有趣，能夠激發學生自主創新的意識，有利于培養學生的創新思維及能力，構建良好的功能思維導圖。

（四）手繪交互圖方法增強實踐動手能力

注重培養學生的思維構思和草圖繪制能力，讓學生嘗試對手繪圖進行抽象設計，尋找創意點，結合少數民族文化圖形圖案以及所學的知識運用到MUI設計中，鞏固了學生的理論知識，增強了學生的實踐動手能力，教學效果明顯。

（五）軟件繪制線框和原型圖清晰引導

學習一款快速界面原型及分享工具，使用它你可以輕松創建仿真度極高的APP交互原型，支持頁面鏈接、動作手勢等，還能做出各種頁面動畫特效，為學生帶來最逼真的原型體驗，并且給學生提高技能操作的同時激發學生學習興趣。

（六）定制界面的文字、圖片標準設置

MUI設計的規范性要求很嚴格，包括文字、圖形、圖案、導航、構圖、搜索、表單、按鈕、音頻、視頻、動效等，通過規范的設計才能更好的與應用設備兼容并正常的顯示效果，不論是哪種設計，界面上遵循規范化的程度越高，則用戶體驗和操作會更好。

（七）采用扁平化方式繪制圖標及圖形色彩運用

扁平化設計流行趨勢讓MUI設計圖標更為細致，設計色彩更豐富，遵循制作良好的點擊區域、節省空間、易于快速識別、符合并能提升設計的美學訴求，使用相關軟件繪制更簡潔的用戶界面圖標，并進行符合主題的圖形色彩運用，形成優秀的設計作品。

（八）MUI設計課程的項目流程實踐

項目實踐教學是《MUI設計》這門課程的重要環節，要達到這門課程的教學目標，必須學習相關的MUI設計理論知識之后，熟悉項目實踐學以致用、掌握移動應用設計與開發技巧。

在開展項目實踐教學中學生要明確實踐項目所要達到的具體目標，如以小組形式需按照規定進行具體分工，使得參與實踐項目的所有學生都能發揮主觀能動性，在實踐教學中進一步提升自己的技能水平。

（九）提升技能訓練以賽促學

激勵學生學習專業技能的興趣，保持良好的學習氛圍會帶動更多的同學進行學習和參與，堅持以賽促學，以賽促教，以賽促改的目的，提高了學生的專業技能水平。

一個好的作品有學生的努力，也有指導教師的付出，通過教師指導組成的項目設計與開發小組，加強師生之間的情感交流，并完成相應的作品參加比賽。

（十）移動品牌包裝宣傳推送

目的幫助品牌塑造形象，為消費者提供用戶至上、體驗先行的服務。讓用戶與界面進行視覺情感的互動，引導用戶參與體驗的同時不斷滿足用戶的需求，能使品牌形象具有時代賦予的新的生命力，同時追尋潮流，嘗試超前理念。

經過該課程的學習之后可以完成相應移動應用項目的策劃、設計與開發。同時也讓學生有效的掌握移動智能手機終端APP應用設計的基本原理和特性，掌握基于移動設備終端的應用策劃、交互流程設計、用戶界面設計及應用運行測試所需要的基本理論知識。

四、數字媒體藝術專業《MUI設計》課程的創新教學方法

我院進一步優化教學格局，積極為社會培養應用型創新人才，在教學內容和教學方法上不斷創新，向社會輸送緊缺的應用型創新人才。

針對學生的課程實踐教學，結合高校開設移動應用設計及開發課程和專業培訓機構開展的UI設計的教學方法，加上培養學生過程中存在的實際問題，在《MUI設計》課程教學實踐中逐步探索了一些有益的方法與大家一起分享探討。

針對本課程的特點，主要教授MUI設計理論、項目實訓、案例詳解、作品點評、實踐教學、以賽促學等多種教學方式，充分調動學生的學習主動性。

（一）MUI設計理論及發展趨勢的學習

在課程的設置上，采用理論教學與實踐教學相結合的方式，通過理論學習及設計發展趨勢。

《MUI設計》課程是一門藝術創作課程，涉及藝術設計基礎、數字媒體內容創作、計算機技術基礎三方面的內容，達到理論和實踐相結合的教學方法。

（二）以少數民族圖形元素為主設計的項目

實踐教學內容設計最好來源于實際的設計項目，并且結合地域的優勢以少數民族圖形元素作為主線引導，尋求產品創意點和產品設計剛需、痛點、高頻進行開發價值分析，專業教師注重創新和移動端界面設計制作的技術含量，這樣可以使學生拓展創意思維來吸納多方面的優勢。

（三）以作品案例擴散學生思維的教學

以培養學生的原創藝術作品的創新創作能力為注重點，設計作品的創作也是最能體現學生的綜合能力的培養。

教學過程中圍繞最新實際的APP應用設計作品創作開展，分析作品的創意手法和制作技法等。在作品案例設計中，結合手繪設計與電腦軟件兩大技能的綜合訓練。

（四）以學生為主導開展作品點評

MUI設計作品的評價有效途徑很多，可以借助于網絡平臺上進行投票，有效的了解大眾意見方式，也可以采用作品答辯來進行，開展過程中學生和指導教師共同參與。這樣學生可以在評鑒同學的設計作品、分享別人的成果中得到創新歷練和提高，對于老師也是一個學習交流和再創作的過程。給同學們帶來一定的創作創作靈感和熱情，大大提升創作能力。

（五）發揮實踐基地作用，參與設計項目實訓

文化創意產業公司對學生的專業實踐經驗要求很高，學生對《MUI》課程的學生就要更進一步的了解自己所學課程后在企業當中扮演什么樣的角色，為學生的課程實踐和設計項目實訓提供了方便，自身可以定位好職業生涯的規劃，從而走向創新項目產、學、研的一體化發展。

（六）注重實踐環節以賽事來提升學習技能水平

在項目實踐環節鼓勵學生參加各種國內外移動應用創新設計大賽和大學生創新創業訓練計劃項目等，以賽促學，達到提升學習技能水平的目的。

對于移動APP產品設計與開發過程是需要較長的時間，特別是特殊功能實現及測試需要反復糾正。比賽中時常遇見時間緊迫、任務難等各種各樣的問題，但參賽團隊在教師的帶領下堅持利用課余時間進行項目實踐、多思維多角度進行創新設計，從而大大提高了學生項目設計及開發的效率，參加專業賽事對培養學生的學習興趣和學習主動性起到重要的作用。

五、結語

移動設備終端的發展，越來越多手機APP新應用的策劃、 設計及開發受到專業人士以及各行業人員的關注。在數字媒體藝術專業《MUI》設計課程中，對于文字、界面、圖案、顏色、動效、功能的運用其實涉及了設計學、計算機學科、認知心理學等多學科的范疇里，本課程從多年的設計與開發經驗、心得和觀點，其內容涉及移動UI設計策劃、設計與開發流程、設計技巧、視覺風格、學習方法、發展趨勢、設計法則等各方面。同時以課程的優化引領數字媒體藝術專業內涵建設，促進專業特色發展。

參考文獻：

[1] 李四達.數字媒體藝術教學模式探索[J].北京郵電大學學報：社會科學版，2010（4）：1-5.

[2] 張琳，容曉峰，沈虹.移動應用開發課程建設與教學模式探索[J].計算機教育，2012（14）：95-99.

[3] 唐凱.基于手機APP平臺上的繪畫元素應用研究[J].湖南科技學院學報，2015，36（1）.

[4] 范媛媛.當代視覺傳達設計——交互性的價值與意義[J].包裝世界，2010.（5）：48-49.

[5] 陶嬋，黃煉，張濤.手機用戶界面視覺元素的符號化設計[J].藝海2009.（7）：106-107.

[6] 淮永建，王立臣，韓靜華，黃心淵.“數字媒體藝術”專業實踐教學體系建設[J].計算機教育，2009（19）：78-80.

[7] 石娟娟，王凱祥，聶茜.數字媒體藝術專業移動應用開發課程教學探討[J].教育教學論壇，2015（46）.

作者簡介：邵俊翔（1983-），男，壯族，廣西南寧人，藝術碩士，教師，研究方向：數字媒體藝術與技術。