互动图形基础
分享
课程详情
课程评价
spContent=完美的设计表现是设计师取得成功的重要手段。传统设计师运用纸、笔、颜料等工具来说明设计中的形态、色彩和空间关系;今天,除了这些传统方法外,设计师还运用各种软件、编程接口、框架和开源硬件来说明设计中时间与互动关系。加入本课!让我们一起用代码在屏幕上绘制生动有趣的内容!
—— 课程团队
课程概述

      本课程是一门面向艺术(设计)类专业学生的技术基础类课程,其教学目标是让学生掌握基本的互动媒体开发工具,了解构建可视化交互原型的基本过程和方法,为今后从事交互设计、信息设计以及数字媒体设计等领域的设计实践打造必要的技术基础。

      本课程开发互动图形所使用的技术框架主要是p5.js,这是一个基于JavaScript互动媒体库,在艺术家、设计师以及教育工作者中颇为流行。课程将通过视频演示的方式介绍p5.js的基本概念、一般用法以及部分互动可视化效果的典型实现思路。课程强调从解决具体的问题出发,通过动手实践进行学习,比较适合零编程基础的艺术(设计)类专业学生。

      运用本课程中介绍的知识和方法,学生将能够从鼠标、麦克风及摄像头等硬件中获取用户的各种输入,并在浏览器中绘制动态的可视化内容来响应用户的输入行为,最终形成一个支持特定人机互动逻辑的可视化图形界面。理解并体验这一过程,对学生今后构建复杂的人机互动系统至关重要。

      本课程的教学内容及形式主要考虑艺术(设计)类专业本科1-2年级学生的需求和特点,课程重在引导学生自主实践以及自由地探索和体验,不会深入学习编程的相关概念,也不会进一步讨论界面设计的方法、原则和模式。

课程大纲
参考资料