MOUVO
Index

Mouvo Index is a fresh new endeavour and a direction to develop our platform with an aim to curate, archive, catalogue and educate within the intersection of audio-visual culture and digital technology. Our first project is called Time & Motion and is an interactive and curated selection to define and map historical development of motion design. The project is getting back to the Mouvo roots, definining and understanding the genre of motion design that is an inclusive field on the intersection of animation, film, design and technology.

The curation of Time & Motion is seen from an artist perspective. Seven themes try to group together visual examples that have a common nominator – the desired flow and content of visual communication. Thus they may range enourmously in used techniques, they always try to seek a common goal in communication. And for them to be selected, we’ve always ask the question – what role does the motion play in the visual communication?

From the very start we understood motion design as a dynamic visual language. It overlays animation, graphic design, film, video, special effects, and new technology. Not necessarily using all the possibilities at once. Its main characteristic is a timeline development and a flow of changing forms tied to it. Motion Design borrows and translates elements of the specific fields which it grows upon. Visual abstraction, graphic simplification, sense for layout, composition, and information structure, choreography of motion and other narrative elements.

The selection Time & Motion is mapping the motion design evolution as it has adapted to the ever-changing technologies of audiovisual production and presentation. The demand for a new visual form gave birth to the film title sequences, television branding or interactive animations. Motion design is thus ubiquitous. Ranging from animated icons on small devices to giant projection screens and canvases. Motion of graphic elements becomes inevitable and a key building part of the current visual design.

Timeline-based development and natural narrativity enable design to simplify. Thanks to animation the things become tangible and physical. The moving image is simply fascinating. Motion Design is not just an eye-candy nor graphics in motion. It’s an elementary way of thinking and an important core of the dynamic visual communication and its creation.

Title design

The title design is the first specific field which let motion design proliferate. Initially static text information transformed into a narrative form using visually strong typography and graphic iconography. Together with production tools of the time and the prevailing influence of modernism it made the characteristic image of the genre. Some of the best creators professionally grew up right on the title design genre. It still remains among exclusive and very popular genres today. The popularity of the film and television industry helped to extend the use of new technologies and creative forms for the industry. It also helped to spread the idea of animation as complementary to graphic design.

Motion Graphic Sequences

The film and later television narration has always offered a space for supportive graphic elements. It all started with typographic cards for silent movies and continued with infographics in news broadcasts. The development of visual culture and technological possibilities helped to enrich graphic sequences and extended the range of their use. The main principle for these remains the same. It complements the main narration with additional information. Whether it is clearly informative and factual. Or making an illusive effect.

Motion Narratives

Graphic design has a great ability to simplify things. The use of abstract visual graphic forms has always been an appropriate way for explaining complicated an intriguing problems and relations. Animation levels that up. It can structure and direct the information flow to make it even more clear and simple to understand. Animated films based on simplified graphic forms were used early on for government, corporate, educational and scientific needs and remained popular until today. They present a clear narrative with a clear message. Because of its abstract meaning science can't be explained well enough with a live footage movie. But in form of motion design it can gain quite a popular interest. As well as developing news features and visual essays.

Interactive Design

The animation can also take a part in non-linear interactive forms manipulated by the user. Depending on the size of medium the dynamics of design is its key aspect. The motion enables to underscore the semantic part. A shake of a button on display telling you about a wrong input. Animation enables one to simplify and make a hierarchy of the information structure the user is engaged with. Meaningful phasing of information, their motion and transformation together help to navigate in the digital space. Or can just simply impress the user and let him enjoy the interaction a bit more.

Dynamic Visual Identity

The ability to work with a logo and a visual identity that develop throughout time found one of its early uses at television stations. British Channel 4 introduced its modular logo in the 80's. Parts of the logo became active in variety of motion choreography and formed a range of different structures like clocks or layouts. The expansive range of creative approaches to the visual identity was accelerated when MTV came in. It offered a wide open space to young creatives for freely experimenting with the identity. Animation enables visual identity to develop its potential beyond the framework of its static use.

