西北大学 Knight 实验室

Status

Tags

URL

分享者

简介

由设计师、开发者、学生和教育从业人员组成，致力于研究新闻学试验性的东西，将其推到新领域的实验室。Pushing media into new spaces.

Northwestern University Knight Lab is a community of designers, developers, students, and educators working on experiments designed to push journalism into new spaces. The Lab provides an open, collaborative environment for interdisciplinary exploration and conversation, where students and professionals learn together and from one another.

https://knightlab.northwestern.edu/

讲故事的工具（Storytelling Tools）：We build easy-to-use tools that can help you tell better stories.

Juxtapose

Juxtapose

In it's simplest form, JuxtaposeJS is embedded using an tag. In this form, there's no way to customize the appearance. If you are comfortable integrating markup and javascript into your own page, you can go beyond the . JuxtaposeJS is designed with a minimalist style meant to work with most websites.

https://juxtapose.knightlab.com/

Juxtapose 可以帮助记者比较两种相似的富媒体内容，包括照片和 gif。这是突出当时 / 现在的故事的理想解释缓慢的变化随着时间的推移(城市天际线的增长，森林的再生，等等)或之前 / 之后的故事，显示单一的戏剧性事件(自然灾害，抗议，战争等)的影响。

Juxtapose helps storytellers compare two pieces of similar media, including photos, and GIFs. It’s ideal for highlighting then/now stories that explain slow changes over time (growth of a city skyline, regrowth of a forest, etc.) or before/after stories that show the impact of single dramatic events (natural disasters, protests, wars, etc.).

case

Berlin 1945 und heute

Bilder von 1945 zeigen Berlin in Schutt und Asche. Heute, 70 Jahre später, hat ein Fotograf die Orte noch einmal besucht.

https://interaktiv.morgenpost.de/berlin-1945-2015/

用途

Storyline

Storyline

Tell the story behind the numbers.

http://storyline.knightlab.com/

Tell the story behind the numbers.讲述数字背后的故事。Storyline 是一个开源工具，任何人都可以使用它构建一个带注释的交互式线图。为了使故事情节尽可能灵活，我们已经包括了图表、轴标签和卡片。标题，背景，更多关于数据来源和学分的细节。基于 Google Sheet实现的。Charts that tell stories.讲故事的图表。

Final Presentation

docs.google.com

Timeline

TimelineJS 是我们最有名的项目，目前超过25万人在使用他来讲故事。Timelinejs 是一个开源工具，任何人都可以使用它构建视觉丰富、交互式的时间线。初学者只需使用谷歌的电子表格就可以创建一个时间线，就像我们在上面的时间线中使用的那个。专家可以使用他们的 JSON 技能来创建自定义安装，同时保留 TimelineJS 的核心功能。基于 Google Sheet实现的。

Timeline JS

TimelineJS is an open-source tool that enables anyone to build visually rich, interactive timelines. Beginners can create a timeline using nothing more than a Google spreadsheet, like the one we used for the Timeline above. Experts can use their JSON skills to create custom installations, while keeping TimelineJS's core functionality.

http://timeline.knightlab.com/

case

N. Korean waitresses: 'Defectors' tricked

CNN speaks exclusively to seven waitresses, workers from the same restaurant that saw 13 defect, who say their colleagues were tricked.

https://edition.cnn.com/2016/04/20/asia/north-korea-restaurant-defectors/index.html

Revolutionary User Interfaces

The human computer interface helps to define computing at any one time.

https://timeline.knightlab.com/examples/user-interface/index.html

用途

StoryMap

Maps that tell stories.讲故事的地图。（初步来看十分适合来写游记。

StoryMap

StoryMapJS is a free tool to help you tell stories on the web that highlight the locations of a series of events. It is a new tool, yet stable in our development environment, and it has a friendly authoring tool. There are a couple ways you can make a StoryMap.

https://storymap.knightlab.com/

是一个免费的工具，可以帮助你在网上讲述故事，突出一系列事件发生的地点。它是一个新的工具，但在我们的开发环境中是稳定的，并且它有一个友好的编写工具。

旧日重现，跟着老地图一起去旅行吧！| 在线体验案例

文末有彩！蛋！当你看到一张老地图，特别是上面标注着路线的老地图，会不会很好奇，这趟旅程发生过什么样的故事，经过的那些地方现在是否已经沧海桑田了呢？来自美国西北大学的 Knight Lab 团队也对老地图的研究...

https://zhuanlan.zhihu.com/p/52342049

case

权力的游戏的旅程

Game of Thrones: Arya's Journey - StoryMapJS - Northwestern University KnightLab

https://storymap.knightlab.com/examples/aryas-journey/

用途

Soundcite

Seamless inline audio.

Soundcite

Tens of thousands of Egyptians packed into Tahrir Square in central Cairo on Friday ... The crowd was as large as any that has gathered in the square since the protests that forced out President Hosni Mubarak in February 2011. Audio is a powerful device that can add emotion or context to a story.

http://soundcite.knightlab.com

音频是一个强大的设备，可以添加情感或背景的故事。不幸的是，音频剪辑迫使人们做出不舒服的选择: 阅读或聆听，但不能两者兼顾。直到现在。 Soundcite 是一个简单易用的工具，可以将内联音频添加到你的故事中。音频不是孤立的，它就在你选择的文本下面播放。

针对记者的web技能课程（Digital Journalism, Bit by Bit.）

Learn.KnightLab.com

The web is a journalist's medium. It influences every part of the journalistic process, from how we find and gather information, to how we craft our stories, to how we track the far reaches of our content. Understanding how it works can only make us better journalists.

https://learn.knightlab.com/

民主化，人人都可以采集环境质量数据

Knight Lab SensorGrid

Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search resu...

https://sensorgrid.knightlab.com/

2019年秋的作业

Storytelling with GIFs

Facilitate simple visual social sharing. 用GIFs讲故事，以促进故事在社交媒体上传播。Build a tool that helps storytellers create very simple visual stories that are sharable on a variety of platforms (Instagram, Snap, Twitter, Facebook etc). As the open-web continues to die, storytellers need tools that help them create sharable artifacts suitable for a variety of social networks and platforms. Brevity and portability are of the upmost importance. This project is concerned with designing a tool that allows novice storytellers to create simple 5 frame (5 images) GIFS that when combined with text for the post, are sharable on a variety of platforms and social networks.

Visual Recipes

Visual Recipes

Cooking often seems harder than it really is. The literature doesn't seem to help us here either. A lot of modern cooking instruction seems to be written in an overly-narrative style, often emphasizing prose aesthetics as much as practical instruction. Obscure techniques and exotic ingredients can leave one to wonder, what is essential to a recipe?

https://studio.knightlab.com/projects/visual-recipes/

可视化菜谱，A lot of modern cooking instruction seems to be written in an overly-narrative style, often emphasizing prose aesthetics as much as practical instruction.

What is essential to a recipe?

What must be replicated ？

What can be simplified?

Inspiration / Reading List

《Simple, The Easiest Cookbook in the World》

by Jean-Francois Mallet: Simplified recipes, visual presentation of mise.

简单，世界上最简单的烹饪书

《Salt Fat Acid Heat》

by Samin Nosrat (and her show on Netflix): Classification of ingredients by their role in a dish.

《Where Cooking Begins》

by Carla Lalli Music: Emphasis on technique, simplicity, and substitution.

ICONIFY - Example recipes

docs.google.com