JavGuerra,
Cree atractivos diseños interactivos basados en HTML5 y gráficos en movimiento que puedan ejecutarse en cualquier dispositivo.
Así se presenta Google Web Designer en su web. Se trata de una herramienta disponible para varios sistemas operativos que puede descargarse para crear animaciones y elementos interactivos en HTML5 y que se integra con otros productos de Google, como Google Drive, Display & Video 360 y Google Ads.
Veamos cómo funciona con un ejemplo:
Esta simple animación que preparé para la asignatura de Diseño de Interfaces Web de F.P.G.S. de Desarrollo de Aplicaciones Web, contiene la imagen de un cronómetro en formato SVG que creé con la herramienta Inkscape, y dos botones que nos permiten iniciar y parar la animación o reiniciar la animación. Al iniciar con el botón «START», las agujas del cronómetro comienzan a correr hasta llegar a 20 segundos, momento en el que suena una campanilla, y la animación vuelve a su punto de origen.
Google Web Designer se parece a otras herramientas de edición de animaciones como la extinta Adoble Flash.
Permite:
- Crear eventos e interacción usando los que vienen con la herramienta o creando otros propios con JavaScript.
- Arrastrar y soltar componentes en su proyecto para agregar instantáneamente funcionalidades como galerías de imágenes, reproductores de video, mapas y más. Además, cada componente informa automáticamente las métricas sin necesidad de codificación.
- Crear varias páginas para incluir varias escenas dentro de un proyecto.
- Crear reglas de medios en su bloque de anuncios para establecer el estilo y el diseño del diseño, de modo que un solo bloque de anuncios pueda adaptarse a cualquier tamaño de pantalla en el que aparezca.
- Animar escenas simples en el modo Rápido o usando capas en una línea de tiempo en el modo Avanzado unsando rutas de movimiento y aceleración personalizada.
- Crea y manipula contenido 3D usando CSS3. Permite girar objetos y diseños 2D a lo largo de cualquier eje, visualizando transformaciones y traslaciones 3D mientras editamos.
- Admite una amplia gama de formatos de anuncios gráficos y de video en todas sus plataformas publicitarias.
Aunque no es muy conocida, es una herramienta potente, y finalmente, el resultado del trabajo con Google Web Designer es completamente compatible con los estándares web actuales, manejando con CSS y JavaScript toda la animación y gestión de eventos, y ofreciendo resultados adaptables al dispositivo donde se muestre la animación interactiva.