Spatial Motion Design

Digital and interactive platforms let motion design expand from screens to space. Motion design is naturally illusive. Using advanced projection technologies enables us to modify and create new space order. Established and experimental technologies as live tracking or 3D mapping let motion design use a vast range of narrative situations from light installations to complicated scenic stories. Motion design then owerpowers the space. Ranging from tiny projections on a body or interior installations to stage compositions and massive projections on architecture or natural landscapes.

Experimental Motion

The experimental approach goes hand in hand with the abstract motion medium. Thanks to this motion design becomes very inclusive. New technological possibilities still expand the space for exploring new artistic approaches. The specific meaning is not the key and can be missing in the narration. More important is the creative expression, innovation and subjective feeling of the piece. The oldest examples of motion design can be traced back to experiment abstract animation authors like Oskar Fischinger or Hans Richter. Their animation studies connected the visual medium with music in a way that had not been explored before. Choreography of the abstract image established a dialogue with music. The strong cohesion of sound and motion still belongs among dominant creative approaches. Experimental creation offered a space to use with a massive variety of artistic tools. The collaboration across different fields continuously widens the interdisciplinary area of motion design.

Read more ↓
Hide ↑

Filters:

ALL
Dynamic Visual Identity
Experimental Motion
Interactive Design
Motion Graphic Sequences
Motion Narratives
Spatial Motion Design
Title design
ALL
1900s
1920s
1930s
1940s
1950s
1960s
1970s
1980s
1990s
2000s
2010s
2020s
ALL
Animation
CGI
Coding
Live action
Mixed media
Stop motion
Typography
Walter Ruttmann|
1905

Lichtspiel Opus II

Animation
Stop motion
Hans Richter|
1921

Rhythmus 21

Animation
Stop motion
Len Lye|
1937

Trade Tattoo

Animation
Stop motion
Oskar Fischinger|
1938

An Optical Poem

Animation
Stop motion
Norman McLaren|
1940

Dots

Animation
Stop motion
James Whitney|
1941

Variatons on a Circle

Animation
Stop motion
Jack Kinney, The Walt Disney Studios|
1944

How to Play Golf

Animation
Stop motion
Saul Bass|
1955

The Man with the Golden Arm

Animation
Typography
Norman McLaren|
1956

Rythmetic

Animation
CGI
Typography
Saul Bass|
1958

Vertigo

CGI
Live action
Typography
Saul Bass|
1958

Vertigo

CGI
Live action
Typography
Saul Bass|
1959

Anatomy of a Murder

Animation
Typography
Jean–Luc Godard|
1961

Woman is a Woman

Live action
Typography
Maurice Binder|
1961

Dr. No

Animation
Live action
Typography
John Whitney|
1961

Catalog

CGI
Robert Mulligan|
1962

To Kill a Mockingbird

Live action
Typography
Pablo Ferro|
1964

Dr. Strangelove

Live action
Typography
Pablo Ferro|
1964

Dr. Strangelove

Pablo Ferro|
1967

Bullit

Live action
Typography
Steina & Woody Vasulka|
1976

Noisefields

Live action
Larry Cuba|
1977

Star Wars Display Graphics

CGI
Eames Office|
1977

Powers of Ten

Animation
Live action
Richard Greenberg, R/GA|
1978

Superman

CGI
Typography
Richard Greenberg, R/GA|
1979

Alien

CGI
Typography
Mixed Authors|
1981

MTV

Animation
CGI
Live action
Martin Lambie–Nairn|
1982

Channel 4

CGI
Mamoru Oshii|
1995

Ghost in the Shell

Animation
CGI
Typography
Kyle Cooper R/GA|
1995

Seven

Live action
Typography
Kyle Cooper|
1996

The Island of Dr. Moreau

Live action
Typography
Kevin Tod Haug, Digital Domain|
1999

Fight Club IKEA Catalogue

Animation
CGI
Typography
Simon Robson|
2004

What Barry Says

Animation
CGI
Typography
Spin|
2005

More4 Idents

Animation
Live action
MK12|
2006

