《MUI移动界面设计》课程项目化教学研究

王超英

摘要：课程和课程体系改革是高职院校教学的生命线，作为创一流的职业院校，更需要不断地根据本地区对应行业的需求调整教学内容，使学生的职业能力逐步得到提高，更适应企业岗位的需求，培养企业真正需要的人才。该文阐述《MUI移动界面设计》课程在项目教学法应用中的整体实施思路，按照课程的总体目标精心选择项目;按照项目的内容重组教学的主体内容;按照项目实施流程组织教学过程，让学生在实际项目的氛围中感受MUI移动界面设计的工作流程，提高学生的实际动手能力、分析解决问题等能力，培养学生自主学习能力和合作、创新意识。

关键词：项目教学法;MUI;职业能力;创新能力

中图分类号：G712     文献标识码：A      文章编号：1009-3044（2018）31-0111-02

The Research on Project Teaching of "MUI Mobile Interface Design" Course

WANG Chao-ying

（Computer Engineering Department， Dongguan Polytechnic， Dongguan 523808， China）

Abstract：Curriculum and curriculum system reform is the lifeline of teaching in higher vocational colleges， as the first-class vocational colleges， more need to constantly adjust the teaching content according to the requirements of corresponding industry in this region， make the students' vocational ability gradually improve， to meet the needs of corporate jobs， cultivate enterprise really need talent. This paper expounds the overall implementation of the "MUI Mobile Interface Design" course in the application of the project teaching method， selecting projects according to program objective ， reorganizing teaching contents according to the projects; organizing the whole teaching process according to project implementation flow.SO it let the  students in the actual project to feel the atmosphere of the MUI Mobile Interface Design， improving students' practical ability， analysis and problem solving and raising the students independent learning capability and cooperation， innovation consciousness.

Key words：Project teaching method; MUI; professional ability; innovative ability

高等職业教育的培养目标是具有必备的理论知识与较强实践能力的生产、建设、管理、服务第一线的应用型高级技术人才。许多高职院校的专家学者在数字媒体专业和视觉传达专业方向上进行了大量的教学改革，本文将从项目化教学方法的角度分析《MUI移动界面设计》课程的具体实施应用，在培养学生的职业素质方面的效果是显著的。

1 《MUI移动界面设计》课程的教改意义

《MUI移动界面设计》课程是计算机应用专业UI课程包的专业必修课，移动互联网的快速发展，传统的UI设计（包括GUI图形界面设计、WUI网页界面设计）教学内容和教学方法面临新的挑战，UI设计的探索和完善有了更主流的设计方向，即移动设备用户界面设计。该课程从职业的实际需求出发，选择典型项目案例作为教学知识的传授方式，在教学中以教师为主导，学生为主体，师生通过共同实施一个完整的项目来完成，有利于培养学生良好的沟通和团队合作的职业素质，使用学生真正成为社会岗位需求的平面设计制作人才。[1]

2 项目化教学的特点

1）针对珠三角市场进行调研，选取适应行业需求的典型工作项目构建学习情境，培养学生的职业技能和社会技能。

职业院校学生的逻辑思维薄弱，但动手能力较强，因此在教学中采用“案例+工作项目”的学习情境，首先让学生进行核心技能实训，通过具有实际应用价值的案例掌握知识点，让学生产生一定的成就感，从而激发学生对学习该课程的兴趣;[2]当学生技能掌握到一定程度后，让学生进入仿真项目实训，通过典型的工作项目训练，让学生在实际的工作项目中加深知识点的掌握和融会贯通。传统的项目教学着重与学生的知识型技能的培养，我们则在知识型技能的基础上结合了职业技能的培养，通过和实际工作相仿的工作流项目训练学生的知识型技能和职业技能的训练。

2）改变传统的教学模式，教学过程以学生为主体、老师起到辅助指导的作用

课堂教学变成以学生为中心，采用工作小组合作的方式，培养学生的团队协作能力。在项目教学过程中，老师要站在客户的角度，对作品提出合理的意见和建议，学生要耐心地和老师沟通，合理地表达出自己的创作意图，并且协调老师的需求和自己的创意做出合理的修改。同学们在项目实施过程中，通过分析、制作完成作品主动验证了所学的知识，并根据需求积极探究相关的知识，培养学生创新能力及合作、沟通能力。

3）培养学生的自主学习能力和职业核心能力

项目教学法源于特定的项目案例，项目的实施过程就是一个完整的职业项目的工作过程，通过项目的实施学生真实地融入工作过程，在工作过程中学生不仅获得了贴近企业的职业经验，又进一步加强了专业知识系统化的构建与积累。[3]课程教学内容体系以市场需求为导向、职业能力培养和核心技能传授为出发点，随着市场需求的变化，学习案例及项目要及时替换，从而培养的学生更具备适应社会的职业核心能力。

4）构建素质、技能、知识“三位一体”的全面、可控的个性化考核体系

学生的考核评价体系着重对学生的职业素质、岗位技能、专业知识“三位一体”的综合性评价，如学生的学习态度、专业技能、团结协作能力、语言表达能力等方面进行过程考核，按个人成绩和团队成绩给出综合成绩，针对学生的特点设计个性化的考核方案。

3 项目化教学法在《MUI移动界面设计》教学中的实施步骤

