Title image

movimiento Tag

Home / Posts tagged "movimiento"

¡Hola que tal chicos!

Una de las tendencias que he visto aumentar con más frecuencia en los últimos años, es el uso de animaciones para explicar ideas, promociones, productos o servicios.

Sin embargo, se han ido convirtiendo en herramientas al alcance de todas las personas, pues algunas aplicaciones como Instagram o Whatsapp, permiten compartir animaciones breves (stories o estados), con posibilidades de incluir gráficos y textos animados.

Si tomamos en cuenta las considerables cantidades de tiempo que los usuarios del mundo digital invierten en ver videos, los motion graphics pueden volverse indispensables para transmitir nuestro contenido.

Podemos decir entonces, que las necesidades de comunicación han superado la barrera de la profesión, en aras de brindar a las personas mejores formas para comunicarse. Y es que, sin lugar a dudas,  el video es el mejor recurso multiplataforma para comunicar un mensaje, contar una historia e inspirar a un público.

Es por eso qué, en esta entrada del blog, hablaremos de los Motion Graphics, qué son y para qué nos sirven, así como de algunas características que te convencerán totalmente de que, utilizarlos para tus proyectos personales o de negocio, es una gran decisión.

¿Diseño, Animación o Motion Graphics?

Sinceramente, la diferencia entre estas 3 áreas es cada vez más sutil, pues los Motion Graphics son elementos gráficos a los que se les da vida a través de la animación. Estos elementos se pueden rotar, escalar o mover, hasta conseguir una secuencia de vídeo o producto multimedia.

En pocas palabras, los Motion Graphics se definen como gráficos multimedia en movimiento y se distinguen de otros tipos de animación por la forma en la que se producen, el bajo costo de su realización, entre otros.

Un viejo conocido

Los motion graphics no son nada nuevo. La realidad es que se han sido utilizado como herramientas visuales desde hace varios años
¿Como reconocer los Motion Graphics de otros tipos de animación?

En realidad es difícil hacerlo, pues comparte elementos con otros tipos de producción en video. Pero podemos ubicar sus siguientes características:

  • Suelen ser en 2 dimensiones, aunque gracias al movimiento, se puede crear la ilusión de 3D
  • Tradicionalmente, las animaciones se realizan en formatos rectangulares apaisados, sin embargo, su uso extendido en diversos medios (web, redes sociales, dispositivos móviles, etc.) han permitido formatos cuadrados o verticales.
  • No todos los elementos en los Motion Graphics tienen que “moverse”, basta con crear esa ilusión. Por ejemplo, un título puede agrandarse, desaparecer o cambiar de color, sin necesidad de estar en movimiento.
  • Suelen usar desvanecidos, zooms, cortinillas de entrada y de salida y cualquier elemento de transición que facilite la transmisión de un mensaje.
  • Al ser un elemento multimedia, reúne en una misma producción elementos de distinta naturaleza: gráficos vectoriales, mapas de bits, vídeo, audio, etc., loq eu sea necesario para hacer un producto impresionante.

¿El futuro, hoy?

Se calcula que en 2019, el 80% del tráfico en Internet será en video
¿Que tipo de Motion Graphics hay?
  • Kinetic/Motion Graphics:  Combinación de texto y diseño gráfico que juegan entre sí acompañados generalmente de música. La clave es un diseño seductor y una buena combinación de los elementos. Son actualmente muy utilizados en campañas de marketing
  • Kinetic Typography:  Están compuestos básicamente por texto en movimiento y aunque suene algo simple, puede ser una técnica muy atractiva. Usualmente va acompañada de un narrador, de esta forma el mensaje se comunica de manera muy efectiva ya que el audio lo refuerza. Aquí puedes ver un buen ejemplo.
  • Cut Out: Consiste en dibujar un personaje y recortar sus extremidades en partes para después unirlas y generar sus articulaciones. De esta forma quedan marionetas que deben animarse cuadro por cuadro (como en stopmotion). Sin embargo, con este mismo principio se puede realizar de forma digital.
  • Motion Graphics + Live Action:  Fusionando los Motion Graphics con la imagen real, es posible crear un efecto impactante. Se utiliza mucho en producciones de tipo institucionales, como campañas electorales o presentaciones de empresas.

Dilo todo en movimiento

Si una imagen vale más de mil palabras.., ¿será que un minuto de video equivaldrá a 1.8 millones?
Principales Ventajas de los Motion Graphics
  • Refuerzan el Storytelling:  Gracias a su versatilidad, contar historias y llegar al publico, es mucho más sencillo y dinámico.
  • Son económicos:  Tanto en tiempo como en dinero, los Motion Graphics son significativamente más baratos, en comparación con otro tipo de producciones.
  • Poseen una gran variedad de estilos: Como cualquier expresión visual, la creatividad es el único límite. Ya sea utilizando fotos, stopmotion, textos o modelos en 3D, podemos encontrar Motion Graphics en estilos inimaginables.
  • Son Multiplataforma:  La gama de dispositivos que reproducen video es enorme. Desde celulares y pantallas de cine, hasta dispositivos GPS y Apps.  Su alcance es increíble.
  • Generan una mejor impresión:  Las personas cada vez pasan más tiempo en internet y se ha demostrado que los videos atraen más la atención y producen mayor impacto al público.

Conectando al mundo

El 92% de las personas en internet, comparten videos

En la actualidad, la publicidad convencional ya no es tan efectiva para atraer nuevos clientes, por ello, muchas personas y empresas están eligiendo este tipo de comunicación por las  ventajas que conlleva.

En Galahad Studio somos profesionales en el desarrollo de estos materiales, deja de gastar en flyers o anuncios costosos para llegar a cientos; Con nuestro servicio de Animación y Motion Graphics te ayudamos a que te vean miles.

