融媒体内容生产实践

Content Production Method and Practice of Fusion Media

杨志宏

课程介绍

融媒体

  • 目前，学术界对融媒体、新媒体等概念没有做出学术化的定义。
  • 融媒体内容生产的目的在于“保持内容定力，专注内容质量，扩大优质内容产能，创新内容表现形式，提升内容传播效果。”
  • 媒体融合的核心是用户价值的运营。有用户，才有未来。

传媒行业的商业逻辑

  • 传媒行业的生态一直被新技术塑造。曾经风光一时“看不到竞争对手”的媒体，已然被新势力取代。
  • 订阅模式、广告模式、二次售卖理论依然有效。
  • 内容为王的认知，并不全面，甚至在有些情况下是危险的。
  • 高质量内容生产者类似于游牧者，他们会逐水草而居。
  • 作为即将入行的新人，要考虑的是自己、以及自己所在的机构，在整个生态链条中的角色是什么。

课程定位

帮助学习者掌握必要以互动媒体内容生产为主的融媒体内容生产知识和技能。

互动媒体的技术基础包括HTML、CSS、JavaScript等前端技术以及必要的后端技术。但如果将HTML、CSS以及JavaScript内容全部掌握的话，估计绝大多数学习者会被漫长的学习过程劝退。因此，课程结合同学们的学科背景，选择了HTML、CSS、JavaScript这些前端技术中最核心的内容作为入门，通过案例教学，由浅入深的进行教学和学习。

教学方式

参见为什么要采用翻转课堂

课程内容

课程内容由以下几个版块组成：设计规范、HTML、CSS、JavaScript、综合案例、作品汇报及修改。

优秀作品案例

参见课程提供的案例资源。

  1. 业界融媒体作品案例
  2. 数字人文网络资源
  3. 学生作品-新闻游戏
  4. 学生作品-专题内容

课程准备

  1. 下载并安装Git
  2. 注册Github，建立仓库
  3. 下载并安装VS Code
  4. 注册即时设计
  5. 注册阿里云账号，开通OSS服务,(可选)
  6. 购买域名（可选）

课程学习资源

  1. Robin Williams. 写给大家看的设计书[M]. 苏金国, 李盼, 译. 北京: 人民邮电出版社, 2016.
  2. 查尔斯·科斯特尼克. 视觉语言设计：职业传播者策略[M]. 北京: 中国人民大学出版社, 2005.

开发环境搭建

内容发布平台：Github

Github是目前全球领先的开发者社区。

  • 注册 Github 账号
  • 新建仓库

内容发布工具

Git 是一款开源免费的版本管理工具。

  • 安装Git

  • 初始化Git

    git config --config user.name 'xxxx'
git config --config user.email 'xxxx'

  • 克隆远程仓库到本地

    git clone https://github.com/xxxx/xxxx.git

编辑器

VS Code 编辑器是开源免费的通用编辑器，生态繁荣，值得投入时间熟悉。

安装后的必要设置：

  1. 安装中文语言包
  2. 设置默认终端为Bash
  3. 安装页面预览插件live sever
  4. 设置自动存盘

日常工作流程

git add .
git commit -m xxx
git push

可将上述内容设置为脚本，进行更加高效地推送。

Github访问加速

当出现Github无法访问或网络不通畅的情况时，可适用免费的Watt Toolkit进行Github访问加速。

课堂练习

使用Github Pages服务发布本地网页内容到互联网。

  1. 新建index.html，内容暂无要求
  2. 推送本地仓库到Github
  3. 启动Github Pages服务，基于仓库生成独立站点
  4. 将发布后的页面地址发布到课程群中

数字交互叙事

数字交互叙事概述

数字交互叙事（Digital Interactive Storytelling）是一个涵盖计算机图形、人机交互、数字艺术和叙事理论等多个领域的交叉学科。简而言之，数字交互叙事是通过数字技术为用户提供可以交互的故事体验。

入门读物：交互叙事与跨媒体叙事

Narrative 与 Storytelling

  • Narrative：叙事主要关注于事件和事实的结构和组织。它是一个框架，通过这个框架，事实和事件被排列成一个有意义的序列，从而形成一个连贯的故事。Narrative 可以是口述、书写或视觉形式的。
  • Storytelling：讲故事则更多地关注于如何传递这个叙事。它涉及技巧、技术、风格和媒体的选择，以及如何吸引和保持听众的注意力。Storytelling 是将叙事带给听众的艺术和手段。
  1. 焦点：
    • Narrative：着重于“什么”。它是故事的骨架，包括情节、角色和事件。
    • Storytelling：着重于“如何”。它是传递叙事的方式，可能包括口头叙述、写作、电影、戏剧、动画等。
  1. 范围：
    • Narrative：通常被认为是较为静态的，因为一旦情节和事件确定下来，叙事的主要结构就固定了。
    • Storytelling：则被视为更加动态，因为不同的叙述者可能会使用不同的方法和技巧来讲述同一个叙事。
  1. 用途：
    • Narrative：有时被用来分析文化、历史或社会的故事结构和模式。
    • Storytelling：常被用于娱乐、教育、市场营销和其他需要有效传递信息和情感的领域。

相关术语

