交互设计

教师团队:5 人 单位:上海工艺美术职业学院
考试测验: 0 实训任务:0
习题数量: 53 素材数量:461
本课程是广告设计与制作专业的核心课程,建议课时数54,其中实训课时数36,共计3学分。适用于高等职业学校广告设计专业、工业设计、交互设计和平面设计专业,其主要功能是使学生了解界面设计与制作的基础知识,具备界面设计的工作能力,能胜任不同操作系统下互动广告界面设计岗位。 本课程在学...

每日收藏

+0.5 知币

课程详情 开课列表

课程简介

本课程是广告设计与制作专业的核心课程,建议课时数54,其中实训课时数36,共计3学分。适用于高等职业学校广告设计专业、工业设计、交互设计和平面设计专业,其主要功能是使学生了解界面设计与制作的基础知识,具备界面设计的工作能力,能胜任不同操作系统下互动广告界面设计岗位。 本课程在学生已经学习了《PS数字技术综合运用》、《AI数字技术综合运用》等软件基础课程课的基础上,与《AE数字技术综合运用》、《PR数字技术综合运用》《创意策划》课程同时开设,以强化广告设计与制作专业学生的综合设计能力,使他们能够更好的驾驭不同媒体的创意设计。 本课程是一门以操作技能为核心内容的课程,其教学要以实际操作为主要方法,结合高职类院校学生的学习规律,由浅入深,首先从理论基础入手,介绍手机界面设计相关知识,再通过对具体设计实例的解析,尽量把设计概念、设计流程、设计规范、设计方法等知识融入到实践操作中,实行理论与实践一体化教学。 依据上述课程目标定位,本课程从工作任务、知识要求与技能要求三个维度对课程内容进行规划与设计,以使课程内容更好地与界面设计岗位要求相结合。共划分了用户研究、交互设计、视觉设计和设计评价四个主要工作任务,知识与技能内容则依据工作任务完成的需要进行确定,分析过程中尤其注意了整个内容的完整性,以及知识与技能的相关性,教材编写、教师授课、教学评价都应在依据这一目标定位进行。

课程概述

课程目录

  • 交互设计基础
  • 用户研究
  • 低保真交互设计
  • 高保真视觉界面设计
  • 交互动效设计

课程标准

交互设计》课程标准

 

课程代码


课程名称

交互设计

课程类别

专业技能课程(B类)

学期安排

大二第二学期

适用专业

广告设计与制作,平面设计,工业设计,交互设计

学时分配

总学分:3

总课时:54

理论课时:18

实践课时:36

课程描述

本课程是广告设计与制作专业的核心课程,适用于高等职业学校广告设计专业、工业设计、交互设计和平面设计专业,其主要功能是使学生了解互动广告设计的基础知识,具备交互设计的工作能力,能胜任不同操作系统下交互设计岗位

制订日期

2020.10.20

 

 

一、前言

(一)课程性质

(描述课程设置的依据,本课程在专业课程体系中的地位与作用,与人才规格的关联度,联系职业目标和教育目标)

随着移动互联网的飞速发展,互动广告的开发和设计成为各大4A广告公司、互联网公司和其他各行各业非常重要的部分,也是行业内设置的非常重要的就业岗位。而交互设计作为互动广告设计中能够被用户直接感知的部分,对一款互动广告的成功与否起到决定性的作用。因此,本课程在广告设计与制作专业的课程体系中处于重要地位。

本课程的目的是培养能够根据设计目标准确获取客户需求数据,熟练进行互动广告界面交互概念设计、视觉界面详细设计以及方案演示动画设计的交互设计人才。立足这一目的,本课程结合高职学生的学习能力水平与交互设计岗位的职业能力要求,依据交互设计所涉及的主要内容共制定了四条课程目标。这四条目标分别涉及的是用户研究、交互概念设计、视觉界面详细设计和设计方案演示动画设计。教材编写、教师授课、教学评价都应在依据这一目标定位进行。

 

(二)设计思路

(侧重课程核心内容确定的依据和课时学期安排等说明)

