Google Web Designer, diseño web de primera para todas las plataformas

COMPARTIR 0 TWITTEAR

google-web-designer

Google Web Designer es una poderosa herramienta multiplataforma gratuita pensada para crear contenido y sitios web usando HTML5. Está disponible para Windows, OS X y Linux, y permite usar rich content, así como banners de publicidad. Las funciones de animación, de dibujo y los elementos interactivos, así como los efectos 3D, son totalmente interactivos con la herramienta. Se trata de construir sitios web creativos y animados usando HTML5 sin necesidad de saber programación web.

Dentro del entorno gráfico del programa podemos encontrar elementos familiares en la interfaz en forma de distintas herramientas que ya hemos visto en otros programas de diseño, además de incluir integración con Google Web Fonts. Sus componentes le dan a los proyectos funcionalidad añadida usando código preprogramado para distintos componentes web. Los que se incluyen por defecto son iFrame, Maps, galería de imágenes y YouTube.

También se pueden conectar distintas acciones gestuales en caso de que se vaya a visualizar la página web desde un navegador móvil, de forma que se puedan crear eventos para conectar acciones como reacción al toque, rotación de pantalla o incluso agitar los dispositivos. Puedes elegir entre los que ya hay o crear los tuyos propios desde cero.

Se pueden organizar distintos estados de un proyecto usando páginas, y se pueden crear tantas como quieras. Usando la navegación entre páginas puedes dar al público de las mismas control de lo que quieren ver o hacer a continuación.

La animación de objetos se puede llevar a cabo juntando escenas simples en un modo rápido o usando capas en una línea de tiempo en un modo más avanzado. Es posible saltar entre ambos modos sin ningún problema. Se puede crear y manipular objetos 3D usando CSS3, y todo el flujo de trabajo se puede enviar a Google Drive, lo que permite el trabajo y la colaboración remotos.

Instalando Google Web Designer

Instalación en Windows y OS X

Con acceder a la página web del proyecto aparecerá el archivo para que puedas descargarlo. Cuando lo hagas, sólo tienes que seguir el procedimiento habitual.

Instalación en Linux

Cuando entras a la página web del proyecto puedes descargar o bien paquetes DEB, o bien paquetes RPM, tanto para sistemas de 32 bits como para sistemas de 64. Cuando los hayas descargado, la aplicación que uses para instalar paquetería por defecto en tu distribución se encargará del resto. También hay una forma de conseguir estos paquetes e instalarlos vía terminal.

Aquí el proceso para sistemas de 32 bits:

  ##Sistemas con paquetería DEB

  wget -O google-webdesigner_i386.deb https://dl.google.com/linux/direct/google-webdesigner_current_i386.deb
  sudo dpkg -i google-webdesigner_i386.deb
  rm google-webdesigner_i386.deb

 ##Sistemas con paquetería RPM

 wget -O google-webdesigner_i386.rpm https://dl.google.com/linux/direct/google-webdesigner_current_i386.rpm
 rpm -ivh google-webdesigner_i386.rpm
 rm google-webdesigner_i386.rpm

Y aquí el proceso para sistemas de 64 bits:

 ##Sistemas con paquetería DEB

 wget -O google-webdesigner_amd64.deb https://dl.google.com/linux/direct/google-webdesigner_current_amd64.deb
 sudo dpkg -i google-webdesigner_amd64.deb
 rm google-webdesigner_amd64.deb

 ##Sistemas con paquetería RPM

wget -O google-webdesigner_amd64.rpm https://dl.google.com/linux/direct/google-webdesigner_current_amd64.rpm
rpm -ivh google-webdesigner_amd64.rpm
rm google-webdesigner_amd64.rpm

Y ya está. Con estos sencillos pasos ya deberías poder empezar a utilizar esta útil herramienta para diseñar contenidos web que te da la posibilidad de dar tus primeros pasos en el mundo del desarrollo web sin saber nada sobre programación. Si te animas a probar la aplicación déjanos un comentario con tu experiencia.

Archivado en Diseño web, Google, Google Web Designer, Linux, OS X, Windows
COMPARTIR 0 TWITTEAR

Comentarios (18)

Usa tu cuenta de Facebook para dejar tu opinión.

  • Jorge dice:

    Hola, que tal? Te hago una consulta técnica, el compartir y twittear que sale arriba y abajo del articulo, que widget es?

    • K0ve dice:

      Que tal, no es un widget. Es un código html con php (con php no estoy seguro), se aplica en la plantilla de entradas. Posiblemente en el single.php

      Si necesitas ayuda, puedes contactarme mediante Skype (kove.pro), saludos.

Publica tu opinión usando tu cuenta de Facebook.

Otras webs de Difoosion