数字交互叙事（Digital Interactive Storytelling）涉及术语颇多，反映了这个领域的多样性和复杂性。以下是一些相关的英语术语：

  1. Interactive Storytelling: 交互式叙事，指的是让观众或用户参与到故事中，通过他们的选择或互动来影响故事的走向。
  2. Branching Narrative: 分支型叙事，故事具有多个分支或路径，用户的选择会导致故事走向不同的结局。
  3. Non-linear Narrative: 非线性叙事，故事不按照传统的线性顺序进行，可能基于用户的互动或其他因素采用不同的故事顺序。
  4. Choice-based Storytelling: 基于选择的叙事，强调用户选择的重要性，用户的每个选择都会对故事有所影响。
  1. Emergent Narrative: 涌现叙事，这是一个更自发的叙事形式，不是由作者预先设定，而是由用户互动和游戏机制共同产生的。
  2. Narrative Agency: 叙事代理，指的是用户或玩家在故事中的主动权，他们可以决定如何行动，这些行动如何影响故事的走向。
  3. Transmedia Storytelling: 跨媒体叙事，是一种故事在多个媒体平台上讲述的方式，每个平台都提供故事的一个部分或角度。
  4. Virtual Reality (VR) Storytelling: 虚拟现实叙事，使用VR技术提供沉浸式的叙事体验。
  1. Augmented Reality (AR) Storytelling: 增强现实叙事，结合真实世界和数字信息来创建互动的叙事体验。
  2. Narrative Design: 叙事设计，关注如何构建和组织互动叙事，确保故事连贯、有吸引力并满足用户的期望。

这些术语仅是数字交互叙事领域的冰山一角，随着技术和艺术的进步，这个领域仍然在快速发展和变化。

数字交互叙事特点

  • 分支型叙事：故事具有多种可能的发展和结局，取决于用户的选择。
  • 沉浸感：数字技术和交互设计使得用户感觉自己沉浸在故事中，从而增强故事的吸引力。
  • 个性化体验：每位用户都可能有独特的体验和结局，取决于他们的选择和互动。

数字交互叙事工具和技术

  • 编程语言和框架：如Python、JavaScript、Unity等，用于创建交互式应用。
  • 虚拟现实(VR)和增强现实(AR)：提供更加沉浸的交互叙事体验。
  • AI和机器学习：可以使叙事更加智能和适应用户。

数字交互叙事面临的挑战

  • 故事线的复杂性：随着交互选项的增加，故事线可能变得非常复杂，这需要编剧、设计师和开发人员紧密合作。
  • 用户选择的连贯性：确保所有的用户选择都能导致有意义和连贯的故事发展。
  • 技术限制：需要持续跟踪和采用最新的技术来提供最佳的交互体验。

数字交互叙事作品案例

新闻游戏

  1. 网易新闻《逃跑人的日常》
  2. BBC《叙利亚之旅》
  3. 金融时报《Uber司机》
  4. 芬兰本瓦拉《我是摩苏人》
  5. 多边形的故事
  6. ProPublica《心脏守护者（HeartSaver）》

《我的战争》介绍

《我的战争》（This War of Mine）是一个由11 bit studios制作的战争生存模拟游戏。与许多传统的战争游戏不同，该游戏不是从士兵或指挥官的视角出发，而是从战争中平民的视角出发，展现了战争对于普通人的影响。以下是从数字交互叙事的角度对《我的战争》进行的分析：

  1. 非线性叙事: 游戏中的事件和结局并不是预先设定好的。玩家的选择和决策直接影响游戏进程和角色的命运。这种非线性特点提供了高度的重玩价值，因为不同的选择可能导致不同的结果。
  1. 情感驱动的决策: 交互叙事在这里不仅仅是为了解决难题或赢得战斗。玩家经常面临道德上的抉择，比如是否从无辜的人那里偷取物资。这些选择反映了战争中的真实困境，并为玩家带来深刻的情感体验。
  1. 环境叙事: 游戏中的环境和物品都是叙事的一部分。被摧毁的家园、稀缺的资源和冷漠的天气都在无声地传达战争的恐怖。
  1. 角色互动: 游戏中的角色具有自己的背景故事和个性。他们之间的互动和对话为玩家提供了更多的情境信息，使叙事更加丰富。
  1. 实际事件的反映: 《我的战争》部分基于波黑战争期间的萨拉热窝围困。这种与现实世界的联系使得叙事更具深度和现实感。
  1. 沉浸式体验: 游戏的艺术风格、音乐和声效都加强了玩家的沉浸感。这增强了数字交互叙事的效果，使玩家更加投入。

总的来说，从数字交互叙事的角度看，《我的战争》成功地将玩家置于战争的残酷和不确定性中，并通过交互性体现了战争对平民的真实影响。这不仅提供了一种新颖的游戏体验，还为玩家带来了深刻的反思和情感共鸣。

数字交互叙事创作工具

  1. WebGAL是一款国产网页端视觉小说引擎，目前还处在开发阶段，具有易上手多平台的优点。
  2. Renpy
  3. Twine
  4. 橙光
  5. Cocos Creator

WebGAL安装

除了下载安装可视化编辑器，还可通过npm安装工程版。

创建游戏并进行简单设置

创建游戏后，可以参照官方文档进行简单的设置和修改。

资源结构

  • WebGal将声音、背景、立绘、音乐等游戏资源，按照类别分别放置在对应的目录。
  • 可从文档中查看不同资源支持的格式。

场景

  • 场景包括背景图片、音乐等
  • 人物立绘目前支持在左中右分别放置，可独立操作，也可设定其大小、透明度等信息
  • 场景支持顺序、分支以及循环方式切换
  • 场景要有退出机制

变量

目前支持简单的变量运算，需要注意表达式中不能用空格进行美化或分割。

发布游戏

游戏可以发布为不同平台的格式，目前支持网页、Windows平台以及安卓平台

课程练习

  1. 阅读WebGAL文档
  2. 使用WebGAL创建一个简单对话内容
  3. 导出为网页
  4. 发布网页版到Github
  5. 将游戏地址发布到课程群

AIGC

ChatGPT的使用

即时设计Ai作图

Midjourney作图

天音

AIGC学习资源

  1. Aigc.cn