摘 要：近年来，MUI设计已经成为众多高校数字媒体艺术专业和视觉传达设计专业教学改革的重点关注方向，大多数创新型企业都在思考如何将自己的品牌、产品和服务在移动互联网这一渠道上获得更大的影响力。目前，在手机APP新应用不斷涌现和爆发的环境下，国内移动互联网市场竞争也愈发激烈。《MUI设计》课程结合专业学生特点，主要通过课程的建设意义、建设目标、教学内容、多方面的创新教学方法进行探讨。重点培养学生在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-），男，壮族，广西南宁人，艺术硕士，教师，研究方向：数字媒体艺术与技术。