在项目化课程建设中，应准确把握《MUI移动界面设计》课程的特点和规律，重新审视课程培养目标，充分体现学生主体性和实践的主线，进一步调整课程内容结构，通过项目的计划、实施、评价各个环节来组织教学过程、优化教学内容。

1）根据学生的总体水平和行业的具体需求确立典型项目任务

教师设计教学的典型项目任务不仅要考虑教学项目所涵盖的知识点以及行业的需求、学生的知识掌握水平。可以通过对本行业的相关企业进行职场调研及对毕业学生进行跟踪了解，掌握《MUI移动界面设计》课程的职业发展趋势，选择最贴近工作实际的工作项目，企业实际工作案例优先，把基础知识和操作技能渗透到项目的具体实施过程中，所确立的项目任务有2.5D风格图标设计、MBE风格图标设计、扁平化图标设计、线性化图标设计、拟物化图标设计、banner制作、登录界面设计、启动界面设计及新手导航设计。

2）分组组成设计团队，明确项目目标并进行任务分解

结合MUI项目的实际要求，学生根据各自的特点组合，以设计团队的形式进行分组学习和实践，每组确定一名组长，由组长和老师共同商量、根据组内每名学生的特长分配一定的工作额度，尽量做到资源互补、分工协作。另外组长还要总体把控项目的实施过程、合理分配项目任务、协调各部分工作进度。

3）项目的具体实施

《MUI移动界面设计》课程是一门工作过程系统化的课程，这类课程是以工作任务为基础的，然后再对其具体的工作过程进行分析和提炼，逐步解析为具体的工作步骤。以获得应具备的职业能力，并以此职业能力为基础设计课程方案。[4]

项目的实施方案：首先确定本次的项目任务的具体要求，然后针对性地展示的项目案例的一些作品，让学生欣赏后分组讨论作品的闪光点以及改进意见，使之在其中寻找灵感;然后师生共同探究项目背景、受控人群等相关信息，根据分析的收集资料、进行创作。图1是以“扁平图标设计”项目为例，说明项目实施中方案制定的过程。在项目进行中教师提供展示一些有代表性的扁平图标设计案例，其他实施过程中所需要的特殊的资料（如参考案例、目前流行的设计方法等）由学生自行搜集、整理;但是学生在整个过程中可能会遇到一些疑问或不解之处，教师可以进行引导性的指导，同学们也可以互相帮助、共同提高。

师生共同探讨扁平图标制作的方案以及制作过程中要着重注意的地方;学生分组讨论创作的主题、思路以及创意点，组内学生提出不同方案然后分析各个方案的合理性和可行性，并做出适当调整并确定要制作的作品方案。

师生共同分析了解项目的实施细节，并逐步分解项目。组长可以根据组内成员的擅长领域做好详细的项目分工，如表2即是“拟物化图标设计”项目的小组负责人要填写的“项目实施分工表”，组内成员根据各项目环节一步步完成项目的具体步骤：

第一步：分析。着重分析用户视觉感知及用户体验，确定设计图标所传达的信息。

第二步：确定主题。确定制作拟物化图标设计的设计主题、创意的核心点、节奏基调。

第三步：手绘设计。根据设计主题，组内成绩通过手绘方式设计几组图标。

第四步：选稿。小组内讨论几组图标设计的规范性、视觉感知效果，选出最符合主题的设计图标。

第五步：图标色彩确定。根据选定的图标，讨论最适合的配色方案。

第六步：设计出图。分工进行电脑制作。

在项目实施过程中学生体验了项目的制作流程，课程内容不再是单纯的知识和操作技能，更多地侧重于工作流程，包括经验和策略的知识。学生首先在整体上把握项目的需求，进行总体设计，然后细化工作任务进行具体操作，让学生沉浸于实际工作任务的氛围中。[5]

4）以学生为主导开展作品点评

作品的评价也是《MUI移动界面设计》课程项目实施过程中的一项重要环节。具体采用项目答辩的方式，各个小组分别阐述作品表达的主题、主要创意点以及艺术特点等，并简单介绍大致制作过程并要有过程性图片说明，以及制作过程中遇到问题及解决方法等。开展过程中全体同学和老师共同参与，学生可以在评鉴同学的设计作品、分享别人的成果中得到创新历练和提高，提高学生的学习热情。

4 总结

《MUI移动界面设计》课程的项目化教学通过小组协作的方式开展学习，通过完成工程项目来完成知识的学习和工作过程的实践，解决了学生培养适应岗位需求的问题，提高了学生的职业技能和职业素养，培养了学生的团队合作、解决问题以及沟通等各方面的综合能力，提升了学生就业竞争力和创业能力，实现了学校与企业的无缝对接。

参考文献：

[1] 邵俊翔.MUI设计课程教学探讨[J].数字媒体艺术专业科技风，2016（9）.

[2] 刘群，徐艺.以项目化教学为导向的设计概论课程教学探索[J].开封教育学院学報，2017（1）.

[3] 杨志卿.UI设计专业实践课堂教学模式探究[J].美术教育研究，2016（15）.

[4] 韩蕾.基于工作过程的会计项目化教学研究[J].商业经济，2018（1）.

[5] 陈燕.基于项目导向的《手机UI设计与开发》课程设计的探析[J].电脑知识与技术，2014（11）.

[6] 魏士靖.基于互联网的智能手机移动网络界面设计分析[J].现代电子技术，2017（40）.