依据上述课程目标定位,本课程从工作任务、知识要求与技能要求三个维度对课程内容进行规划与设计,以使课程内容更好地与视觉界面设计岗位要求相结合。共划分了用户研究、交互概念设计、视觉界面详细设计和设计方案演示动画设计四大工作任务,知识与技能内容则依据工作任务完成的需要进行确定。分析过程中尤其注意了整个内容的完整性,以及知识与技能的相关性。在对知识与技能的描述上也力求详细与准确。技能及其学习要求采取了“能做……”的形式进行描述,知识及其学习要求则采取了“能描述……”、“能识记……”和“能理解……”的形式进行描述。

本课程是一门以操作技能为核心内容的课程,其教学要以实际操作为主要方法,并尽量把概念、设计流程、设计规范、设计理念等知识融入到实践操作中,实行理论与实践一体化教学。教学主要在多媒体机房完成,辅助以大教室和会议室来进行用户研究和概念方案头脑风暴。在学校情境中,建议结合具体的交互设计项目实施项目教学。可设计的项目建设是高职学生比较熟悉和容易驾驭的音乐、旅行、社交、学习、美食、拍照类应用。本课程的教学尤其要注意强化以用户为中心的设计理念和实际设计技能的训练。

本课程建议课时数72,其中实训课时数52,共计3学分。

 

(三)前序及后续课程

本课程在学生已经学习了《PS数字技术综合运用》、《AI数字技术综合运用》等软件基础课程课的基础上,与《AE数字技术综合运用》、《PR数字技术综合运用》《创意策划》课程同时开设,以强化广告设计与制作专业学生的综合设计能力,使他们能够更好的驾驭不同媒体的广告创意设计。

 

二、课程目标

职业能力培养目标(认知目标、素养目标、技能目标):

1.知识目标

了解互动广告的背景历史、新技术和设计趋势、设计概念、类型和形式,掌握设计制作互动广告的用户研究方法(观察法、问卷法、焦点小组法)以及用户数据的Persona用户角色分析法。

了解交互广告界面设计的流程,互动设计的原则、界面设计要素;掌握以用户体验为中心的设计理念,学会交互概念设计方法和设计信息架构的内涵。

了解视觉互动界面设计的流程,界面色彩设计、版式设计、字体运用等基础知识;掌握Moodboar情绪板的方法和意义。

2.能力目标

能够针对设计目标选用观察法、问卷法、焦点小组法,收集用户数据,使用Persona方法进行用户数据和需求分析,提炼用户核心需求。

能够根据目标用户核心需求,进行互动广告交互界面概念设计,掌握设计信息架构设计方法,对设计方案能够运用Axure软件进行设计实现。

能够根据交互界面设计方案进行互动广告视觉界面设计,掌握视觉界面风格确定的方法,不同系统视觉界面设计规范,视觉界面设计相关色彩设计、板式设计等。

能够运用AE或者H5在线工具对交互设计方案进行简单地演示动画设计。

 

3.素养目标

通过虚拟项目操作,使学生熟悉企业互动广告设计和制作的工作流程和方法,养成良好的学习和工作习惯。

通过小组项目教学,提高学生团队协作能力和沟通能力。

通过项目汇报和成果互评,提高学生表达能力,审美分析能力。

 

    三、课程内容和要求

序号

项目名称

教学内容

教学重点难点

知识要求

能力要求

参考课时

理论

实训

1

 

 

 

 

 

 

用户研究

知识1:以用户体验为中心的互动广告设计;

知识2:用户体验概念以及研究方法;

 

技能1:使用persona分析用户研究数据,并进行需求提炼。

重点:

1. 以用户体验为中心的设计概念;

2. 用户数据分析方法Persona。

 

难点:

Persona人物角色制作,提炼核心需求。

1.能识记用户研究的概念、目标和意;

2.能定位和描述目标用户的特征;l3.能识记并理解卡片分类法的基础知识;

4.能识记并理解问卷法的基础知识;

5.能识记并理解焦点小组法的基础知识;

6.能识记Persona用户研究方法的关键。

1.能根据设计目标准确定位目标用户、制定用户研究方案;

