基于CDIO模式的“UI界面设计”课程教学研究与实践

张立杨

摘要：“UI界面设计”属于比较新的课程，该课程是高校视觉传达设计专业重要专业平台课。本文分别对CDIO教育理念和“UI界面设计”课程设置进行分析研究，把这种成熟的工科教学理念与设计学科技术性很强的课程结合，从而设计出一套切实可行的设计专业课程，以打造合理、科学、高效的课堂。

关键词：CDIO模式；UI界面设计；课程教学；研究

UI界面设计是近几年发展起来的一门新型课程，它的综合性比较强，涉及了视觉传达、网络、计算机等不同的学科，它是视觉传达设计专业的一门专业平台课程。随着科技的进步，智能手机成为人们生活的必备品，人们在使用高科技的同时也追求设计感十足的界面设计。移动手机端UI界面设计从用户使用角度为切入点，满足用户的心理需求和视觉美感享受。为了符合时代发展需求和科技的进步，高校设计和相关专业也逐渐加强了对UI界面的研发和设计等方面的教学研究，开设相关的课程教学为社会培养了大批的设计专业人才。但是，高校对于UI界面设计课程的开设方式和人才的培养教学体系还不完善，仍然存在很多实际问题，需要教师在课程教学环节及实践过程中不断地进行探索，在实践中完善课程配置，逐步提高教学质量，最终目的是要为企业、行业培养一批具有专业素质的应用设计型人才。本文通过结合CDIO教育模式的教育理念，以社会企业的需求为目标，对UI界面设计的课程布置合理化分配和实践教学研究进行分析。

一、CDIO教学模式概述

CDIO其主要含义是由四个英文单词构成，分别代表了构思（Conceiving）、设计（Designing）、实现（Implementing）以及运作（Operation）的意思。这种教育观念对课程的设计以及人才的培养能够发挥比较积极的作用，尤其是针对应用设计型人才的培养，是一种理念非常先进的教育模式体系。我国高等院校艺术设计学科课程的教学研究显示，利用CDIO模式能够系统地对学生进行培养，重视学生的实践能力，帮助学生在实践中扎实基本功，发挥自身的主观能动性和创新意识。具体到UI界面设计课程中，CDIO教学模式正好是以设计产品的整个周期进行安排的。从构思、草图、界面布局设计、流程设计、功能研发一直到产品的运行等，让学生全过程地参与其中，并且充分发挥自身的主观能动性，亲身实践，从个人能力、团队能力以及学生的专业基础知识等方面培养学生，最终全面提升学生的综合素质。

二、UI界面设计课程教学现状分析

UI界面设计属于一门综合性比较强的设计专业课程，涉及的学科比较多，内容体系比较庞大，课程设计复杂。这门课程以培养学生综合设计能力、创意思维、创新能力与实践能力为目的，进行创新设计能力和产品设计综合能力训练，使学生掌握创新设计技法、UI界面系统视觉方案设计、布局和交互设计的综合方法。互联网飞速发展的今天，数字产品更新换代比较快，满足人们功能实用需求的同时，对界面布局和审美的需求也越来越高。UI界面设计能够从用户心理出发，针对用户的需求、个性体驗、审美感官等对软件设计，使其符合用户的操作习惯以及视觉舒适程度。当前，UI界面设计处于迅猛发展的状态，市场需求比较多、专业性人才少，成为当前UI界面设计领域的一个难题。伴随用人市场的需求，我国高等院校的艺术设计学院视觉传达设计专业开设相关的教学课程，课程设置综合了计算机专业基础知识、心理学、美学、设计原理等相关学科知识，是一门紧密联系市场，以产品研发为目的的理论性和实践性相结合的跨专业性设计课程。

目前课程设置现状是：1.教学注重理论性研究，对实际项目的引用和实践方向侧重较少； 2.课程设置的内容更新速度比较慢，不能跟上社会的需求，不能引进成功项目为辅助指导，实用类的内容较少；3.实践练习课程仅仅是对理论知识的阐述，大部分是虚拟产品设计，缺少后期测试环节，对学生的实践创意没有实际性的指导，理论研究过于学院派，导致学生的理解与社会发展脱节。

三、基于CDIO模式下的UI界面设计课程内容研究

CDIO教学模式是构思——设计——实现——运作为一体，不但能够扎实学生的理论知识，同时注重在实践中提升学生自身能力的教育模式。这种教育模式符合“UI界面设计”的教学环境。从教学内容和目的出发，这种教学模式注重学生自主实践的设计环节和创意实施呈现的过程。研究发现参照欧美二十多年来CDIO工程教育改革的理念，提出了具有可操作性的课程设置内容，并在教学中具体实施。这套新的教学实践方法注重学生的能力培养、实践，具有完整合理的测评、反馈的标准。这种教学理念的结合可以为艺术设计专业培养基础知识扎实、个人能力突出、具有团队合作能力的人才。还可以解决目前UI界面设计课程中存在的问题，提高教学质量的同时也提升教师的个人业务能力。

