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

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

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