WEB
01
IDENTITY
Design
is motion.
is motion.
DESIGN IS MOTION.
Experiments in identity,
motion and interaction.
By Mauricio Franco
Identity
Motion
Interaction
Systems
About this space
Un espacio para explorar cómo una identidad puede comportarse, transformarse e interactuar.
Un laboratorio donde explorar e investigar relaciones entre identidad visual, movimiento, sistemas digitales e interacción.
01
STUDY 001 — DECONSTRUCTION / RECONSTRUCTION
Qué permanece y qué cambia cuando una identidad se mueve.
Move the cursor
MF / 6 PARTS / 1 SYSTEM
Study 001
La forma puede cambiar de escala, posición y orientación sin necesariamente perder reconocimiento. El experimento comienza a preguntar qué variables son constantes y cuáles pueden transformarse.
02
Motion as System
Ritmo, duración, dirección, escala y transformación.
MF / MOTION SPECIMEN
Hover each principle
01
Direction
El movimiento define hacia dónde se dirige la atención.
02
Duration
El mismo recorrido produce sensaciones diferentes según su duración.
FAST
SLOW
03
Rhythm
Repetición, pausa y secuencia construyen ritmo visual.
04
Scale
Cambiar de escala modifica jerarquía, presencia y atención.
05
Transformation
Una forma puede cambiar orientación y proporción sin desaparecer.
MF / DEFAULT
M / F / RECOMPOSED
Study 002
Si una identidad tiene reglas para tipografía, color y composición, también puede comenzar a definir reglas para velocidad, aceleración, pausa, repetición y transición.
03
Responsive Identity
Una misma lógica. Diferentes condiciones.
State
Expanded
Study 003
Una identidad responsive no consiste solamente en reducir un logotipo. El sistema puede reorganizar jerarquías, información y relaciones según el espacio disponible.
04
Interaction
Cuando el usuario entra en el sistema.
BUILD THE MARK
0 / 6
DRAG
→
SNAP
→
ASSEMBLE
Study 004
Los módulos de la identidad pueden funcionar como elementos independientes. La interacción permite manipularlos y reconstruir el sistema, convirtiendo al usuario en parte activa del comportamiento de la marca.
05
Digital Activation
Cuando la identidad se convierte en experiencia.
DISPLAY
02
ASSEMBLE
SOCIAL
03
INTERFACE
04
MF SYSTEM
●
MOTION STUDY
Identity
in motion.
in motion.
Study 005
Una identidad digital no se comporta necesariamente de la misma manera en todos los puntos de contacto. Web, interfaces, displays y redes sociales pueden compartir un mismo sistema y, al mismo tiempo, activar comportamientos diferentes.
06
Experiments
Pruebas, estudios y prototipos.
Hover / Recompose
DESIGN
IS
MOTION.
Kinetic Type
El movimiento reorganiza jerarquías, posiciones y relaciones espaciales sin deformar la tipografía.
Hover / Resize
EXPANDED
COMPACT
Responsive Mark
La identidad responde al espacio reorganizando su configuración, no deformando su geometría.
Hover / Transition
MF
DESIGN
Modular Transition
Los módulos del monograma se convierten en unidades de transición y construyen continuidad entre estados.
+
Next Study
Nuevas pruebas y preguntas por desarrollar.