数字媒体艺术设计专业信息化教学设计初探
方案、《UI界面设计》课程标准，结合作者教材《UI设计——创意表达与实践》。本单元的知识目标是领悟APP界面动效设计的概念、原则与常用表现技法；能力目标是理解以“用户体验为中心”界面设计原则，掌握APP动效策划、图形设计与动效展示；素质目标是培养学生会创意、能沟通、强逻辑、善合作、勤思考、重执行的能力。因此，本单元的学习重点为理解APP界面动效设计的原则，难点为学生把握“以用户体验为中心”的APP界面动效设计表现技法并应用。
（二）教学设计
1.教学理念
本单元的教学设计理念是基于问题式教学（PBL）的翻转课堂学习方式。1969年，PBL（Problem-Based Learning）由美国的神经病学教授Barrows提出，该教学模式强调以学生为中心，以解决问题为主线，教师起到一个引导作用，协助学生解决复杂的、实际的或真实的问题，建构宽广而灵活的知识基础。翻转课堂是相对于传统课堂上讲授知识、课下完成作业的教学方式而言，利用现在多元化的信息资源，课堂上以学生为主体、教师作为指导者，学生带着自主学习过程中存在的问题上课，师生探究合作进行学习互动，从而提高教学效果的—种教学形态。基于问题式的翻转课堂教学，能满足学生好奇心，符合他们的认知构建，提高学生的学习积极性，形成以结果为导向，在解决问题中教学做。
2.教学策略
《APP界面动效设计》单元的教学结果是完成“以用户体验为中心”的APP界面动效设计。以这个结果为导向倒退，学生前期已掌握UI界面元素的绘制与动画设计的基技法。那么静态的APP界面元素可以有多样可能性的动效演示方案，由此提出该单元的核心问题——如何设计符合用户体验的APP界面动效？通过问题展开学习。学生首先开始“思考”——APP界面中包含哪些界面图形元素？APP界面设计的规范是什么？其次完成“讨论”与“方案”，完成APP界面中的元素从策划——视觉设计——动效设计解决方案的可行性分析与规划。
最后根据项目需求，掌握设计技巧，“实施”方案。
因此“问题”——“思考”——“讨论”——“方案”——“实施”是本单元的五个教学环节，每个环节由问题驱动。通过小组讨论、头脑风暴、课堂讲授、独立思考等教学方法完成教学全过程。通过超星网络教学平台进行教学互动，实施监控；智慧职教资源库共享教学所需的各类资源；视频案例、微课、演示动画等信息化手段帮助学生理解重点，突破难点。达成知识在引导应用中内化，技能在解决问题中提升的教学目标（如图2）所示。
（三）教学过程实施
1.课前准备
课前，教师利用超星网络教学平台布置学习任务单，备课并完成整个教学任务的全部部署。提出课前问题——如何制作APP界面动效设计？学生从网络课程平台中领取任务单，思考问题，利用信息化手段完成资料收集，并将调研情况、动效类型分析结果等课前作业上传至网络平台。
2.课堂教学
本模块的课堂教学共分为课前检查——案例讲解——学生提出方案—重难点讲授——学生优化方案五大环节。
首先，教师检查学生课前的自学情况。通过手机点到检查学生出勤情况，学生完成线上问卷，教师掌握课前学习情况，了解学生基础。学生小组讨论分享，将课前各自查找的资料分享心得与困惑，学生互评，教师点评讨论结果。
教师案例讲解，主要针对提升用户体验的APP界面设计要点与关键点。提出问题——学生课前的作业与课上讲解的案例差别是什么？逐一展示案例，讲解提升方法，让学生了解到APP界面中主要动效提升用户体验的途径与方法（如图3）所示。
学生根据课上案例所讲，结合课前作业收集的资料进行分类，研究讨论，提出观点，领悟动效设计的定义与内涵，并从技术上得出优化动态效果方案的规律，提炼可行性原则。
教师点评学生观点，提出错帧动效的原理是什么？教师通过教学资源中的微课、软件实操演示等信息化手段，将知识重点进行分解讲解，得出技术操作过程中的关键要素，帮助学生理解。教师将原理性的难点用动画对比演示的方法，破解从思维上到技术上的难点（如图4）所示。
学生突破技术重难点技巧，提出优化解决问题的方案。通过小组讨论、独立上网查找、实践操作，线上预演等多媒介、多渠道寻找最佳解决方案。学生理解用户行为与动效设计的关系，寻找设计逻辑与技术实现的切入点。通过用户行为分解图、平面软件、三维软件、特效软件等结合使用，完成解决方案的执行尝试，掌握设计技巧。
3.课后拓展
教师布置课后学习任务，并提供设计要求与训练素材。学生通过课上所学，完成符合用户体验的社交APP项目的动效设计模型。学生需要将设计方案的过程图全部保留，对比最初稿与优化稿的差异，领会设计技巧，吃透学习重点与难点。学生与教师在线上互动，提交作业与随时交流，由传统的交流型互动转变为娱乐型社交互动。
4.课程评价
该课程的评价主要由三部分组成，学生互评、教师点评与企业参评。整个课程教学过程中，以学生互评为主，学生在互动交流中理解知识、解决问题，培养团队合作意识，强化执行力。教师通过整个课程的线上辅导与线下教授结合教学，给予过程性的考核评价。课后，教师将学生的作业与练习通过线上方式发给企业专家，让企业行业参与课程考核，并得到有价值的反馈意见，利用信息化手段帮助学生收获符合市场需求的解决方案。
（四）教学效果与创新
1.教学效果
过去采用讲授+实践的传统教学方案，教師注重教学流程的主导性，理论与实践严重脱节，学生感到晦涩难懂，枯燥无趣。现在利用信息化手段，以学生为中心，问题驱动的方法，将信息化媒介、移动终端、学习内容模块化整合创新。学生兴趣度大大提高，课堂气氛活跃，学习效率也得到提升。教学目标达到，教学重难点都已掌握，多元评价体系建立。通过运用信息化技术、搭建数字共享资源、完善信息化教学环境，学生从课前学习、课堂实践、在线测试、过程考核等环节都比传统教学效果上明显提高，学生从被动学习转变成主动学习（如图5）所示。
2.特色与创新
纵观整个课程的信息化教学探索，形成两个明显的教学特色。第一，课程强调教学过程的设计，非教学流程的设计，问题驱动教学，学生由被动学习变为主动学习。从课前学生讨论问题，课中师生共同讨论问题，到学生解决问题，实施完善方案，学生在探寻解决问题中成长。第二，运用信息化手段破解教学重点难点，解决数字媒体技术问题。让APP界面设计元素动起来很容易，但是符合用户体验感受的动效设计确有动画时间节奏把握上的难度，很难用语言说得清楚。将难懂的动画原理用对比演示动画的方式，并结合网络教学平台、微课、移动客户端等信息化技术支持，给学生理解知识上提供帮助。
四、结语
《APP界面动效设计》课程单元充分利用信息化教学技术手段，发挥数字化共享资源，在信息化互动的教学环境中科学合理地安排教学策略、教学方法与教学流程。在信息化的教学设计中不断培养学生的自主学习能力、创新思维能力与技术执行力，同时结合数字媒体艺术设计专业的学科共性与个性，生动参与的课堂体验，有效打通课内外，具有一定的推广价值。
下一篇：社区教育课程开发探讨