¿Ustedes comparten estados animados en sus redes?, ¿Conocen otros tipos de Motion Graphics??

No olviden dejar sus comentarios.

¡Saludos!

¡Hola que tal chicos!

Hoy en día es imposible concebir nuestros días sin nuestros dispositivos móviles. En ellos almacenamos (y en muchas ocasiones pasamos) gran parte de nuestras vidas. Teléfonos de contacto, juegos, mensajes, fotografías y un sinnúmero más de información generamos día con día, la cual convive a través de diversas plataformas y aplicaciones, dispuesta de la manera más práctica para compartirla con quienes queramos a lo largo de todo el mundo.

“A diferencia del papel, el Material Design, se puede ampliar y re-dimensionar de manera inteligente” - Matías Duarte

Sin embargo, pocas veces nos detenemos a pensar en el esfuerzo que ha significado, así como las innumerables pruebas y errores que se han hecho, para lograr que la experiencia de los usuarios (concepto mejor conocido en sus siglas en inglés, UXD) sea la mejor, al utilizar distintas aplicaciones y navegar por sitios web. En gran medida Google, ha destinado buena parte de sus esfuerzos en mejorar continuamente sus aplicaciones, para garantizar la funcionalidad de cada uno de sus productos. En esta entrada del blog, vamos a hablar un poco del Material Design, la gran apuesta de Google para unificar la experiencia de los usuarios a través de distintos dispositivos y plataformas.

El buen diseño y las posibilidades tecnológicas

En pocas palabras, el Material Design, es un lenguaje visual pensado en los usuarios, que sintetiza los principios clásicos del buen diseño y los mezcla con la innovación y las posibilidades que brinda la tecnología y la ciencia. Fue desarrollado por Google y anunciado en la conferencia Google I/O del 2014. Busca mejorar la visualización de Android (obviamente), pero también generar una experiencia unificada de la web en cualquier plataforma y tamaños de dispositivos. Todo esto, a través de una interfaz basada en tarjetas, como se vio por primera vez en Google Now.

Quien sepa de diseño web o de desarrollo de apps, sabrá lo difícil que es lograr hacerlas funcionar correctamente, considerando todos los tamaños de dispositivos y resoluciones que existen actualmente en el mercado. De ahí la importancia y utilidad de esta propuesta de Google.

Experiencia unificada

La división en bloques o tarjetas, juega un papel importante en el Material Design
La materia como metáfora

La realidad es que, por más “digitalizada” que sea nuestra vida hoy en día, nuestra concepción y entendimiento del mundo, lo realizamos a través de todo el conjunto de sentidos que tenemos. Es decir, tenemos la capacidad de anticipar circunstancias gracias a la apariencia (o sonido, olor o sabor, etc.) de las mismas.

Por ejemplo, sabemos que algo está a punto de caer, cuando detectamos una falta de estabilidad en el objeto. Esta lógica, ha sido llevada al desarrollo del Material Design, al buscar generar una analogía entre un espacio real y el “espacio” que tenemos dentro de una web o aplicación.

De esta manera, las superficies y los bordes de los elementos dentro de una app o web, buscan proporcionar pistas visuales basadas en la realidad, ayudando a los usuarios a comprender rápidamente las posibilidades. Sin embargo, la flexibilidad del Material Design, permite también la creación de nuevas posibilidades que reemplazan a aquellas en el mundo físico, sin romper las reglas de la física misma. Se trata de la posibilidad de volver un espacio digital bidimensional, en uno tridimensional.

La luz crea espacio

En el Material Design, al generar luces realistas en los objetos, podemos definir jerarquías o insinuar ``interactividad``
Nada es dejado a la suerte

El fundamento básico del Diseño, es la composición, así como sus elementos formales (tipografía, cuadrículas, espacio, escala, color, imágenes, etc.) y estos guían las desiciones visuales dentro del Material Design.

Pues justo son estos elementos los que crean jerarquía, significado y enfoque. Las elecciones de color, las imágenes de borde a borde, la tipografía a gran escala y el espacio en blanco intencional, crean una interfaz gráfica que sumerge al usuario en la experiencia. Una buena composición logra mucho más que simplemente agradar a la vista.

La interacción de la forma

Al resaltar elementos con colores contrastantes, se genera una respuesta en el usuario para interactuar con ellos
El movimiento, significa

Dentro del Material Design, se considera al movimiento como el motor principal de la experiencia de usuario, pues las interacciones dentro de una app transforman y refuerzan todo el diseño en ella, buscando siempre no romper la continuidad de la experiencia misma.

De esta manera, el movimiento no sólo atrae la atención, si no que se vuelve un elemento significativo, permitiendo enfocar la atención y mantener la continuidad del usuario.

Transformaciones activas

El movimiento dentro de una app, puede facilitar la lectura del contenido de la misma

Como podemos ver, el Material Design no se trata de código o lenguajes de programación, sino de diseñar para personas reales. Esta propuesta de lenguaje visual, nos permite regresar a los principios básicos del Diseño, en dónde menos es más. Es por ello que en Galahad Studio creemos que el diseño importa, porque importan las personas para las que es creado.

¿Ustedes conocían este desarrollo?, ¿Creen que la unificación en el lenguaje visual, es una oportunidad o una limitante?

No olviden dejar sus comentarios.

¡Saludos!

Abrir chat
1
¿Dudas? ¡Hagamos tu proyecto realidad!
¡Saludos Capitán!

Soy Avalon IV, tu asistente virtual a bordo de Galahad Studio...

¿Tienes un proyecto en mente? ¡Déjanos orientarte! y recibe un descuento especial, en el primer proyecto que desarrollemos juntos.

Envíanos un mensaje y ¡Comencemos!