学时：72 学时（理论 12 学时/实践 60 学时）
二 课程定位
《UI 交互设计》课程是视觉传达设计专业必修的一门专业核心课程。“UI”热是近几 年来兴起的潮流，国内很多从事手机，软件，网站，增值服务等企业和公司都设立了这个部 门，还有很多专门从事 UI 设计的公司也应运而生。
本课程采用理实一体化教学，具有很强的实践性和应用性。它是利用计算机进行平面设 计、网页设计、美术设计、多媒体应用软件开发制作的重要课程； 是从事平面广告设计、 包装设计、装饰设计、排版编辑、网页制作、图文印刷、动漫、游戏制作等工作的必备核心 课；也是提高学生审美能力、创新能力、设计能力的结合计算机应用软件的典型课程。
七 教材选用及主要参考书建议
教材选用
教材建议选用“十二五”、“十三五”国家规划教材、省部级获奖教材和近三年出版的优 质教材。同时将国内、外优秀的教材作为补充材料推荐给学生。
主要参考书
[1]《创意 UI photoshop 玩转移动 UI 设计》. Art Eyes 设计工作室. 人民邮电出版社， 2015 年
户界面，提出意见。
（2）用户心理研究。
2.实践教学内容：
1．案例分析总结；
2．用户研究。
1
5
（3）用户体验研究的实践教学。
1.理论教学内容： 1）Android 系统界面；
1．不同系统的界面规
4 界面设计
以 PS 或 AI 为工具，设计符合 UI 原则 （2）Iphone 用户界面 ；
的界面
（3）Windows 界面。
知识目标 使学生能熟悉 UI 设计的流程和设计方法，并能使用制作有创意的，充满视觉冲击力的 UI 设计作品。 能力目标 使学生学会系统规划和全局思维，能够完成一整套 UI 系统的设计。具有项目实践创新 能力，在项目实践中具有发现问题、解决问题的能力。具有较强的适应能力和一定的社会交 往的能力。 素养目标 使学生具备能从事 UI 系统的开发与设计能力，培养学生团队合作、及独立思考能力。
（1）一致性：字体、对齐、鼠标、内容与
功能一致等；
2 UI 设计基本 以使用心得感受为例，掌握熟悉设计 （2）准确性；
原则

5
2．设计原则。
2.实践教学内容：
（1）系统操作合理性的实践教学。
1．理论教学内容：
3 用户研究
（1）用户对象研究；
探讨对于现阶段流行手机操作系统用
《UI 交互设计）》 课程教学大纲
（试行）
(课程代码： 13112459)
本课程标准由美术学院视觉传达设计系讨论制定，美术 学院教学工作委员会审定，教务处审核批准。
一 课程基本信息
课程名称：UI 交互设计
课程代码：13112459
课程类别:专业核心课
适用专业：视觉传达设计
课程修读性质:必修
学分： 4.5 学分
四 课程内容
序 号
课程模块
学习目标
学习内容
学习重点
学时 理论 实践
1．理论教学内容：
（1）什么是 UI ；
1 UI 设计基础 以现代智能终端为例，了解 UI 设计。 （2）UI 设计师类别。 2.实践教学内容：
1．掌握 UI 设计类别。 2
10
（1）UI 设计师要做到什么：
（2）市场调查
1．理论教学内容：
4
20
基本实现交互原型设计
2.实践教学内容：
设计。
1、 （2）原型设计实训（通过分组实训，让学
生结合团队的创意及能力分别完成一个网 站原型和一个手机 APP 原型设计）；
五 教学方法、手段建议
本课程主要采用讲授法、案例分析法、任务教学法等方法，课堂讲授采用多媒体教学。
六 课程考核建议
考核方式建议：本课程考试为专业课程考试，采取将平时成绩和期末卷面综合考核的方 式，实行随堂考试，成绩记载采用百分制，其中平时成绩占 30%，期末成绩占 70%。在成绩 评价方式上，应注重学生学习过程评价和能力考核，突出阶段评价，目标评价，理论与实践 一体化评价，注重学生动手能力和分析问题、解决问题能力的考核，关注学生个体差异，鼓 励学生创新实践。教师根据学习目标制定相应的平时和期末考试内容，由学生独立完成。任 课教师根据学生的作业完成质量和评分标准进行成绩评定。课程结束后，由各任课教师按照 美术学院统一制定的专业课程考试成绩评分表，将学生期末考试成绩如实填到评分表上，连 同期末考试作品一起拍照，并交到美术学院实验教学中心存档。
格学习； 2．软件应用；
4
20
2.实践教学内容：
3．图标设计。
（1）软件操作实践教学。
1.理论教学内容： （1）原型软件应用（应用 RP 软件制作出逼
真的、基于 HTML 代码的、交互式网站原型 1．网站原型设计；
通过此软件的入门学习，使学生能够 和 APP 原型）；
5 Axure RP
2．手机应用软件原型
执笔人：熊 璐 审定人：魏官禄
2015 年 7 月制订 2017 年 7 月修订
本课程既可以巩固前期所学的设计基础理论知识和设计软件应用知识，还重在给学生开 拓新的专业知识面，认知一个新的设计领域，从而拓展职业能力和就业选择面。
三 课程目标
学生通过本课程的学习，了解 UI 美工设计的一般思路和过程，掌握并利用设计软件进 行图形图像处理的基本方法和手段。通过整体教学过程，学生能够进行 UI 的相关创意设计， 并具有一定的综合创作能力，同时培养学生创新思维能力和健康的审美意识以及团结协作能 力，为其成长为一名合格的平面设计与制作人员奠定良好的基础，帮助学生在学习制作图像 的过程中，培养审美能力，形成创新意识。
[2]《UI 功夫》. 符德恩，郭纯. 人民邮电出版社，2016 年 [3]《国际经典交互设计教程:界面设计:An introduction to visual communication in ui design》. 大卫·伍德.电子工业出版社，2015 年 [4]《UI 设计与制作》. 黄岩.上海人民美术出版社，2016 年 [5]《精通 Android UI 设计》. Wallace Jackson 等.清华大学出版社，2016 年 [6]《移动应用 UI 设计》. 张晓景，胡克. 人民邮电出版社，2016 年