Stranger than Fiction Infographics

Animation
CGI
Typography
Moving Brands|
2006

LCF – interactive table

Animation
Coding
Typography
Stefan Sagmeister|
2007

Casa Da Musica

Animation
Danny Yount|
2008

Iron Man

CGI
Typography
Urbanscreen by Daniel Rossa|
2009

555 KUBIK

Xavier Chassaing|
2009

Scintillation

Live action
Kyle Cooper, Prologue|
2009

Offf 2009

CGI
Live action
Typography
Tom Kan|
2009

Enter the Void

Typography
|
2009

Microsoft: Productivity Future Vision

CGI
Live action
Büro Achter April|
2009

transmediale.11

Coding
Oficina|
2009

Cool

Animation
Typography
Wolff Olins|
2009

AOL

CGI
Live action
Renaud Hallée|
2009

Sonar

Coding
Karin Fong|
2010

Rubicon

Animation
Mixed media
Typography
Peter Anderson Studio|
2010

Sherlock

Animation
CGI
Typography
GMunk, Digital Domain|
2010

Tron Graphics

Animation
CGI
BUCK|
2010

Waiting for Superman

Animation
Typography
Candas Sisman|
2010

Flux

CGI
Esteban Diácono|
2010

Ljósið

CGI
Takuya Hosogane|
2010

Disrupted by Design

Animation
Matt Pyke, Field|
2011

Communion

Animation
CGI
Coding
Kenzo Digital|
2011

Beyonce – 2011 Billboard Awards

CGI
Live action
Universal Everything, Field|
2011

Deutsche Bank – Media Wall

Animation
Coding
Amon Tobin|
2011

Isam

CGI
Live action
Simon Clowes, Prologue|
2011

X–Men: First Class

Animation
Typography
Alexander Chen|
2011

Conductor

Coding
Sander van Dijk, BUCK|
2011

BUCK – Logo

Animation
Ruth Jarman and Joe Gerhardt, Semiconductor|
2011

20 Hz

CGI
Memo Akten|
2011

Simple Harmonic Motion #5.8

Coding
BUCK|
2012

Good Books – Metamorphosis

Animation
CGI
Gretel|
2012

Vh1 Critics’ Choice Movie Awards 2012

Animation
Live action
Marshmallow Laser Feast|
2012

Meet Your Creator 

CGI
Live action
Romain Tardy, Thomas Vaquié|
2012

O (Omicron)

CGI
Sebas and Clim|
2012

Tiny Story

Animation
Typography
Florian Geyer|
2012

Understand music

Animation
SPOV|
2012

Black Ops 2: Screen graphics

Animation
CGI
Typography
B-Reel|
2012

Google Web Lab

Animation
Coding
Ion|
2012

Spherikal

CGI
Daniel Franke|
2012

Unnamed Soundsculpture

CGI
Coding
Memo Akten|
2012

Forms (Excerpt)

CGI
Coding
GMunk, BOT & DOLLY|
2013

BOX

CGI
Coding
Live action
GMunk, Crater Lake Productions|
2013

Oblivion GFX Montage

Animation
CGI
Typography
BUCK|
2013

IBM Datagrams

Animation
Typography
BUCK|
2013

Designed by Apple in California

Animation
Typography
Kurzgesagt|
2013

Kurzgesagt – In a Nutshell

Animation
Universal Everything|
2013

1000 Hands

Animation
CGI
Experimental Jetset|
2013

Whitney Museum

Animation
Typography
Marc–Antoine Locatelli|
2013

Nuance

CGI
Live action
Daniel Sierra|
2013

Oscillate

CGI
Universal Everything|
2014

Microsoft – Infinity Room

CGI
Live action
GMunk|
2014

BECK – Where It’s At – Coachella 2014

CGI
Live action
Mark Porter|
2014

RTL Nieuws

Animation
CGI
Typography
Vox Media|
2014

Vox News Graphics

Animation
Live action
Typography
Universal Everything|
2014

Radiohead / Polyfauna

