《交互产品开发》-课程教学大纲.docx

交互产品开发-课程教学大纲 交互产品开发 课程教学大纲 一、课程基本信息课程代码：18230463 课程名称：交互产品开发 英文名称：interactive product development 课程类别：专业课 学时：48 学分：3 适用对象：数字媒体艺术(佛山校区全学段) 考核方式：考查 先修课程：设计思维、数字媒体前沿科技、数字交互设计二 、 课程 简介交互产品开发是围绕数字媒体艺术专业培育目标而设置的专业课程，该课程是在学生必修完成设计思维、数字媒体前沿科技、数字交互设计等课程后，依据交互设计师岗位任务要求设置教学内容，进行专业核心技能综合性训练的重要专业技能课程。交互产品开发是一门融教、学、做、评于一体的项目化课程，通过本课程的学习，使学生具备本专业高素养技能型人才所须要的 UI 设计与交互产品开发实力，为学生毕业后从事软件界面设计与开发工作奠定基础。Interactive product development is a professional elective course to cultivate talents in the field of digital media art. This course aims to develop professional skills for students to be qualified for the job of interaction design. Students attend the course after completing compulsory courses, including Design Thinking, Digital Media Cutting-edged Technology, Digital Interaction Design and so on. Interactive product development is a project-based course integrating Teaching, Learning, Doing and Evaluating. Through the study of this course, students can have the ability of UI design and interactive product development required by talents market, and lay the foundation for students to engage in interface design and digital product development after graduation.三、 试验教学的总体目的和要求1.对学生的要求：· 了解交互设计的基本原理和软件操作技能、交互设计师创建和优化用户体验的过程和方法、了解推动体验创新的交互技术、常见的人机交互模式；了解交互设计的原则、用户行为、概念模型和系统行为逻辑。· 具有肯定的综合创作实力，学会用例分析、用户体验分析、产品需求分析的基本方法，使学生学会系统规划和全局思维。· 驾驭 Axure 交互原型设计工具，能够独立完成一整套交互原型设计作品。具有项目实践创新实力，在项目实践中具有发觉问题、解决问题实力。2.对老师的要求：本课程是一门实践性很强的课程，上机操作是必不行少的实践环节，通过够用的理论学问和真实实践项目相结合，使学生熟识 UI 创意、交互设计、产品开发和调试的全过程，加深对软件界面设计的理解，获得软件界面设计方法和开发技巧的基本训练，从而使学生能零距离的接触企业真实项目。在 分析案例 的同时，将弘扬民族文化、助力扶贫攻坚、打造特色村镇文化有机融入其中，引导学生树立文化自觉和文化自信，培育设计责任感。3.教学目标：（一）学问目标 1、了解手机 UI 设计技巧、设计哲学和考量、UI 框架特性和新的 UI 设计模式。2、娴熟运用 Photoshop 等图像处理软件学问进行手机 UI 交互界面创意和设计。3、娴熟运用 Android 系统中的界面布局、UI 视图、TextView 等常用控件以及基于监听和回调的事务处理机制开发。（二）实力目标 1、娴熟驾驭图像绘图工具进行手机 UI 创意、设计的方法和技巧。2、娴熟驾驭在 Android 手机操作系统下开发功能机、智能机 UI 交互界面。（三）素养目标 1、具有团结协作、勇于创新的精神。 2、具有吃苦耐劳的工作精神和严谨的工作看法； 3、具备良好的服务意识和市场观念； 4、具备精益求精的工作看法和敬业精神。4.对试验条件的要求：· 试验空间：配备电源插座、能放置电脑、开发板及其套件的课桌（1组1桌，1人1电源）· 硬件：操作系统要求：Win10（举荐）/Linux/Win7 /Mac 内存：8GB （单系统）硬盘（C盘）可用空间：一半以上安装盘空间需求：1G以上 · 软件：Axure 8.0、Photoshop、Word、Mind map四、 教学内容 及要求 ：项目 1 1 ：初识 UI（一）内容：UI 概念发展历史及将来趋势、UI 设计原则及规范、UI 设计师的工作职责 UI 设计流程、UI 设计师的自我提升方式、交互设计三部曲、闻名的移动平台 APP 商业项目。（二）要求：了解 UI 设计、交互设计的基本概念 了解 UI 设计的职责定位、学习方式 熟识闻名的 UI 设计网站、移动平台 APP 商业应用项目 2：图标设计 （一）内容：设计消息、音乐、时钟、记事本四个手机启动图标 （二）要求：了解图标设计意义、设计原则驾驭运用 photoshop 工具绘制精致图标的设计方法 驾驭图层样式的运用方法 驾驭图层蒙版的运用方法 驾驭滤镜效果的设置方法 驾驭图层组的混合模式设置方法驾驭 Alpha 通道的特别运用方法项目 3：手机主题界面设计 （ 一 ）内容：基于本土文化，进行文化创意设计（ 手机主题界面 ）。（ 二 ）要求：了解手机主题设计的意义 。有意识地融入历史观、文化观、民族情怀与自信等元素，讲好中国故事 、 本土文化 ，着力提升课程思政的育人功能。熟识常用的手机主题制作软件 驾驭运用 photoshop 工具设计手机主题的流程 驾驭不规则素材元素选区的建立方法 驾驭钢笔工具进行形态绘制的方法和技巧 驾驭 Photoshop 中绘图工具的运用方法 驾驭内置滤镜配置的运用方法项目 4：手机锁屏界面设计 （ 一 ）内容：设计手机锁屏界面 ， 将助力扶贫攻坚、打造特色村镇文化有机融入其中 。（二）要求：了解手机锁屏界面设计原则 驾驭运用 photoshop 工具设计手机锁屏界面的思路 驾驭不规则素材元素选区的建立方法 驾驭钢笔工具进行形态绘制的方法和技巧 驾驭智能对象的编辑方法 驾驭模糊滤镜的运用方法项目 5：UI 常用基本控件 （一）内容：通过典型案例，敏捷应用 Android 系统中的常用基本控件和界面布局方式，开发手机 UI 交互界面 （二）要求：了解用户界面基本控件的运用方法 驾驭 UI 界面布局的特点和运用方法 驾驭 TextView 与 EditText 的功能和用法 驾驭 Button 与 ToggleButton 的功能和用法 驾驭 ImageView 与 ImageButton 的功能和用法 驾驭 RadioButton 与 CheckBox 的功能和用法 驾驭 DatePicker 与 TimePicker 的功能和用法 驾驭菜单的运用方法 驾驭对话框的运用方法项目 6：UI 常用高级控件 （一）内容：通过典型案例，敏捷应用 Android 系统中的常用高级控件和界面布局方式，开发手机 UI 交互界面。（二）要求：了解用户界面高级控件的运用方法 了解 Android 的事务处理机制 驾驭 ScrollView、ListView 和 GridView 的功能与用法 驾驭 ProgressBar、SeekBar 和 RatingBar 的功能与方法 理解基于监听和回调的事务处理模式 驾驭事务与事务监听器接口 驾驭实现监听器的方式 驾驭基于回调的事务传播 驾驭常见的事务回调方法项目 7：Tetris UI 交互项目开发 （一）内容：通过创建 Tetris 应用程序、开发输出界面、外部资源访问、显示输出界面开发 Tetris UI 交互界面 （二）要求：了解在 Android 系统中开发 UI 交互项目的流程 驾驭 Android 应用程序的创建 驾驭 UI 界面布局文件的编写 驾驭外部资源文件的访问方式 驾驭事务处理的响应机制五、各教学环节学时安排教学环节教学时数课程内容 讲 讲课 课 习 习 题 题 课 课 讨 讨 论 论 课 课 试验 其他教学环节 小 小计 计 初识 UI 22 4 图标设计 22 26 主题界面设计 22 26 锁屏界面设计 22 26 UI 常用基本控件 4 2410 UI 常用高级控件 4 2410 Tetris UI 交互项目开发 2 226 合计 18 6 6 16 2 48六、举荐教材和教学参考资源1、建议教材 （1）UI 进化论移动设备人机交互界面设计.作者：周陟.出版社：清华高校出版社. 出版时间：2010-1-1 （2）精通 Photoshop CS5 UI 交互设计. 作者：张晓景.出版社：电子工业出版社.出版时间：2012-1-1 2、参考资料 （1）Uimaker 专注用户界面设计： （2）吾爱主题： （3）魔秀主题： （4）企业供应的教学资料：VIVID UI Workshop 脚本说明书、天平 UX 编辑器运用手册。七 、 其他说明（一）试验教学内容 序号 试验项目名称 试验主要内容 1 消息图标 运用钢笔工具，绘制消息的标记性形态，通过肯定次序堆叠形成消息图标。以蓝、橙、黄 三种艳丽的颜色作为图标的颜色。2 音乐图标 运用选框工具，绘制出光盘轮廓形态，采纳图层样式设计处光盘光圈效果，运用钢笔工具勾画出音符外形，采纳渐变工具设计出音符的特效效果。3 时钟图标 运用选框绘制工具绘制基本的图形，运用渐变、颜色填充等工具为时钟设置特效，通过复制、旋转、渐变形成时钟倒影。4 记事本图标 运用图形工具，绘制路径图形，通过编辑描边，填充色调效果，绘制线条，使形成的记事本更加生动，逼真。 5 文创手机主题界面-1 素材导入、基于素材底图确定主题颜色，运用投影效果来美化文字，利用矩形工具和渐变效果制作被选状态的文字特效。6 文创手机主题界面-2 素材导入，运用矩形选框工具，内衬圆形的图案绘制，制作主题背景特效，采纳灰色菜单的艺术字体效果设计主题菜单界面。7 文创手机主题界面-3 素材导入、图层的操作、图层样式的设置、文字工具和打组效果设计一款卡通类型的手机主题界面。8 文创手机主题界面-4 素材的导入，采纳图层操作、文字工具、参考线的设置和打组效果的创建等学问点设计一款简洁清爽的手机主题界面。9 手机锁屏界面-1 运用毛线球从左边滚动到右边篮子中实现界面的解锁功能。10 手机锁屏界面-2 采纳图层样式、渐变工具、自定形态工具以及一些不透亮度的调整来设计界面。11 手机锁屏界面-3 采纳三个背景图层的转场特效以及一系列小动画效果的综合设计实现解锁功能。12 手机锁屏界面-4 采纳华蜜恋人奔跑到最终相拥一系列小动画效果的综合设计来完成解锁功能。13 UI 常用基本控件 通过典型案例，敏捷应用 Android 系统中的常用基本控件和界面布局方式，开发手机 UI 交互界面。14 UI 常用高级控件 通过任务案例，敏捷应用 Android 系统中的常用高级控件和界面布局方式，开发手机 UI 交互界面。15 Tetris UI 交互项目开发 通过创建 Tetris 应用程序、开发输出界面、外部资源访问、显示输出界面开发 Tetris UI 交互界面。（二）考核方法与要求：1、考核方法：（1）过程考核：依据学生的驾驭技能、学习看法、作业提交和提问状况等。（2）自主项目考核：依据学生结合课程独立设计开发完成的手机应用软件、嬉戏或主题UI 界面。（3）期末考核：依据试卷考核和实践作品考核 （4）总评考核：期末考核 60%+过程考核 30%（含技能 30%，看法 40%，作业 20%，提问10%）+自主项目考核 10%2、考核要求：（1）过程考核要求：根据学生平常上课表现状况、完成项目进度和质量的状况。（2）自主项目考核要求：根据学生独立设计完成的作品进度和质量状况。（2）期末考试要求：着重学生进行手机 UI 设计与开发的综合应用实力。