Google Web Designer
| ||||||||||
Google Web Designer es un programa para crear sitios web interactivos HTML 5 y banners publicitarios. Es un software independiente para Windows, Mac y Linux. Es un editor WYSIWYG (lo que ves es lo que obtienes) que te permite crear diseños interactivos basados en HTML 5.
GWD (Google Web Designer) es una herramienta simple para desarrollar contenido compatible con varias pantallas. Esta herramienta de Google basada en GUI es fácil de usar incluso para principiantes y permite a los desarrolladores experimentados profundizar más. Las funciones de automatización de GWD le dan la libertad de diseñar sin preocuparse por las pantallas, ya que los diseños y gráficos en movimiento de GWD se pueden ejecutar en cualquier dispositivo.
Google lanzó el software Google Web Designer por primera vez en 2013. Ha evolucionado continuamente desde entonces. Las estadísticas muestran que más de 7679 sitios web han usado GWD y 2,175 sitios web en vivo lo siguen usando con un agregado de 5,504 que lo usaron anteriormente.
Sumario
- 1 Características
- 1.1 Disposición fluida
- 1.2 Sistema de eventos
- 1.3 Entorno de creación 3D
- 1.4 HTML con Pages
- 1.5 Publicar directamente en los estudios de DoubleClick
- 1.6 Integración con Google Drive
- 1.7 BYOC (Construye tu propio componente)
- 1.8 Modos de animación
- 1.9 Muestras personalizadas
- 1.10 Grupos
- 1.11 Componentes web renovados
- 2 Desventajas
- 3 Fuentes
Características
Disposición fluida
El diseño fluido permite a los usuarios utilizar porcentajes al configurar los estilos superior, izquierdo, ancho y alto. Cuando el tamaño y la posición de los elementos se establecen en porcentaje, pueden reducirse y crecer con el contenedor, manteniendo la estructura general sin cambios. Este fue el principal problema con el diseño fijo que, para realizar incluso un pequeño cambio en el contenedor, requería que el usuario reposicionara manualmente todos los elementos. Y con la introducción del diseño fluido, los usuarios pueden mantener fácilmente el diseño mientras cambian el tamaño del contenedor.
Sistema de eventos
Le permite generar documentos, componentes y acciones de línea de tiempo altamente interactivo relacionado con cualquier elemento en algún otro documento de Google Web Designer. Para obtener más diseños creativos, puede establecer nuevas acciones personalizadas en javascript y convertir acciones predefinidas en acciones personalizadas.
Entorno de creación 3D
Proporciona una herramienta 3D Stage Rotate para examinar el efecto de un elemento en cada lado. Puede simplemente hacer clic y arrastrar el objeto para girarlo. Por lo tanto, Google Web Designer] espera un entorno de creación 3D completo.
HTML con Pages
Tiene una característica fantástica para convertir una página en un archivo HTML. Puede incorporar cualquier página de Google Drive en Google Web Designer para la conversión automática al HTML.
Publicar directamente en los estudios de DoubleClick
DoubleClick Studios ofrece instalaciones de pantalla cruzada. Por lo tanto, puede crear rápidamente anuncios para pantallas móviles y de escritorio. Google Web Designer está integrado con el flujo de trabajo de DoubleClick Studio que le permite agregar galerías de imágenes, videos, mapas y otras funciones interactivas a su diseño. Asocia el anuncio con la cuenta, el anunciante y la campaña adecuados. Una vez que su diseño esté listo, puede publicarlo directamente en los estudios.
Integración con Google Drive
Google Drive se considera principalmente como una copia de seguridad o una plataforma para compartir documentos. Google Web Designer lo utiliza de manera altamente innovadora para publicar los documentos. Esta función facilita una vista previa de su creación en cualquier navegador, desde un escritorio o un dispositivo móvil. Esta característica hace que Google Web Designer sea único entre los otros editores disponibles.
BYOC (Construye tu propio componente)
Proporciona un conjunto de componentes integrados. Y la función "Construye tu propio componente" (BYOC) es compatible con los componentes de nueva construcción y mejora los existentes. Estos componentes personalizados se incluirán en un archivo ZIP. Una vez que se importan a Google Web Designer, se convierten en los componentes nativos.
Modos de animación
Incluye muchas opciones de animación, como el arrastre de la animación, los eventos de la línea de tiempo y los fotogramas clave con modos de animación. Tiene dos modos de animación: Rápido y Avanzado. En el modo de animación rápida, puede crear una animación escena por escena agregando una nueva vista de toda la página. Puede cambiar los elementos, modificar las líneas de tiempo de transición, facilitar y mucho más. Pero en el modo avanzado, tienes mejor comando sobre marcos individuales. Mostrará las capas para modificar cada elemento de una pila de elementos.
Muestras personalizadas
Proporciona un rico panel de colores para elegir los colores predeterminados y puede crear los nuevos colores personalizados o degradados complejos. Puede guardar estos como una muestra personalizada.
Grupos
Permiten diseñar objetos reutilizables. Cualquier cambio que hagas al grupo se reflejará en todas sus instancias. No hay necesidad de copiar y pegar. Si no hay instancias de un grupo, se guardará como un archivo complementario. El tamaño total del archivo no se verá afectado por él. Los grupos pueden encapsular animaciones y pueden usarse para generar galerías dinámicas.
Componentes web renovados
Tiene muchos componentes web renovados como formas de lienzo, Galería 360, Galería de carrusel, Galería de Swipeable, iFrame, Mapa, Área de tap, Video y YouTube, etc. para ofrecer. Además, consta de los componentes de gestos para facilitar el uso del rastreo táctil y del mouse, los toques, los clics y otros gestos táctiles. Le brinda una función TaptoCall para iniciar una llamada telefónica a su número de contacto especificado.
Componentes
- Toque Área: Es un elemento transparente que se puede colocar en cualquier parte de la pantalla para activar una acción con un toque o clic del mouse.
- Gesto: Se aplica para capturar las interacciones del usuario con su contenido HTML o con el anuncio.
- Botón de imagen: Este componente de botón de imagen se utiliza para formar un botón con tres estados visuales. Incluye una imagen sin comprimir, una imagen presionada y una imagen flotante.
- Toque para llamar: Es otro elemento transparente para iniciar una llamada o SMS a un número de contacto especificado.
- Galería deslizable: Google Web Designer le permite configurar una galería simple para moverse libremente hacia atrás o hacia adelante a través de imágenes o grupos.
- Galería de navegación: permite agregar un panel de navegación posicionable a una Galería que se puede deslizar.
- Galería de carrusel: Un componente de la galería de Carrusel lo ayuda a construir una galería similar a un carrusel para múltiples imágenes para darle un aspecto 3D.
- Galería 360 °: Muestra un objeto en todos los lados, deslizando hacia adelante y hacia atrás para girar el objeto.
- Mapa / Video / Audio / YouTube: permite colocar un video personalizado, video de YouTube, audio o mapa en su anuncio.
- Street View: Puede incluir imágenes de Google Street View en su proyecto. Puede mencionar la ubicación, el desplazamiento y la rotación para una mejor interacción del usuario.
- Añadir a componente de calendario: Puede colocarlo sobre cualquier parte de la pantalla para crear un recordatorio de evento que los usuarios pueden agregar a sus calendarios.
- Componente iFrame: permite cargar elementos de URL externos en su proyecto a través de iFrame.
- Hoja de Sprite: Este componente se utiliza en animaciones de estilo sprite y para colocar varias imágenes dentro de una hoja de sprite.
Desventajas
- Demasiadas opciones de control en el panel hacen que parezca más pesado.
- No puede abrir los archivos HTML creados por otras herramientas de diseño web.
- Carece de características de creación de contenido de texto.
- Para obtener los resultados deseados, es obligatorio tener conocimiento sobre el código fuente.
- Tal vez sea una excelente opción y una herramienta sin igual para la creación de anuncios, pero no es tan hábil como un diseñador web. * Si desea diseñar un sitio web completo, necesita herramientas de diseño de sitios web confiables y sofisticados.