2.能够正确使用卡片分类法收集用户需求和视觉偏好;

3.能够独立使用问卷法收集用户数据;

4.能够正确使用焦点小组法开展用户研究活动,收集用户需求、视觉偏好等数据;

5能够根据用户研究数据制作2个person用户角色。

 

 

 

 

 

4 

 

 

 

 

 

8

2

交互概念低保真设计

知识1:交互原型界面设计流程;

知识2:运用思维导图进行创意发散;

知识3:交互设计原则;

知识:交互设计要素。

技能:利用草图和Axure软件进行交互界面设计。

重点:

1. 交互原型界面设计流程及概念;

2. 交互设计原则及概念;

3. 交互设计要素之创意、设计、形式;

4. 运用AXURE草图绘制交互界面设计方法。

 

难点:

1. 根据persona核心需求进行交互设计

2. Axure软件进行交互界面设计制作。

1. 基于用户核心需求和市场分析结果进行交互界面设计头脑风暴;

2. 交互界面方案整理,信息架构设计;

3. 交互界面概念方案设计;

4. Axure软件进行交互界面细节方案设计。

1. 运用思维导图进行互动广告概念方案设计发散;

2. 掌握信息架构设计方法;

3. 能够利用草图和Axure软件进行交互界面设计。

4 

14

3

视觉界面

高保真详细设计

知识1:视觉界面设计流程;

知识2:视觉界面配色设计;

知识3:视觉界面设计规范;

知识4:视觉界面板式设计。

 

 

技能1:使用情绪版方法确定模拟真题的视觉风格;

技能2:运用PS软件根据电子屏幕设计规范,进行互动广告界面的设计制作。

 

重点:

1. 视觉界面设计流程步骤及技巧;

2. 视觉界面配色设计;

3. 视觉界面设计规范;

4. 视觉界面板式设计的排版特点与规律。

5. 情绪版方法确定模拟真题的视觉风格;

6. PS制作视觉界面的绘制命令与技巧。

 

难点:

1. 视觉界面设计规范特征和运用;

2. 视觉界面板式设计的排版技巧;

3. 运用PS软件进行互动广告界面的设计制作。

1. 使用情绪版方法确定模拟真题的视觉风格;

2. 用实例讲解移动界面屏幕知识、色彩搭配、板式设计等;

3. 交互设计尺寸和规范设计讲解;

4. 基于真题模拟项目进行互动广告界面图标和界面设计实训。

1. 能够使用情绪版确认视觉风格;

2. 能够运用PS软件根据电子屏幕设计规范,进行互动广告界面的设计制作;

 

4

16

4

界面方案

演示动画设计

知识1:交互广告界面演示视频动画类别;

知识2:了解界面演示动画设计的要点和方法;

 

技能1:利用AE软件进行互动界面视频Demo1;

技能2:利用AE软件进行互动界面视频Demo2;

重点:

1. AE软件与AI\PS软件综合进行互动界面视频的编辑方法;

2. 界面演示动画设计的要点理解;

3. AE软件的面板介绍及工具栏工具的使用方法。

 

难点:

1. 交互广告界面演示视频动画类别区分及特点理解;

2. 界面演示动画设计的要点提炼和衔接动画的方法。

3. 利用AE软件进行互动界面视频的编辑方法

1.运用AE进行视觉界面演示Demo动画设计制作;

2.运动H5在线工具进行界面操作流程在线动画制作。

1.能够运用AE模板进行简单演示动画设计制作;

2.能够使用H5在线工具进行演示动画设。

6

12

 

四、师资队伍

(含兼职,团队教师3人以上,描述5大结构:年龄、学历、职称、双师、专兼等)

姓名

年龄

学历

职称

双师

专兼

分工

沈瑞月

31

研究生

助教

双师


主课程建设、主讲教师

金澜

45

研究生

副教授

双师


动效部分课程建设,评审指导

黄嫣

42

本科

讲师


专兼

视频部分课程,课程指导

 

五、实施建议

(一)教材使用与建设(选用、自编出版、参考书等)

