WEB
01
IDENTITY
Design
is motion.
is motion.
DESIGN IS MOTION.
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.
Relaciones entre identidad visual, motion, interacción y sistemas digitales.
01
STUDY 001 — DECONSTRUCTION / RECONSTRUCTION
En entornos digitales la marca gráfica vive y se transforma.
Move the cursor
MF / 6 PARTS / 1 SYSTEM
Study 001
La forma se transforma, escala, posición y orientación sin necesariamente perder reconocimiento. ¿Hasta que punto el signo puede mantener constantes en sus variables y cambiar sin perder reconocimiento?.
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 y mantenerse reconocible.
MF / DEFAULT
M / F / RECOMPOSED
Study 002
En el mundo digital la identidad define reglas para comunicar.
03
Responsive Identity
Flexible y reconocible.
State
Expanded
Study 003
Decimos que una identidad es responsive cuando el sistema se adapta y reorganiza en función de el espacio digital sin afectar las relaciones de jerarquía y contenido.
04
Interaction
El usuario interviene 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 manteniendo el sentido.
Hover / Resize
EXPANDED
COMPACT
Responsive Mark
La identidad responde al espacio reconfigurando el sistema.
Hover / Transition
MF
DESIGN
Modular Transition
Los módulos de el sistema se convierten en unidades y construyen sentido a tarvés de el movimiento.
+
Next Study
Nuevas pruebas y preguntas por desarrollar.