常裕文档网    > 范文大全 > 公文范文 >

基于工业设计专业的UI课程教学模式研究

时间:2022-03-11 09:59:14  浏览次数:

材料显示,当前国内达到UI设计师专业水平者只有8000人,而市场需求目前最少有15万人的缺口。可以说有产品的地方就需要专业UI设计师②。可见,UI设计师是现今数码时代的高薪领导者,同时也是毕业生梦寐以求的就业通道;然而,国内很少有本科院校独立设置该专业,市面上可自学的UI书籍内容较浅(PS制作内容居多),导致很多设计师只能在没有系统知识结构的基础上自己摸索,很大程度上限制了UI的发展。

二 UI课程体系研究

基于UI设计的三大部分——用户研究、交互设计和视觉设计,UI课程群体系将相对应设置以下教学内容:

图1 UI课程群体系

1.用户研究

用户研究阶段主要包括三个方向的教学内容,分别为人机工程学、认知心理学和用户调研。人机工程学是把人—机—环境系统作为研究的基本对象,运用生理学、心理学和其他有关学科知识,根据人和机器的条件和特点,合理分配人和机器承担的操作职能,并使之相互适应,从而为人创造出舒适和安全的工作环境,使工效达到最优的一门综合性学科③。认知心理学主要是研究用户本体对认知信息的再加工,包括信息接收、编码、储存、操作、提取和使用的过程,对界面设计中的信息架构有着指导性的作用。用户调研主要有以下几种形式,参观、用户访谈、问卷调查、专题讨论、现场观察和访谈、跟踪调查、查询资料等④;是用户研究最常用的数据提取方法,包括如何设计问卷、如何进行访谈以及数据统计分析。

2.交互设计

交互设计主要分为界面Demo信息架构和流程图原型绘制,主要培养学生对于庞大数据信息的分析、整理能力,如何进行信息主次类别关联,并能够重新界定软件需求,进而快捷地呈现用户所需信息,如引导页、导航区和功能操作区的设置等。

3.视觉设计

视觉设计是UI设计中最具表现力的环节,也是多数工业设计专业学生从事UI行业的首要任务;该部分着重培养学生的设计美学素养、图标icon绘制能力以及高保真原型图的制作能力,具体教学内容分为四大部分,基础、专题、实践及应用部分(如图2)。

图2 UI视觉设计教学内容

在基础部分中,主要是针对如何区别界面设计的品质优劣,UI设计准则以及原型制作所使用的软件工具进行简要介绍,使学生能够正确了解UI视觉设计的整个步骤和过程。专题部分主要是针对UI视觉设计过程中所需的各项知识进行逐个讲解;其中,着重讲解三大系统(尤其是IOS和Android)的界面特点以及各系统的设计规范,避免学生在设计版面信息时出现系统错乱,如IOS和Android系统状态栏、工具栏信息呈现方式的区别。在PS绘制icon过程中,主要针对图层混合模式、路径工具的加减交等进行培训,就拟物化和扁平化风格进行实践绘制。UI视觉设计阶段一般使用专业快速原型设计软件Axcure RP,使学生能够简单快速表达初步的设计意图。在应用部分中,通过PS和Axcure的软件结合使用,制作移动数据端APP高保真模型,包括图标设计、色彩配置、交互原型以及动画制作等。

三 UI课程体系的教学实践——以手机购物APP为例

1.设计说明

该软件是基于IOS系统的一种既安全又便捷的同城超市手机购物APP——爱购。作为同城超市的一个信息交易平台,爱购向用户提供各种优惠活动以及产品分类信息。爱购采用简约的搜索引擎,能够快速呈现所需产品在各超市中的详细信息,方便用户进行价格和其他方面的比较。爱购的配送方式遵循就近原则,很短时间便会收到所购物品,真正地实现:爱购——I’ll go。

2.方案展示

该购物APP图标设计(如图3)采取手写体“go”的变形,心形暗示随心购、随意购;主色使用红色系#C85A5A,并配以其他辅色,整体给予用户舒适体验。

此款购物APP中的数据统计采用趣味曲线图、饼形图,并实现实时互动,及时记录相关数据,实现数据视觉化、统计实时化;其中部分界面采用多种临时构图,临时窗口显示时,会置于当前视图的最顶层,其他图像则会以黑色半透明遮罩效果显示,使主任务和子任务能够很好地交互使用。

该款购物APP整体设计现代感强,版面信息气氛轻松愉悦,且操作方便快捷,给予用户真正自由畅快的购物交互体验。

图3 爱购APP图标

四 结束语

UI设计课程是工业设计专业教学发展中的新领域,是工业设计适应市场人才需求的新方向。因此,针对现有专业教学中的缺失与不足,应当逐渐建立关于UI教学课程的结构体系;只有从根本上建立一种科学的、系统的、适用性更强的教学体系,才能真正达到工业设计专业应用型人才培养的教学目标,继而培养出适应现代社会所需求的创新型设计人才。

注 释

①王波、吕曦.数字媒体界面艺术设计[M].重庆:西南师范大学出版社,2011

推荐访问:工业设计 教学模式 课程 研究 专业


[基于工业设计专业的UI课程教学模式研究]相关文章