（一）课程教学内容的设计

目前高等院校视觉传达设计专业课的 “UI界面设计”课程均是围绕着智能手机界面设计展开的。本次教学课程的设置是结合实际产品设计项目引入课程，进行实践性教学，将项目分解为学生可以操作的不同阶段的教学内容，然后制订出不同的教学目标。学生在学习过程中可以循序渐进地掌握理论知识并熟悉技术操作技能，逐步实现独立设计的能力。教学内容围绕CDIO模式的四个环节展开：

1.构思环节，主要是引入多套完整的移动手机端应用UI界面设计，在教学中进行比较分析，以教师讲解为主，要求学生在学习完成后能够熟悉UI界面设计的一些规范，进行构思。

2.设计阶段，通过第一阶段的学习和了解进行草图设计，把构思方法以设计的手段进行呈现。

3.实现阶段，即能力提升阶段，学生在该阶段要进行智能手机功能界面、手机列表、待机界面等项目的学习，在学习过程中必须严格按照项目规定的标准进行，并且操作要符合设计规范要求，主要是要培养学生对独立进行项目的实施安排，学习过程中规范草图，实现设计草图各个环节。

4.运作阶段，即综合能力运用，在该阶段，学生需要大量地收集素材比较分析，，在该阶段学生要独立进行设计研发，解决各种交互技术上的问题。学生在过程中要明白自身的责任以及在团队中的角色等，学会团队合作，并且要明白UI界面设计开发的一系列工作流程。通过该阶段的实践，掌握UI开发的流程、设计工艺如何呈现。同时还要对设计研发对象进行测试，完成产品最终的设计，完成整个课程的教学环节。endprint

（二）教学方法研究

基于CDIO模式下的UI界面课程教学，需要在校内及企业进行实际的操作，对于教师来说，必须要为学生提供足够的帮助，比如为学生提供优秀作品、角色扮演、教学设置、现场讲解等，并且要引导学生学会观察，通过不同的教学措施开展实践性的教学活动。学生是产品研发设计实施的主体，教师必须要给予学生足够的自信心，让学生能够主动地参与到开发项目当中，学会团队合作。教师在教学过程中是项目的组织者以及教学活动引导者，在实践教学活动中，通过产品开发设计，要让学生在学习过程中，熟悉设计规范的同时，也能加强自身的创新能力以及专业素质水平。

（三）实践环节

在实践环节，学生要进行产品设计对比分析、收集素材、进行用户分析。这类产品研发的实践，教师可以采用作品赏析、分组讨论等措施，帮助学生完成最初构思阶段的训练。让学生了解UI界面设计的一些设计规范及基本操作技能，进行第二阶段设计环节的教学。在实训过程中，教师要引导学生采取角色扮演的方式进行分析，站在不同角度进行分析、启发。然后根据这些问题提出自己的意见，逐步开发学生的创新能力，完成第三阶段的实现。在企业内必须要求学生严格遵守企业的规章制度，在学习技能的同时，也感受企业文化内涵，培养学生的基本职业操守以及团队协作精神。

四、总结：

对于UI界面设计的教学来说，硬件设施的完善仅仅是一个方面，我们也需要加强师资队伍的培训。CDIO模式的开展要求教师要具备扎实的专业理论知识，同时具备实际的项目研发经验，对产品的设计、实施及运行要有独立完成的经历。基于CDIO模式下的UI界面设计教学是成功的课堂转型，既丰富了课堂也提高了学生自主学习的综合能力，同时为校企合作提供了新的平台。在教学活动的实施过程中，学生可以积极参与到项目的设计和研发活动中，缩短了学生到职业人的转变过程，为就业带来便利。“UI界面设计”课程教学借鉴 CDIO 模式，以课程设置与实践环节为切入点，课程设置坚持理论联系实践，重点培养学生实践能力，为艺术设计课程带来了新的教学体验。

参考文献：

[1]董洋溢，崔岩，张淑丽，陈世亮.基于CDIO模式的课程教学设计与实践[J].中国教育技术装备，2015，（01）.

[2]顾佩华.CDIO大纲与标准[M].广东：汕头大学出版社，2008.

[3]顧佩华，等.从CDIO到EIP-CDIO：汕头大学工程教育与人才培养模式探索[J].高等工程教育研究，2008，（1）.

[4]张娟.基于CDIO模式的VB程序设计课程教学改革与实践[J].教育与职业，2014，（1）.

[5]胡兴志，丁飞己，王纪坤.从CDIO教学大纲变动看CDIO课程改革[J].高等工程教育研究.2015，（03）.endprint