Al contrario de lo que podría pensar por su nombre, esta no es una aplicación de diseño web. En cambio, Google Web Designer se centra en diseñar anuncios basados en HTML5 y otro contenido web similar. La interfaz se siente como una mezcla entre un editor de video y un paquete de diseño web. Para aprovecharlo, debe descargarlo gratis desde aquí, ya sea para Mac o Windows.
- ¿Quiere probar Google Web Designer? Descargalo gratis aqui
Empezando
El lanzamiento de la aplicación le ofrece la posibilidad de continuar con un proyecto existente, comenzar uno nuevo desde cero o utilizar una de las plantillas incluidas.
Decidimos comprobar primero las plantillas. Hay 14 para elegir y si no tiene claro lo que ofrecen, simplemente haga clic en cualquiera de ellos para obtener una descripción de lo que puede esperar, así como los dispositivos que son compatibles con esa plantilla.
El campo de búsqueda de la derecha lo ayuda a reducir su elección según sus criterios, como buscar un complemento expandible que funcione en tabletas. También puede buscar plantillas con tamaños específicos de esa manera, por ejemplo, simplemente escribiendo un número en el campo de búsqueda.
Cada vista previa tiene una variedad de tamaños. Seleccione uno y presione "Confirmar".
Si prefiere trabajar desde cero, elija "Nuevo" en el menú de inicio. Verá que se le ofrecen varias opciones que definirán el objeto que está creando. De forma predeterminada, un nuevo archivo está configurado como "Banner", pero también tiene otros 8 tipos disponibles.
Puede seleccionar el entorno (Display and Video 360, Google AdMob, Google Ads o Non-Google Ad), su tamaño y si desea convertirlo en un anuncio adaptable o no.
Una vez que esté listo, se le revelará la interfaz adecuada.
Interfaz
El espacio de trabajo es extremadamente flexible y el hecho de que las barras laterales aparezcan en una ubicación cuando abre la aplicación no significa que tengan que permanecer allí si prefiere un entorno de trabajo diferente. Las secciones pueden convertirse en ventanas flotantes, por ejemplo, y las pestañas se pueden reordenar, los grupos se pueden cambiar de tamaño, los paneles se pueden agregar a diferentes grupos, etc., lo que lo convierte en un sistema notablemente flexible.
Trabajar con activos
Los archivos que usa en su proyecto se pueden traer a través del comando Importar activos, o más simplemente, arrastrándolos y soltándolos en su espacio de trabajo.
Manipularlos no es tan intuitivo como podría estar acostumbrado con otras aplicaciones creativas, y se encontrará visitando los paneles de propiedades con frecuencia para realizar incluso cambios simples en sus activos. Cuando la mayoría de las aplicaciones en estos días te permiten alterar un activo directamente, esto se siente un poco incómodo al principio, aunque te acostumbras.
Sin embargo, esta no es una herramienta de composición de imágenes. Google Web Designer no puede crear activos por usted, y debe usar una aplicación diferente como Photoshop para prepararlos primero. Por supuesto, si todo lo que necesita es una imagen estática, no necesitará la aplicación de Google. Es de gran utilidad para usted si desea animaciones elegantes y código compatible con la web.
Animación
La animación es una simple cuestión de establecer fotogramas clave en varios momentos. Si está acostumbrado a la realización de películas, comprenderá la esencia con bastante rapidez.
Sin embargo, el enfoque de la aplicación es un poco oscuro, ya que una vez que haya configurado un fotograma clave, debe modificar el valor del parámetro que desea animar para establecer ese parámetro como uno que desea animar. No hay un botón para bloquear un valor en su lugar para iniciar el proceso, por lo que alterar manualmente el valor y luego volver a colocarlo es la única forma de que la aplicación sepa qué parámetro está a punto de modificar con el tiempo.
Sin embargo, una vez hecho esto, cualquier cambio que se realice en ese mismo parámetro en otro punto de la línea de tiempo se establecerá automáticamente, como es de esperar.
Es frustrante que no tenga forma de saber qué parámetros están realmente configurados para ser animados, lo que significa que si regresa a su proyecto en una fecha posterior, no sabrá de un vistazo qué valores de activos están configurados para moverse y cuándo.
La línea de tiempo le dirá qué objetos están animados, pero no sabrá qué parámetros a menos que reproduzca la animación. Esto está lejos de ser eficiente.
A pesar de esto, es relativamente sencillo animar cualquier objeto en la pantalla y el resultado final funciona muy bien. Incluso puedes animar en 3D.
Al final del día, Google Web Designer le facilita el diseño de una amplia gama de anuncios web, sin siquiera tener que escribir una línea de código usted mismo, lo cual es una gran ventaja.
Sin embargo, esto no significa que no se atienda a los codificadores: haga clic en Vista de código para ver su proyecto en código sin formato, que luego puede modificar para satisfacer sus necesidades específicas, en caso de que la Vista de diseño no sea adecuada para su necesidades.
Avance
La sección Ad Validator realiza un seguimiento de su proyecto y le informa de un vistazo qué tan grande será el archivo y si hay algún problema con lo que ha creado mediante el uso de casillas de verificación verdes de apariencia amigable.
Para ver cómo se ve su proyecto en un navegador web, haga clic en el botón Vista previa y elija el que le gustaría usar. Luego, Google Web Designer lo iniciará y activará el anuncio.
Si no estableció una dimensión específica, se le ofrecerán varios tamaños, lo que le permitirá elegir cuál o cuáles desea obtener una vista previa (todos se presentan de forma predeterminada).
Y cuando haya completado su trabajo, presione Publicar. Puede guardarlo localmente en su disco duro o cargarlo en varias ubicaciones de Google.
También tiene la capacidad de guardar su proyecto como una plantilla, que puede reutilizar en una fecha posterior.
Apoyo
Trabajar con una aplicación por primera vez puede ser una tarea abrumadora, así que tenga la seguridad de que Google ofrece artículos completos sobre cómo aprovechar al máximo su Web Designer, y el foro de usuarios también está lleno de discusiones útiles. Ambos lo ayudarán a comprender la aplicación y a resolver la mayoría (si no todos) los problemas que pueda tener.
Veredicto final
Google Web Designer es una aplicación atractiva que le permite crear anuncios web rápidamente, ya sea que sepa codificación o no. No es la aplicación mejor diseñada en la plataforma Mac, siguiendo más las pautas de las Pautas de la interfaz de usuario de Windows, pero funciona como se anuncia y produce buenos proyectos animados. Definitivamente vale la pena echarle un vistazo.
- También hemos destacado el mejor creador de sitios web.
