El término que nadie define
Busca esta expresión y los resultados se contradicen entre sí. Unas páginas la tratan como un estilo de animación, otras como un tipo de logo estático que parece rápido y otras hablan de una empresa que comparte el nombre. No hay ningún organismo que normalice el vocabulario de los logos, así que el término se empezó a usar sin que nadie lo fijara, y el lector se queda adivinando a cuál de los significados se refiere la página que tiene delante.
La suposición merece hacerse a propósito, porque los tres significados llevan a tres trabajos distintos. Uno es un archivo de vídeo. Otro es un dibujo. Otro es un sinónimo. Saber cuál quieres antes de abrir una herramienta o de encargar el trabajo a un diseñador evita que todo el proyecto se construya dos veces.
Aquí están los tres, qué produce cada uno y cómo saber si es el que buscas.
Tres cosas que la gente entiende por motional logo
Un logo con movimiento añadido
Es el significado más común en la práctica: la marca gráfica, animada. El logo estático se queda exactamente como está y se construye un vídeo corto a su alrededor: una entrada, un asentamiento en el tiempo fuerte y una pausa lo bastante larga para leer el nombre. El resultado es un archivo, no un dibujo. Si lo que necesitas es algo que abra un Reel, un canal o una página de producto, este es el significado que buscas, y el trabajo es animación más que diseño.
Un isotipo estático que sugiere movimiento
El segundo significado es una propiedad de diseño más que un archivo. Un logo fijo puede sugerir movimiento a través de su geometría: un logotipo inclinado, un isotipo con líneas de estela, una forma que se inclina hacia delante, un monograma construido alrededor de una flecha o un trazo curvo. En pantalla nada se mueve y, aun así, el isotipo se lee como algo rápido. Este es el significado en juego cuando alguien dice que un logo se siente motional mientras mira una tarjeta de visita.
Una forma abreviada de decir logomotion
El tercer significado es desviación del vocabulario. Motional, motion, logomotion, logo motion: el sector nunca se ha decidido por uno, y la expresión se usa como sinónimo impreciso de toda la categoría. Cuando aparece en ese sentido, la pregunta de fondo es la genérica: ¿cómo hago que mi isotipo se mueva? La respuesta es el mismo proceso en cualquier caso.
La versión estática: isotipos que sugieren velocidad
El movimiento implícito es una técnica de diseño real con una larga historia, y conviene conocerla antes de encargar un redibujado, porque parte de ella se puede añadir a un isotipo existente y parte no.
Marcas de velocidad, inclinación y líneas de estela
El vocabulario es pequeño y coherente. Un tratamiento oblicuo o en cursiva inclina la letra hacia delante y se lee como desplazamiento: los diseñadores tipográficos han usado la inclinación para dar impulso desde que existe la tipografía, y la base de conocimiento tipográfico de Google es un buen sitio para ver cómo se desarrolló esa convención. Las líneas de estela detrás de una forma toman prestada la gramática visual de la velocidad y del desenfoque de movimiento. Una silueta inclinada hacia delante, un galón, una flecha integrada en el espacio negativo: todos hacen el mismo trabajo. La limitación es que son decisiones de dibujo, así que viven en el archivo del logo y cambian la marca en todos los sitios donde aparece.
Cuando un isotipo de movimiento implícito sale mal
El modo de fallo es el exceso de compromiso. Un isotipo que se inclina demasiado se lee como inestable; las líneas de estela en un logotipo que tiene que ir en una factura se leen como decoración; una flecha escondida en un monograma es invisible a dieciséis píxeles. El movimiento implícito también envejece más rápido que la mayoría de los elementos de marca, porque el lenguaje visual de la velocidad cambia con cada década de publicidad. Añadir una inclinación a un isotipo es una decisión permanente sobre una estética temporal, y por eso muchos equipos mantienen neutra la marca estática y ponen el movimiento en la animación.
La versión animada: cuatro cosas que hacen que un isotipo se lea en movimiento
Si la versión que quieres es la animada, el oficio es más estrecho de lo que parece. Cuatro decisiones cargan con casi todo el resultado, y tres de ellas tienen que ver con la contención.
La entrada lleva la dirección
Un isotipo que entra barriendo desde la izquierda implica desplazamiento; un isotipo que crece desde su propio centro implica llegada. Ambas opciones son válidas y dicen cosas distintas de la marca. El error es una entrada sin dirección alguna: un fundido simple, que se lee como una transición de presentación de diapositivas en lugar de como una entrada.
El asentamiento se pasa un poco
Un isotipo que se detiene exactamente en su tamaño final se lee como mecánico. Un isotipo que rebasa su tamaño final en unos pocos puntos porcentuales y vuelve suavemente se lee como elástico, y la elasticidad es casi todo lo que separa el movimiento hecho a mano del movimiento de plantilla. El rebase tiene que ser pequeño. Pasado un cinco por ciento deja de leerse como un asentamiento y empieza a leerse como un rebote.
La pausa dura lo bastante para leerse
Medio segundo como mínimo, a tamaño completo y totalmente quieto. El movimiento atrae la atención y la quietud crea reconocimiento, y una revelación que nunca deja de moverse se recuerda como movimiento y no como un nombre. Esto es lo primero que se recorta cuando un clip queda largo, y debería ser lo último.
Los cambios de plano caen en el tiempo fuerte
Ajustar la animación a los marcadores de tiempo de la música es estructura, no decoración: el espectador no nota conscientemente la sincronización, pero su ausencia se percibe de inmediato como algo de aficionado. El formato también importa aquí: 9:16 vertical para los feeds y 16:9 para las pantallas, y la guía de YouTube sobre relación de aspecto y resolución confirma el 16:9 como estándar para reproducción en escritorio, además de desaconsejar que grabes tú las barras de letterbox en el archivo, ya que el reproductor añade su propio relleno cuando lo necesita.
Dónde encaja cada versión
Las dos versiones no compiten, y la mayoría de las marcas necesita ambas. El isotipo estático con movimiento implícito pertenece a todos los sitios donde el logo no puede moverse: iconos de aplicación y favicons, donde una inclinación funciona a dieciséis píxeles o no funciona; rotulación, envases e impresos, donde el recurso es un dibujo; y el propio logotipo principal, cuya geometría tiene que sobrevivir al bordado y al grabado.
La versión animada pertenece a todos los sitios donde la marca se ve en lugar de leerse: aperturas de canal, cabeceras de webs, creatividades publicitarias, pantallas de eventos y presentaciones comerciales. Una advertencia rige todos esos casos: la versión animada necesita un archivo original con un canal alfa real. Un SVG o un PNG transparente lo traen; un JPG no, y la diferencia no es algo que un ajuste de exportación pueda reparar. El resumen de tipos de archivo de imagen de MDN es una referencia útil sobre qué formatos conservan la transparencia y cuáles la aplanan.
Auditar tu propio isotipo antes de cambiar nada
La mayoría de los equipos ya tiene un logo, así que la pregunta práctica no es qué versión encargar, sino si el isotipo que tienen soporta uno u otro tratamiento. La auditoría lleva unos diez minutos y la responde sin necesidad de un diseñador.
Mira la silueta a dieciséis píxeles
Reduce el isotipo hasta el tamaño de un favicon y mira el contorno en lugar del detalle. Un isotipo cuya silueta sigue siendo reconocible a ese tamaño sobrevivirá al movimiento, porque el movimiento es sobre todo silueta: el ojo lee la forma primero y las letras después. Un isotipo que se convierte en una mancha gris a dieciséis píxeles no mejora al empezar a moverse: se convierte en una mancha en movimiento, y tanto el tratamiento de movimiento implícito como la animación hacen el problema más visible, no menos.
Comprueba si el isotipo tiene margen para deformarse
El movimiento animado necesita holgura en el dibujo. Un espaciado interior generoso, terminales redondeados, una sola forma fuerte y uno o dos colores le dan a una animación un sitio por donde moverse. Los logotipos con poco espaciado, los trazos finísimos, las uniones diagonales delgadas y los isotipos que dependen del detalle fino no tienen ninguno: ya están en el límite de legibilidad estando quietos, así que estirarlos aunque sea unos pocos puntos porcentuales le cuesta al lector el nombre. La prueba es rápida: aplasta el isotipo verticalmente un diez por ciento en pantalla y comprueba si todavía se lee. Si no se lee, la versión animada debería usar una variante simplificada en lugar del archivo principal.
Decide si el isotipo puede simplificarse para el movimiento
Una variante para movimiento es una parte normal de un sistema de marca, no un apaño. Es el mismo isotipo con el detalle interior reducido, el contorno algo más pesado y el texto más pequeño eliminado, dibujado para pantallas donde la marca aparece entre 60 y 200 píxeles en lugar de a tamaño de impresión. Las marcas que ya mantienen una versión de icono simplificada de su logo tienen casi todo este trabajo hecho. Las que solo tienen un logotipo bloqueado deberían construir la variante antes de animar, porque animar el archivo de imprenta produce exactamente el resultado de un archivo de imprenta moviéndose de un lado a otro.
La auditoría también resuelve qué versión necesitas. Un isotipo que se lee a dieciséis píxeles y tiene margen para deformarse soporta ambos tratamientos: el redibujado de movimiento implícito y la animación. Un isotipo que falla en la prueba de la silueta pero tiene geometría limpia está mejor servido solo por la animación, porque el movimiento le da presencia a una forma simple sin pedirle que cambie su dibujo.
Crear cualquiera de las dos versiones sin un equipo de diseño
La versión estática es un trabajo de diseño y no hay atajo que valga: añadir una inclinación o líneas de estela a un isotipo significa redibujar el isotipo. Lo que sí se puede hacer sin un diseñador es la versión animada, y la ruta del navegador ha convertido eso en un trabajo realmente corto. Sube un SVG o un PNG transparente, elige unos cuantos fotogramas de fondo, escoge una pista, y la animación se genera a partir de tu archivo con los cambios de plano colocados automáticamente en los marcadores de tiempo de la música.
Las decisiones creativas siguen siendo tuyas —el tono de los fotogramas, el tempo de la pista, el tamaño del isotipo en el encuadre— y los fotogramas clave no. Un logomotion sincronizado con el ritmo creado así se exporta en 9:16 para feeds o en 16:9 hasta 4K para pantallas desde una sola subida, y los principios de diseño que hay detrás conviene leerlos antes de la primera exportación, porque son lo que evita que una animación generada parezca generada. Todo el flujo ocurre en el editor del navegador, sin instalar nada.
Preguntas frecuentes
¿Es «motional logo» un término de diseño real?
Se usa, pero no está normalizado. La expresión aparece como sinónimo impreciso de animación de logo, como descripción de un isotipo fijo que implica movimiento y como parte del nombre de una empresa sin relación. Trátalo como un término de búsqueda en lugar de como una categoría técnica, y decide cuál de los tres significados necesitas antes de empezar a trabajar.
¿Cuál es la diferencia entre un motional logo y la animación de logo?
La animación de logo es un archivo: un vídeo corto del isotipo, montado con música y exportado para una ubicación concreta. Un motional logo puede significar eso, o puede significar un isotipo estático cuya geometría implica velocidad. La distinción importa porque una cosa es un cambio de diseño en el propio logo y la otra es un vídeo construido alrededor de un logo que permanece intacto.
¿Puede un logo sugerir movimiento sin estar animado?
Sí, y es una técnica deliberada más que un accidente. La inclinación, las líneas de estela, las siluetas inclinadas hacia delante y las flechas en el espacio negativo sugieren desplazamiento en una imagen fija. La contrapartida es la permanencia: esas decisiones viven en el archivo del logo y viajan a todos los sitios donde aparece la marca, así que hay que elegirlas para la década de la marca y no para la campaña de turno.
¿Qué archivo necesito para la versión animada?
Lo ideal es un SVG transparente, porque los bordes vectoriales escalan a cualquier tamaño de exportación sin reblandecerse. Un PNG de alta resolución con un canal alfa auténtico es casi igual de bueno. El JPG es el que hay que evitar: trae un fondo sólido, así que el isotipo llega dentro de una caja visible que aparece en todos los fotogramas.
¿Cuánto debe durar la animación?
De dos a cuatro segundos para una apertura en redes, y de cinco a diez para una cabecera web, una intro de canal o una pantalla de evento. En todos los casos el isotipo debe estar asentado y totalmente legible durante al menos el último medio segundo. La duración la decide dónde se reproduce el clip, no cuánto quiere mostrar la animación.
En resumen
La expresión es ambigua, y la ambigüedad solo sale cara si le permites elegir el trabajo por ti. Si lo que necesitas es un vídeo de tu isotipo, el logo estático no tiene que cambiar en absoluto: sube el archivo transparente, elige los fotogramas y una pista, y una marca en movimiento es cuestión de minutos en el navegador. Si lo que quieres es un isotipo que parezca rápido estando quieto, eso es un redibujado, y merece un diseñador y una decisión para diez años en lugar de una tarde de viernes. Saber cuál de las dos has pedido es todo el ejercicio.