您好, 访客   登录/注册

UI界面设计课程教学与改革实践初探

来源:用户上传      作者:赵雪玉

  摘  要 步入泛在物联网时代,UI界面设计逐渐成为高职院校对接互(物)联网时代岗位需求的课程载体。阐述UI界面设计的课程概念、发展现状与趋势,总结并剖析高职院校课程教学中的问题与改革实践举措,为创新型、实践型人才培养提供一种参考方案。
  关键词 UI界面设计;物联网;高职院校;创新型人才
  中图分类号:G642.0    文献标识码:B
  文章编号:1671-489X(2019)23-0098-03
  1 UI界面设计的概念认知与发展趋势
  UI(User Interface,用户界面),从字面来看由“用户”“界面”两个关键词组成,用户与界面间存在固有的人机交互需求[1]。用户界面设计搭建了电子设备与操作者间的交流通道,设计交互界面,从广义角度来看,凡是具有显示界面的设备均涉及界面设计。界面设计以用户需求为导向,确定设计要求与界面风格。用户体验数据显示:简便快捷、易操作、人性化、与产品功能定位契合度高的人机交互界面得到用户的认可,电子产品销量提升明显。概括来看,UI界面设计包含三个主要方面:用户行为研究、交互需求分析、界面设计。
  智能手机、移动智能终端使用已经普及,5G通信已正式进入商业运营阶段,移动通信实现了互联网络时代向物联网时代的转变。网络交互不再受时间、空间与带宽限制,碎片化时间被高效利用,传统PC机时代的应用边界被打破。物联网时代的应用场景是多元化的,应用领域覆盖了社交、购物、移动支付、生活缴费、信息检索查询、服务预订、出行导航等生產、生活相关的领域、行业,“互联网+”与生活、生产深度结合。UI成为人们日常生活的一部分,UI界面设计不断发展创新。从国际来看,UI设计理念实现了更新:背景全屏化、分屏设计化、按钮虚拟化、图层交互嵌套、故事角色化、动态效果增强、色彩排版更细腻、体验支持个性化定制等[2]。
  2 UI界面设计课程教学现状及实施方案
  从国际范围来看,UI技术已引领时代界面,但国内UI设计行业发展并不十分顺利:专业课程开设时间晚、院校数量不足;UI设计培训机构以低端为主;UI设计课程教学经验不足、缺乏积累。教学实践调研数据显示,移动互联网产品在大学生群体已广泛使用,UI设计课程迎合了学生的课程需求,但对设计软件的使用尚停留在初级阶段,常常是眼高手低,软件使用无法得心应手;设计思路存在严重的抄袭倾向,缺乏自主设计能力,难以获得持续性提升。长久以来,“美工”是一个中性偏贬义的词汇,但不可否认,电脑美术基础是UI设计美观性的基础。同时,团队间缺乏协调,用户研究个人主观性强。本文提出两段式课程设计方案。
  临摹优秀作品,提升交互设计与视觉设计技术水平  抄袭现象的存在,客观反映了作业具有一定难度,难以在短期跨越。首先,在技术层面将大目标细分为小目标,由底层向上层设计需求解决方案。合理设置课堂作业难度、梯次配置,可以采用不同技术难度的界面设计作业形式,如具有视觉欣赏性的创意插图、游戏界面,具有一定商业价值的网幅广告画册,包含基本交互设置的课程设计等。课程演示作为主要教学方式,以流程教学为主要内容,训练学生熟练使用设计软件,掌握实用操作技巧。UI界面设计与传统“美工”有本质区别,优秀的设计作品需要电脑美术基础作为支撑[3]。演示教学实操案例是对设计水平的体现,兼具商业价值属性,技术教学具有复制、应用特性。熟练掌握高难度技术,有助于熟练应用设计软件,有助于布局制作流程,有助于深入理解优秀客户设计创意,增强设计信心,设计节奏更加流畅。
  以项目实践培养团队协作能力  项目实践采用分组形式,围绕项目组织教学内容,灵活度高、自主性强,便于调动学习的自主性。教师在课堂扮演引导性角色,培养学生在设计环节“发现—分析—解决”问题的能力,立足以项目为中心的主线,理论知识讲解渗透到具体项目中;理论知识的消化吸收、问题解决方案的制订,在团队的自由发言、讨论、反馈甚至是质疑中完成。每个项目设计差异化、特色化的APP界面,用户需求分析、视觉设计、交互设计应以自身为出发点。进行定制项目模拟开发,制定员工任务分配与团队间协作流程,在实践中完成知识的消化吸收。
  3 更新UI界面设计数字化教学思维
  拓展教学思维边界,融入科技前沿内容  由过去几年的教学实践来看,UI界面设计教学环节与经济社会发展是脱节的,教学内容、教学思路和教学方法与行业动向、岗位需求存在不同程度偏差,教学内容过于单一,片面强调音乐界面设计,忽视了对学生综合技术能力的培养[4]。随着智能移动终端产品的普及与5G通信带宽的提升,新的行业生态与就业岗位正在出现,潜在就业岗位众多。本文观点认为,在UI界面设计课程教学活动开展过程中,应增加手机界面、APP界面、网页界面设计内容占比与教学课时,并紧跟时代需求与行业最新发展动向,帮助学生掌握交互设计、图形设计、界面编排、色彩运用等知识点;不断指导学生接触并掌握界面设计新知识,围绕课堂主题进行自主创意构思;引导学生个性化发展,大力支持多角度、多层次的UI界面设计探索创新。
  重新编排课程结构,优化课时占比  作为数字化设计内容,UI界面设计兼具创新性与实践性,属于网页设计课程的前置基础课程,需要学生全面掌握软件操作技能,具有一定的创意设计思维能力与审美水平。首先,重新编配课时占比,总课时的1/4用于讲解UI数字界面设计理论知识,引导学生自主扩展相关知识,教学形式可采用提问与调查方法,提升理论知识综合运用水平;大二学年,开始进入课程学习阶段,分配1/4课时用于软件临摹操作,在优秀作品临摹过程中熟悉软件操作,穿插UI界面设计数字与色彩操作技能培养;剩余1/2课时围绕创意设计开展实践教学,设计并手绘图标,学生可结合课堂主题在设计软件中实现所设计手绘图标的数字化版本。在创意思维培养与强化的同时,对学生的基础知识与软件操作掌握水平进行有效考查,综合提升学生的设计、实践、创意水平与应用能力。   4 UI界面设计课程教改与实践
  尝试更易调动学习主动性的课程教学方法  开展UI界面设计教学活动,高职教师首先应明确自身定位及在教学中应发挥的作用与实现方法。作为教学引导者,教师所用教学方法的科学性、有效性与可操作性直接关系到教学既定目标实现与学生对知识的掌握程度。教师需要进行深入思考并持续探索的是:采用科学、有效的教学方案来实现既定教学目标,调动学生参与课堂的主观能动性。教师需综合运用授课、展示、讨论、设计、制作、评估等多种教学形式,转变常规单一授课教学思维,灵活构建翻转课堂,让学生在课程中切身体会目标岗位需求,使他们更加积极主动地参与课堂教学与相关训练。
  在课程APP设计环节,教师可以六人小组为单位组织项目活动,安排整体课程教学,协助学生完成课前角色分配与功能定位,划定产品经理、用户行为分析、视觉设计、交互设计等模拟职位;为课下实施的市场分析、用户调查、原型设计等环节提供具体指导;课上进行角色模拟、竞争产品分析、APP产品功能再定位、完善信息网架等環节;模拟商业路演环节,一方面可丰富课堂教学活动,另一方面可调动学生参与热情,训练团队协作、内容组织、语言表达能力。
  引入社会实践与设计竞赛环节  伴随经济水平的提升,人们的生活方式发生转变,第三产业占比升高,设计行业与服务也得到快速发展。艺术设计竞赛的场次增多、层级提升,其中以手机主题设计竞赛、靳埭强设计奖最为知名,已成为设计行业常规竞赛项目。与此同时,部分设计竞赛增设了UI数字界面设计比赛。本文观点认为,教师可适当将设计竞赛活动引入课堂教学环节,或实现二者间的对接,以增强学生的社会实践能力,奠定步入工作岗位的基础。
  如以沈阳地区大学生记账行为调研为主题的设计活动,学院教师引导参与学生采用小组分工形式进行团队间协作,适当提示活动设计方向。学生通过调研得出:现有记账软件只支持文字、图形操作,无法实现手动输入;大学生理财经验不足,最突出的表现是金钱观念薄弱、记账不分类、糊涂记账,甚至自己都看不明白所记账目。决定实施方案
  为:以现有记账软件为基础进行优化创新,APP软件开发定位于语音记账、LBS记账、扫码记账,并动态获取实时定位,支持地理位置记账行为,在手机模拟操作中成功实现,并被推选为国家创新项目课题。
  不难看出,将设计竞赛类活动引入UI界面设计课堂,在教学设计实践中一方面培养了学生的团队协作能力,另一方面积累了社会实践经验,若团队小组能因此获取奖项,也是树立学生学习信心的有效措施,为其就业发展奠定良好基础。
  5 结语
  概括来看,UI界面设计课程改革应以结构重组为突破口,教师依据专业发展趋势和工作岗位需求优化课程结构内容;教学形式与观点应紧跟时代人才需求,综合运用多种教学方法彻底扭转总教学课时短的局面,形成具有课程特色的适用性教学方法,以提升学生的课程参与主动性,增强课程教学效果,帮助学生顺利与工作岗位对接。
  参考文献
  [1]雷菁.高职UI界面设计课程教学实践探索[J].现代信息科技,2019,3(4):96-97.
  [2]巫家欣.试论UI界面设计课程的教学策略[J].中外企业家,2018(32):161.
  [3]沈涵.UI界面设计课程教改实践探索[J].教育教学论坛,2018(43):154-155.
  [4]周婷.高职院校UI界面设计课程设置的构思与创想[J].广东蚕业,2017,51(4):58.
  [5]陆培培.浅析独立学院UI界面设计课程的教学改革[J].美术教育研究,2015(19):123-124.
  [6]林婷婷.UI界面设计课程教改实践探索与思考[J].大众文艺,2016(15):248.
  作者:赵雪玉,辽宁何氏医学院,讲师,研究方向为艺术设计(110163)。
转载注明来源:https://www.xzbu.com/9/view-15203492.htm