基于项目导向的UI界面设计课程教学研究.pdf

上海包装总第32 6 期2 0 2 3年第6 期D01:10.19446/ki.1005-9423.2023.06.066.包装教研基于项目导向的UI界面设计课程教学研究熊煜琳武汉华夏理工学院，湖北武汉430 0 7 3摘要：随着数字化信息时代的飞速发展，毕业生的就业竞争越来越激烈。对于高校而言，要提高毕业生就业竞争力，就需要培养学生的综合素养，如以项目为导向的团队协作能力。基于项目导向教学理念，以UI界面设计课程为例，探讨了该课程教学现状，分析了项目导向教学理念实施的必然性，提出了如何更新教学手段来激发学生团队协作意识，以期为课程优化提供参考。关键词：项目导向；教学理念；UI界面设计课程；教学方法分类号：G420UI界面设计课程是高校设计类专业的重要学习内容，是图形与文字设计、版式设计、标志与品牌形象设计等课程基础上的延续和提高。它的核心价值是让学生掌握界面设计能力，提升专业知识和实践操作能力，将各专业课程进行整合应用，但受诸多方面的影响，UI界面设计课程的教学成果并不能完全顺应市场需求。在当前UI界面设计课程教学过程中，部分教师仍使用传统的教学方法，以课本知识为主要教学内容，重视理论教学，忽视理论与实践相结合，导致学生缺乏许多实践操作机会，限定了学科和学生的发展。因此，在国家大力培养专业技术人才的新环境下，UI界面设计课程要转变以往的教学方法，突破传统教学理念的束缚，让学生提高内驱力，以项目为导向开展学习，融合线下与线上教学的内容，激发学生主观能动性，进而完善实践操作能力，成长为综合型人才。1UI 界面设计课程教学存在的问题UI界面设计也被称为当代的新媒体，该课程主要讲解UI界面设计中的基本方法、设计流程、设计规范和常规设计方法。注重培养学生图形设计、版式设计、收稿日期：2 0 2 3-0 5-2 5作者简介：熊煜琳，女，硕士，研究方向为UI界面设计、动态设计。字体设计和移动端App开发流程等知识的综合应用能力。当前，高校UI界面设计课程教学过程中还存在以下几个问题。（1）理论与实践不能很好地结合。目前，UI界面设计课程是以教师为主、学生为辅的课程模式进行，重点讲解UI设计概念基础、案例分析等知识点，缺乏具体的实战训练，导致学生被动学习，缺乏内在驱动力。这种以理论性知识为中心的“填鸭式”教学方式，很难从根本上解决问题，也不能有效提高学生实践动手能力，学生只能通过各单元的知识点进行孤立设计，无法进行UI的全流程设计。（2）教学方式比较单一。目前，有些教师在UI界面设计课程教学过程中的教学方式单一，以口头讲授为主、实操演练为辅，学生在整个学习过程中都是被动地接受，无法激起学生的兴趣，讲授的内容不能和真实的工作内容相结合，导致学生无法掌握更多的设计技能。（3）课程时间短。UI界面设计作为重要的专业课程，一般为48 学时，教师为了在课堂上将所有的知识点按照大纲讲解完，往往会把注意力集中在最终的界面设计呈现上，导致学生认为UI界面设计只是信息编排，对App的人群定位、信息架构、页面交互等知识点生疏，对知识缺乏整体性掌握，日后在遇到设计难题时，无法调动储备知识。（4）忽视学生间的个体差异。容易受个人设计基础能力等因素的影响，对于所学知识的理解与把握也有很大的差别。单纯依靠课堂授课和课后作业，很难保证教师可以对每个学生的学习状况有足够的了解，同时忽略学生之间各自的专长。针对这一现状，面向“0 0”后大学生“以项目为导向”的UI界面设计课程线上和线下相结合的教学模式具有重要的应用价值。这种方法采用了组建项目小组的方式，依托云端实时协助的平台，将项目与理论知识融合起来，并将其引人线上教学管理平台中，从而提升学生学习的自驱力和将理论与实践相结合的能力。205包装教研2023年第6 期总第3 2 6 期上海包装2项目导向教学理念对UI界面设计课程教学提出的要求2.1突出教学的重点UI界面设计主要包括移动端和PC端的界面人机交互、操作逻辑、界面美观设计。使用美观、舒适的界面，能够给使用者带来良好的界面体验，以便用户轻松地传递信息，甚至更轻易地触达亿万用户，产生更庞大的商业价值。随着移动互联网的发展和新技术的产生，产品升级换代的速度越来越快，消费者对页面设计的要求越来越高。这种发展需求给UI设计带来了新的变革契机，主要表现为更加人性化的人机交互设计，更加反映出时代审美需求。UI界面设计课程的教学重点是让学生设计出的页面交互设计合理、图形设计美观、符合客户需求等。因此，在教学过程中，不能单单依靠学生自身的审美取向，而是要紧跟时代的发展趋势，基于项目导向理念，让学生的设计结果向目标客户的需求靠拢，进而提高页面使用的便捷性和满意度。教师更要注意紧紧抓住课程的重点，在指导学生的过程中对重点有更准确的把握2。2.2明确UI界面设计教学目标一切行动都是由导向决定的。从宏观上说，培养人的全面发展是高校教育的中心任务。在这一目标的指导下，应该以UI界面设计课程的特点为基础，对微观层面上的教学目标进行细化，如知识传授、素质提高等，然后有针对性地选择一些具有指导意义的企业项目，以此增强教学的针对性和实效性。从本质上而言，UI界面设计课程的教学属于一个循序渐进的过程，需要对学生的个性差异和现有水平进行全面考察，遵循以人为本、因材施教的原则，对课程项目进行合理的设计。同时，各教学团队应建立和完善课程教学管理，结合实际需要，有针对性地进行教学资源的整合。在这一过程中，也需要定期组织教研和培训，不断更新教师的观念，增强教师的创新意识和服务能力，为优化课程设计提供支撑。2.3持续性创新教学方法在确定项目导向后，UI界面设计还要求教师对课程的教学内容进行细致的分析，合理选择教学方法。例如，在课程设计阶段，教师可以对其涉及的知识重难点展开初步解读，并将其与技能培养有机结合起来，与相应的项目相结合，如项目的痛点、人群画像、使用场景等，以文字、声音、视频等方式呈现，营造一206种具象化的操作情景，从而激发学生的主动参与的兴趣。在此基础上，教师还可以给学生布置一些相关的任务，让学生以小组的方式进行合作探究，以此测试其思维能力、应变能力、合作能力和解决实际问题的能力。虽然学生的主观能动性很重要，但是教师的主导作用最为关键。因此，在整个教学过程中，教师要注意组织实施，提高课程教学质量。3以项目为导向的UI界面设计课程教学实践3.1针对教学要求设置项目小组对高校的学生来说，在刚开始接触UI界面设计时会认为只是在画板上进行信息编排，实则学生需要在整个过程中掌握前期的App概念设计、中期的界面设计、后期的交互设计等，整个知识点是比较抽象，也比较复杂。因此，学生的知识学习能力和实践能力受到了限制。仅仅依靠个人能力，学生很难将项目进行到底，也可能遭遇很多挫折，从而丧失对UI界面设计的学习兴趣。为此，以项目为导向的教学理念要求教师要激发学生的团队协作能力，以小组合作方式不断激发自身的学习能力，提高实践操作技能。在教学过程中，教师要利用合作学习的功能，让学生在小组中就某个项目进行合作讨论、分析、实践，并承担各种设计任务，从而落实“责任到人”，真正地发挥自主性，提高学习效率。通常来说，教师要根据“同组异质”的原则，建立一个小组，确保小组成员学习能力和实践能力有所差别，并鼓励学生找到生活中的痛点，以任务中的项目为中心对任务要求进行分析，然后由组长将任务分配到每个组员身上，最后整合成为一个整体。这样的方法在满足学生的理论知识学习的前提下，还能够让他们在互帮互助中成功完成项目要求，并对基础知识有一定的了解 4。例如，学生模拟给电商平台设计UI界面，在拿到设计项目的主题后，各小组应对市面上成熟的电商App进行竞品分析，分析人群定位、风格走向、商业画布等，并对页面的设计规范尝试讨论和研究。在进行完项目导入后，各小组就要进行情景导入，如各组的电商App能解决什么使用痛点，和其他同类型软件有什么区别，在进行完一整套的逻辑梳理后，再进行信息架构，然后细分到每名组员，如设计ICON、原型图、状态栏、导航栏、功能区、金刚区等。设计完成后，要开展评比，让全体学生对各自队伍设计内容进行评上海包装总第32 6 期2 0 2 3年第6 期包装教研分。评分完成后，可以交换设计课题，再进行二次评分，最后进行排名，激发学生的竞争意识和学习动力。3.2设置以项目为导向、以就业为目标的课程教学体系以项目为导向的教学理念，要求教师在教学中，以按照教学内容与学生发展情况为依据，设计出项目的各个学习环节，从而实现以项目为导向、以就业为目标的课程教学体系，从而激发学生自我探索学习欲望，提高对课程的理解和认知能力。因此，教师在UI界面设计教学时，要针对新知识、重难点知识设置和研究课题，并通过线上资源库、实际交互演示等方式展现给学生。在产品细节设计过程中，教师首先要对课本知识进行深入研究，挖掘出其中设计重点和难点，并以此为依据，为学生创造一个设计情境，如有没有可能通过手机就能检测视力、为智能家居系统设置一款App、适老化App设计，等等 5。在这种情景下，学生既能对设计任务感兴趣，又能把握学习的方向，从而为实施自主学习打下良好的基础。同时，教师也可以将自已设计的页面作为案例展现给学生，减少设计的难度，掌握设计的正确脉络。3.3注重激发学生团队合作意识以项目为导向的教学理念还重视学生的团队协作能力培养，因此，在教学环节中，教师可以要求学生按照小组方式，开展合作学习。教师可以让学生以小组为单位，设计一款App产品，覆盖从用户研究、交互设计、视觉设计等方面，并按照互联网产品团队的岗位进行模拟，构建一个设计团队。然后，每个人承担不同的职位，开展分工作业。例如，用户研究人员要使用思维导图构建整体设计思想；产品经理要使用Axure、即时设计设计交互图；界面设计要使用即时设计、Sketch、Fi g m a 等云端多人实时协作平台进行界面设计，完成设计规范；交互设计要使用Protopie等交互设计工具完成页面的跳转。UI界面设计要求学生要拥有良好的审美素养、过硬的专业能力、灵活使用设计软件的能力。教师在分配小组任务的时候，要注意按照不同学生的学习能力，开展精准化教学。例如，有的学生擅长创新和构思，就应该作为设计方案的策划，有的学生使用软件能力过硬，就应该作为设计人员。明确分工可以让整个小组人员各司其职，心往一处想、劲往一处使，更好地完成教师布置的项目，最大限度地提高团队合作能力。3.4做好教学答疑工作，优化课程评价为了让每一位学生都参与到设计过程中，要设计项目表，记录整个小组在设计过程中的表现，包括参与度、与他人配合质量、设计成果等，以便在信息分析过程中找出学生存在的问题。同时，教师要按照团队协作记录表，积极开展各环节的答疑工作，不断完善评价机制。在评价过程中，教师要认真观察学生完成项目的表现，并对其背后反映出的学生综合能力进行分析，指出学生能力的不足之处，激励学生努力改正。同时，课程组应快速建好课程模式，将UI界面设计课程分为过程考核成绩、终结性考核成绩两个部分，过程考核成绩包含课堂表现、平时练习、出勤，终结性考核从参与项目设计的成果质量给予评分。这样一来，学生不仅能够认真完成课程，还能不断完善自身的理论与实践能力，掌握更多的设计技巧，让自己已成为贴近市场经济的发展需求的人才。4结语综上所述，高校要以项目为导向，积极更新教学模式，提高UI界面设计教学质量。在教学过程中，教师要设置以项目为导向、以就业为目标的课程教学体系。同时，要做好各环节的教学答疑工作，优化课程评价，进而培养出更加适合市场竞争的人才，提高高校学生的就业综合能力。参考文献1肖文婷.用户界面设计课程中设计思维的培养 .装饰,2 0 2 0(4):130-131.2黄燕云.新媒体技术推动“界面交互设计”课程教学实践探索 1.天南,2 0 2 2(4):119-12 1.3李莹,梁爽基于移动端界面UI设计的教学创新探究 .吉林省教育学院学报,2 0 2 2,38(7):12 8-131.4李倩雯.基于混合式教学模式的数字媒体界面设计课程改革研究 1.工业设计,2 0 2 2(5):41-43.5谭维,贡琰“互联网+背景下UI界面设计教学探索与课程实践 装饰,2 0 2 0(2):136-137.207