上海交通大学设计学院课程回顾 | 2026《交互故事设计》教学成果

课程对象：24级视觉传达专业（本科二年级）

课程板块：泛娱乐智能设计方向

课程教师：刘博 教授

课程助教：吴欣柳

授课团队：BiBoBox Studio

授课学时：96学时

课程介绍  Introduction

《交互故事设计》是交大设计联合 Apple iCreate Club 共同打造的合作课程， 面向 2024 级视觉传达专业本科二年级学生，由刘博教授主讲、吴欣柳担任助教，共 96 学时。本课程是三年级《独立游戏设计》的前置课程，面向交互叙事、数字艺术与智能设计实践，围绕“如何将一个故事转化为可观看、可操作、可探索的数字体验”展开，旨在培养学生整合故事、视觉、动画、交互与技术完成数字产品的综合设计能力。

课程以交互绘本与叙事性交互设计为基础，以联合国全球可持续发展 17 项目标为命题资源，引导学生从人类命运共同体的视角发现问题，从中国文化与当代生活经验出发思考人与自然、科技与伦理、社会发展与未来生活等议题。学生将学习故事剧本、叙事结构、世界观构建、角色与场景设计、视觉风格、角色动画、场景特效与多模态交互等内容，并通过故事、角色、声音、动画和交互机制，将现实议题转化为具有个人立场和艺术表达的互动体验。

在 AI 赋能下，课程覆盖从创意构思到产品传播的完整流程。学生将运用生成式 AI 开展剧本推演、角色与场景设计、分镜创作、视觉探索、音乐音效生成及多模态内容制作，借助AI 动画工具完成动作、表情、过场动效设计，并通过 Vibe Coding、Unity等工具，以自然语言+可视化编程协作完成交互原型、场景切换、动画触发、分支叙事与功能开发，最终落地一款可在 iPad 上运行的交互故事 App。课程同时涵盖用户测试、项目管理、版本迭代、App 图标、宣传海报、预告视频、项目推文与发布素材制作，帮助学生形成从叙事设计、视觉表达、动画制作、交互开发到产品宣发的完整项目经验，并为三年级《独立游戏设计》中的世界观构建、互动叙事、玩法设计与独立开发奠定基础。

上下滑动查看更多...

课程成果  Works

01

▲ 点击查看更多

森林里的音乐家

白山竹

巩骏尧  郑好

主题目标  健康与福祉

项目介绍▼

一款以创作者完美主义焦虑为主题的童话风格交互绘本。作品围绕创作者完美主义焦虑展开创作，结合自身深受完美主义困扰的真实经历，打造治愈叙事。故事主角是热爱音乐的蓝鸟，因一味执着追寻完美旋律陷入创作瓶颈，于是走入森林开启寻声之旅。旅途中它先后结识熊、河狸、松鼠、山雀、小鹿，收集树皮、鹅卵石、松果、树枝、芦苇五种自然物件，收获各式各样不完美却鲜活动听的自然声响。作品采用拼贴手绘美术风格，搭配 SPINE 角色动画，设计点击、滑动、摇晃、倾斜屏幕等多元体感交互，搭配专属背包收集系统，分序章、五段动物剧情与终章合唱结局。通关后界面会新增治愈感悟文字，最终所有林间动物齐聚空地，一同用细碎自然声奏响森林乐章。项目由主创独立完成剧情、美术、Unity 开发、交互设计与音效制作，辅以伙伴美术、配乐支持，借温柔童话传递内核：不必苛求极致完美，不完美的声音、不完美的作品，同样值得聆听与创作。

上下查看更多...

02

▲ 点击查看更多

回声

心奇遇 Loventure

阮歆棱  诸葛雅琦  李宇佳

主题目标性别平等

项目介绍▼

《回声》是心奇遇 Loventure 团队打造的温情剪纸风交互故事绘本，作品聚焦亲密关系中的性别平等议题，以老年听障助听器为叙事载体，讲述一段迟来的回望与和解。故事里奶奶王秀芬离世一年后，爷爷李明远偶然发现她遗留的助听器，设备里留存的日常录音，串联起两人被忽略的半生岁月。玩家将通过点击、拖拽、描摹、节奏演奏等多元交互，陪同爷爷回溯过往，一点点看见奶奶藏在家务、隐忍与自我牺牲里的深情：她放弃歌唱、倾尽嫁妆支撑家庭，一生习惯将自身需求后置，连拥有专属姓名都成为奢望。爷爷循着散落的往事慢慢醒悟，试图弥补奶奶未完成的三件心愿，却在即将喊出她全名时助听器失灵，最终来到墓前郑重唤出 “王秀芬”。作品采用粗粝拼贴剪纸美术，搭配层次细腻的配乐，借一段充满留白的温情故事，引导玩家看见传统关系里女性无声的情感劳动，呼吁主动倾听、平等陪伴，在时光回溯中读懂未曾宣之于口的爱意与遗憾。

上下查看更多...

03

▲ 点击查看更多

最棒绵羊

好猫工作室 Nice Cat

杨上

主题目标优质教育

项目介绍▼

