Where The Lights Never Go Out

ARD aktuell sendet aus einem Studio, in dem die Lichter nie ausgehen — bis zu 20 Tagesschau-Ausgaben täglich, dazu Tagesthemen, Nachtmagazin, Wochenspiegel und tagesschau24. Das Redesign 2014 brachte ein neues Studio, eine 18 Meter breite Medienwand und ein Designsystem, das Klarheit über Effekt stellt. Kein virtuelles Studio — alles, was auf dem Bildschirm erscheint, ist real im Raum vorhanden.

andreas-binar-design-tagesschau-splash.jpg

Jahr

2014

Kunde

ARD aktuell

Meine Rolle

On-Air Design, Animation, Konzeption, Technical Storyboarding, Touch-Interface, Asset-Produktion

Creative Direction

UKCC

Art Direction

Karsten Binar

Design Team

Andreas Binar, Mik Rahner, Sylvia Hildebrandt

Set Design

Jürgen Bieling

Auszeichnungen

Eyes & Ears Awards 2014 – Best Studio Design, Best Information Design

Leistungen

Broadcast Design

Motion Design

UI/UX Design

Illustration

Graphic Design

On-Air Graphics

Technical Storyboarding

Touch-Interface Design

Icon Design

Asset-Produktion & Konfektionierung

Interaction Design

Animation Specifications

Template Development (tagesschau24)

Projekt Beschreibung

Die tagesschau ist die meistgesehene Nachrichtensendung Deutschlands. 2014 ging das neue Studio on air — ein Raum, der bewusst auf Virtualität verzichtet. Alles, was die Zuschauer sehen, existiert real im Studio. Die zentrale Neuerung: eine rund 18 Meter breite Medienwand, auf die sieben Beamer in Rückprojektion Panoramabilder, Grafiken und Videos projizieren. Was dort dargestellt ist, sehen die Moderatoren unmittelbar vor sich — kein Greenscreen, kein Compositing.

Die erste Layoutphase begann bereits 2008 mit konzeptionellen Entwürfen. 2011 wurde das tagesschau-Icon in den Vorspann integriert, ab 2012 folgte die schrittweise Implementierung in Zusammenarbeit mit Grafiksystem-Hersteller Orad. Innerhalb des vierköpfigen Design-Kernteams lag bei mir das breiteste Aufgabenspektrum: On-Air Design, Animation, Konzeption, technische Storyboards, Touch-Interface, Produktion und Konfektionierung sämtlicher Assets sowie die vektorbasierte Umsetzung des tagesschau-Icons.

Ein Ergebnis, auf das ich besonders stolz bin: die technischen Storyboards. Die vorab in 3D berechneten Kamerafahrten — jede Moderationsposition, jede Bewegung, jeder Blickwinkel — haben sich im realen Studio 1:1 mit dem Endergebnis gedeckt. Kein Nachjustieren, kein Kompromiss zwischen Entwurf und Realität.

Das Designsystem wurde über alle Sendungen der ARD-aktuell-Familie ausgerollt: Tagesschau, Tagesthemen, Nachtmagazin und Wochenspiegel teilen dasselbe visuelle Fundament. Für tagesschau24 entstand darauf aufbauend ein eigenständiges Erscheinungsbild, das Farben, Strukturen, Flächen und Typografie des ARD-aktuell-Designs als modulare Bausteine weiterführt — kombinierbar in unterschiedlichen Sequenzen auf Basis eines durchgängigen Rasters.
andreas-binar-design-tagesschau-studio-1.jpg

On-Air Design

Sendungsdesign

Tagesschau, Tagesthemen, Nachtmagazin, Wochenspiegel — vier Sendungen, ein Designsystem. Vorspänne, Absagen, Bauchbinden, Infografik-Templates und Übergänge folgen derselben visuellen Grammatik. Das Design verzichtet auf Spielereien und setzt auf Klarheit, Übersichtlichkeit und großformatige Fotografie.

andreas-binar-design-tagesschau-studio-5.jpg
andreas-binar-design-tagesschau-styleguide-1.jpg
andreas-binar-design-tagesschau-vollbild-2.jpg
andreas-binar-design-tagesschau-icon-app.jpg
andreas-binar-design-tagesschau-styleguide-2.jpg
andreas-binar-design-tagesschau-studio-3.jpg

Technische Storyboards

andreas-binar-design-tagesschau-technisches-storyboard-2.png

1:1 Match

Jede Kamerafahrt, jede Moderationsposition und jeder Blickwinkel wurde vorab in 3D berechnet und als technisches Storyboard dokumentiert. Das Ergebnis: Die Previsualisierungen deckten sich exakt mit dem realen Studio — keine Nachkorrekturen, kein Kompromiss zwischen Entwurf und Produktion.

andreas-binar-design-tagesschau-technisches-storyboard.jpg
andreas-binar-design-tagesschau-medienwand-logik.svg

Medienwand & Studio

18 Meter Rückprojektion

Sieben Beamer projizieren Panoramabilder, Grafiken und Videos auf eine halbrunde Medienwand — nahtlos, ohne Übergänge oder Stege. Das Grafiksystem korrigiert Verzerrungen in Echtzeit, abgestimmt auf Kameraperspektive und -bewegung. Erstmals lassen sich auf einer realen Fläche dreidimensionale Objekte darstellen.

andreas-binar-design-tagesschau-studio-7.jpg
andreas-binar-design-tagesschau-studio-4.jpg

Touch-Interface

andreas-binar-design-tagesschau-touchkonzept.jpg

Interaktion am Tisch und an der Wand

Für die Tagesthemen und tagesschau24 wurde ein Touch-Interface konzipiert, das Moderatoren die direkte Interaktion mit Inhalten auf der Medienwand und am Moderationstisch ermöglicht. Zoom, Pin-Platzierung, Rotation, Puzzle-Elemente und Video-Steuerung — jede Funktion als Icon-basiertes Toolbar-System, das im Live-Betrieb funktioniert.


tagesschau24

Modulares Erscheinungsbild

Das Erscheinungsbild von tagesschau24 baut auf den Komponenten des ARD-aktuell-Designs auf. Farben, Strukturen, Flächen und Typografie werden als modulare Bausteine weitergeführt — auf Basis eines Rasters kombinierbar in unterschiedlichen Sequenzen. Vom Themen-Opener über Trailer-Packshots bis zu Schnittstellendesign und Crawl.

andreas-binar-design-tagesschau-24-logo.jpg
andreas-binar-design-tagesschau-24-next.jpg
andreas-binar-design-tagesschau-24-promo.jpg

Auszeichnungen

Eyes & Ears Awards 2014 — Best Studio Design und Best Information Design. Die Jury würdigte das Zusammenspiel aus Studio, Medienwand und Designsystem als richtungsweisend für den deutschsprachigen Nachrichtenjournalismus.

andreas-binar-design-tagesschau-studio-8.jpg
andreas-binar-design-tagesschau-studio-2.jpg