CGI
Coding
Google Design|
2014

Material Design Motion

Animation
Coding
Carlos Vega|
2014

An Expansion

Animation
Susi Sie|
2014

Cymatics

Live action
Ryoji Ikeda|
2015

micro | macro

Coding
Universal Everything|
2015

Sydney Opera House 

Animation
CGI
Ash Thorp|
2015

FITC Tokyo

Animation
Typography
Simon Cassels, Ash Thorpe, Rushes London|
2015

SPECTRE – UI Reel

Animation
CGI
Typography
Field|
2015

Monotype Type Reinvented

CGI
Field|
2015

Nike Force of Nature

CGI
Coding
Facebook Design|
2015

Reactions

Animation
Google Creative Lab|
2015

Google Dynamic Identity

Animation
DixonBaxi|
2016

This is Premier League

Animation
Typography
Ash Thorp|
2016

Call of Duty

Animation
CGI
Typography
VICE|
2016

Vice News Tonight

Animation
Live action
Typography
Gretel|
2016

Don´t Blink Apple

Typography
Louis Mallart|
2016

Micro/Macro

Animation
CGI
Kenton Powell, Vice News|
2016

Vice News Tonight Explainers

Animation
Typography
Marshmallow Laser Feast|
2016

Iteota

CGI
Coding
Nando Costa|
2016

Ted Talk on Hololens by Ken Kipman

Animation
CGI
Coding
Oficina|
2016

MOUVO 2016

Animation
Typography
Universal Everything|
2016

Editions At Play

Animation
CGI
Typography
DBLG|
2016

Channel 4 Rebrand

Animation
CGI
Typography
DIA|
2017

SPACE10

Animation
Typography
Nobumichi Asai|
2017

Inori

CGI
Live action
Universal Everything|
2017

Screens of the Future

CGI
Live action
Universal Everyting|
2017

Unconfined – Samsung Galaxy S8 launch

Animation
CGI
Max Hattler|
2017

Divisional Articulations

Animation
CGI
Moth|
2017

CNN Color Scope series – Blue

Animation
CGI
Daniel Savage|
2017

Marshall McLuhan

Animation
CGI
Typography
Sander van Dijk|
2017

Sana

Animation
Hugo & Marie|
2017

Alignments for Thunder Tillman

Animation
CGI
Maxime Causeret|
2017

Order from Chaos 

CGI
Coding
bfophoto|
2017

WoodSwimmer

Live action
Gunner|
2018

Google Home App

Animation
Coding
Illo|
2018

Bloomberg Billionaires Tracker

Animation
Typography
Wonderlust|
2018

Some

Tolm|
2019

OP+

Animation
CGI
Alma Mater by Brian Mah|
2019

The Lego Movie 2: The Second Part

Animation
CGI
Ordinary Folk|
2019

Volvo – 360c Concept

Animation
BUCK|
2019

IBM Design Language

Animation
Joyce N. Ho|
2019

IBM – Moonshot

Animation
Live action
Typography
Moth |
2019

Check This – Google

Animation
Typography
Nohlab|
2019

Journey

CGI
Coding
Hobbes|
2019

Firefly Drone Shows

CGI
Coding
Kevin McGloughlin|
2019

Repetition – Max Cooper

CGI
Live action
Mass FX by Jeff Orlowski |
2020

The Social Dilemma

Animation
CGI
Live action
Typography
Hobbes|
2020

OP/AL

Animation
Coding
Oddfellows|
2021

Adobe

Animation
Typography
Gunner by Jordan Scotty |
2021

Dropbox – Logo Animation System

Animation
DIA |
2021

Chaumont Biennale

Live action
Typography
Julien Hespenheide|
2021

Daydream

Coding
Typography
Ksawery Komputery|
2022

Symphony in Acid 

Coding
Typography
Dirk Koy|
2023

Goods 01 – 07

CGI
Live action
Studio Dumbar/DEPT®|
2025

OpenAI Refreshed.

Animation
Typography
BUCK|
2027

Google Pixel Wall

Animation
Coding