《The Best Sheep》是 Nice Cat Studio（好猫工作室）围绕优质教育、自我觉醒主题创作的交互绘本作品。以羊群为核心形象，借寓言式故事反思盲从内卷与群体盲从的 “羊群效应”。故事主角是一只身处羊群的普通绵羊，周遭充斥着 “跑得最快、毛量最多才算最好” 的单一评判标准，迫使它盲目追逐外界定义的 “优秀”，映射现实里人们被统一标准捆绑、陷入无意义内耗的困境，同时以西西弗斯式重复劳作隐喻无休止的竞争枷锁。视觉上参考博斯《人间乐园》创作群羊乐园海报，采用明快高饱和童趣画风，搭配小羊主题手绘 UI 与治愈花卉辅助视觉；作品设计专属小羊图标、分镜草稿与完整交互流程，玩家通过互动跟随绵羊挣脱群体规训，明白不存在统一的 “最优标准”。项目完整覆盖脚本分镜、美术视觉、交互测试、宣传物料全流程，同步搭建多平台账号进行宣发，旨在引导受众跳出从众思维，拒绝单一价值评判，接纳自我独特性，传递终身自省、不被世俗标准束缚的创作内核。

上下查看更多...

04

▲ 点击查看更多

Toward the Light

SYZYGY

陈思晗  张舒涵  郭子钰

主题目标体面工作

项目介绍▼

如果有一扇门，只有足够耀眼的人才能进入，你会愿意为它放弃什么？

以追光为隐喻叩问内卷社会下的自我价值。故事里少女米拉踏上无尽旋转楼梯，传说只有足够耀眼的人才能打开尽头发光之门，她一路收集光碎片提升亮度，为了不断向上攀爬，被迫依次舍弃笔记本、长笛、画笔等承载热爱的私藏物件。玩家通过滑动、拖拽擦拭、点击演奏、旋转视角、敲击破坏、拼图上色等多重交互，沉浸式体验她追逐外界认可、不断消耗自我的全过程。当米拉褪去所有个人特质，化作冰冷发光体抵达终点，却发现门后是由齿轮驱动的麻木牢笼，所有追光者都沦为体系运转工具。最终米拉挥笔击碎规则枷锁，众人褪去统一冷光重获鲜活色彩。作品采用柔焦色粉朦胧画风，借完整叙事链路引导读者反思单一成功标准，传递真正的自我价值从不依靠耀眼光芒定义，那些不被量化的热爱与本心，才是人最珍贵的内核。

上下查看更多...

05

▲ 点击查看更多

岛ISLAND

Wonky Cat

王义博  莫力铭

主题目标良好健康与福祉

项目介绍▼

《岛 ISLAND》是Wonky Cat团队围绕良好健康与福祉、创伤疗愈主题创作的交互故事作品，以海岛家庭为核心叙事载体，借时间循环结构探讨灾难后儿童如何与哀伤和解的生命议题。故事主角7岁女孩小渔困于海难发生前的循环，目睹身为守钟人的父亲为履行守护全村的职责，一次次在海啸中缺席救援，而哥哥小海总逆着人流救下自己却不幸罹难；在揭开母亲因前任守钟人失职遇难、父亲接任是对妻子与村民双重承诺的过往后，小渔最终完成与家人的深情告别，接替父亲成为新任守钟人，带着爱与责任继续守护岛屿。作品视觉上采用温暖治愈的3D插画风格，以发光蝴蝶、海岛自然元素烘托情感氛围；作品设计沙滩、森林、村庄三大探索场景，玩家通过收集蝴蝶推进叙事、拼合组件解锁路径，在互动中陪伴小渔走出创伤阴影，明白“与哀伤共处并非遗忘，而是带着逝去之人的期许继续前行”的疗愈内核。项目完整覆盖脚本分镜、美术视觉、交互开发、宣传物料全流程，旨在引导受众正视内心伤痛，接纳生命无常，在爱的传承中重燃对生活的热情。

上下查看更多...

06

▲ 点击查看更多

寻找海和尚

Emo

金娉亦  朱子墨  徐晨

主题目标海洋生态保护

项目介绍▼

本作品是聚焦海洋生态保护的交互绘本。作品以内陆少女于海寻找笔友 “海和尚” 为叙事主线，少女循着满含海浪记忆的信件奔赴山海，最终在山间镇海寺得知，传说中的海和尚实为死于海洋污染的百年海龟。项目以水彩复古画风构建山海、城镇、古寺等场景，搭配车票、贝壳、信件等实物化交互道具，让读者沉浸式跟随主角走完寻海之路。作品借地名存海、沧海成山的隐喻，揭示海洋消亡、自然记忆流失的现实困境，弱化说教，以温情叙事唤起观众对海洋生态的共情，引导大众反思人与自然的关系。

上下查看更多...

BiBoBoxStudio是上海交大设计学院下设的实践型教师工作室，由设计系视觉传达专业刘博教授负责。工作室的研究领域：泛娱乐智能设计，赋能空间计算、未来教育、文化创新、医疗健康以及智慧出行五大方向。工作室承担本科视觉传达专业课程《交互故事设计》《独立游戏设计》，以及研究生专业课程《泛娱乐智能设计》。