La evolución de HTML5 en cada vez más evidente, al día de hoy ya no sólo se utiliza para escribir páginas web, sino también para muchas otras utilidades multimedia. Tanto ha sido el crecimiento, que mucho software ha visto por primera vez la luz, además de que resulta ser pionero en el enfoque que ofrecen. En esta ocasión les presentamos una herramienta muy útil que Google ha puesto a nuestra disposición para la generación de objetos animados y con mucho color.
¿Qué es Google Web Designer?
Llevar las ideas a la vida a través de las pantallas, es el lema con el que Google presenta Google Web Designer. Una herramienta con la que podemos generar animaciones, diseños, gráficos y mucho más.
La parte interesante está en crear diseños basados en HTML5 que sean interactivas, atractivas y gráficos en movimiento que se pueden ejecutar en cualquier dispositivo.
Ideas principales
Cualquier pantalla. No importa lo brillante que sea nuestro trabajo si la gente no puede verlo. Actualmente todo lo que se crea es accesible en cualquier pantalla ya sea, el escritorio de una PC, una tableta o móvil, sin tener problemas de compatibilidad.
Centrarse en el diseño. Manejando HTML5 y CSS3 seremos libres de centrarnos en lo que importa. La creación de magníficas experiencias visuales mediante un conjunto completo de diseño permitiéndonos llevar fácilmente cualquier ilustración de la vista a la vida.
Amplificar con código. Todo el código detrás de los diseños son editables a mano, así que este punto no es pretexto para trabajar sobre la herramienta.
Características
Modos de animación
Tenemos dos formas de animación a utilizar. En el modo rápido, construye una animación escena por escena y la herramienta se encargará de los fotogramas intermedios, donde se añade un nuevo punto de vista de toda la página, puedes cambiar los elementos que deseas animar y, opcionalmente, modificar los tiempos de transición.
En el modo Avanzado permite animar de forma individual cada uno de los elementos, opcionalmente, modificando los tiempos de transición fácilmente. El modo avanzado también muestra capas permitiendo cambiar cada elemento en la pila de elementos