(1) 必须依据本课程标准编写和选择教材。

(2)教材应充分体现项目教学的课程设计思想,以工作任务为主线设计教材结构。

(3)教材在内容上应简洁实用,还应把互动广告设计和互联网领域中的新知识、新技术、新方法融入教材,顺应岗位需要。

(4)教材应以学生为本,文字通俗、表达简练,内容展现应图文并茂,图例与案例应引起学生的兴趣,重在提高学生学习的主动性和积极性。

(5)教材中注重实践内容的可操作性,强调在操作中理解与应用理论。

 

(二)教学方法与手段

(如案例、教学法等)

(1)在教学过程中,应立足于坚持学生实际操作能力的培养,采用项目教学,设计不同的活动,提高学生学习兴趣。

(2)本课程的教学关键是项目实训教学,“教”与“学”互动,教师选用典型案例讲解,示范操作,学生进行分组操作训练,在做的过程中,学生提问,教师解答、指导。让学生在操作过程中掌握交互设计工作的要求和方法。

(3)在教学过程中,要创设工作情景,同时应加强实践训练,使学生掌握交互设计各个阶段的要求和方法。

(4)在教学过程中要关注本专业领域的发展趋势,更贴近交互设计的发展趋势要求。

 

(三)考核方式与标准

(1)改革考核手段和方法,加强实践性教学环节的考核,注重学生自评、互评以及过程考核和结果考核相结合。

(2)突出过程评价与阶段(以工作任务模块为阶段)评价,结合课堂提问、训练活动、阶段测验等进行综合评价。

(3)应注重学生分析问题、解决实际问题内容的考核,对在学习和应用上有创新的学生应特别给予鼓励,综合评价学生能力。

(4)注重学生的职业素质考核,体现职业教育的高等性。

项目

评价内容

所占分数

备注

职业素质

课堂考勤

10

1. 迟到早退一次扣5分;

2. 缺课一次扣10分,累计超过3次取消本课考试资格

3. 违反课堂纪律一次扣5

实训表现

教学过程评价

课堂提问

30

1. 回答问题的积极性,准确率;

2. 课堂测验成绩;

3. 课堂作业的完成度,质量和学生互评结果

课堂测验

教学过程小作业

设计成果

用户研究

60

1. 用户研究数据分析报告并制作Persona

2. 1份课程项目开发报告;

3. 1交互设计方案;

4. 1条互动广告演示动画设计。

 

交互概念设计

视觉界面详细设计

演示动画设计

 

(四)课程资源开发与利用

(云平台课程建设情况,含计划进度)

(1)常用课程资源的开发和利用

幻灯片、投影、录像、图片、多媒体课件等资源有利于创设形象生动的学习环境,激发学生的学习兴趣,促进学生对知识的理解和掌握。建议加强常用课程资源的开发,建立多媒体课程资源的数据库,努力实现跨学校的多媒体资源共享。

(2)积极开发和利用网络课程资源

作为一门与快速发展的互联网紧密结合的学科,应充分利用国内外优秀的网络资源和新技术手段,使教学媒体从单一媒体向多媒体转变;使教学活动从信息的单向传递向双向交换转变;使学生从单独学习向合作学习转变。

(3)产学合作开发交互设计实训课程资源

充分利用本行业典型的资源,加强产学合作,建立实习实训基地,满足学生的实习实训,在此过程中进行实训课程资源的开发。

(4) 云平台在线教学平台

建立完成了校园云平台课程建设,使学生能够在课下通过在线课程学习主要的知识点和技能点,实现课前预习和课后复习,并通过云平台案例的学习,进一步巩固和深化课程内容。

 

(五)实训条件

(实训工作室建设情况,含计划进度)

建立开放式多媒体交互设计实验室(高职楼C204),为学生提供真实的项目情景和多样化的实训演练,实现实训和现场教学的功能,将教学与培训合一,教学与实训合一,满足学生综合职业能力培养的要求。


课程创建者

  • 沈瑞月

组课教师

  • 陈哲
  • 刘振宇
  • 孟胜兵
  • 邢云鹏