evolucion del diseño en la Web

Cuando Tim Berners-Lee en 1991 desarrollo el primer navegador con aquel sistema de hipertexto seguramente ya pensaba hasta donde podía llegar ese sistema de comunicación, pero es probable que no se imaginase hasta donde ha llegado el diseño de las páginas Web en la actualidad.

Conceptos como Javacript, css, preporcesadores... son parte del diseño web hoy en día pero ¿Cómo comenzó todo?

Este video muestra la evolución en el Diseño a lo largo del tiempo. Es importante saber de donde venimos para conocer a donde podemos llegar.

Crea tus gifs animados frame a frame

Gifup es otro de esos sitios que nos permiten crear nuestro propio Gif animado.

Para ello subimos cada imagen del Gif animado que queremos crear. Podemos subirlas desde nuestro PC o elegirlas de las que dispone el sitio (buscando por nombre) o incluso coger imágenes de la Web.

Una vez hemos realizado la composición de imágenes, nos muestra un código para añadir a nuestra Web, o podemos descargar el Gif creado.

Una Web muy lograda y que nos permite trabajar de forma sencilla, lo único malo es que nos pone publicidad en el archivo generado.

Crea banners personalizados

Bannerbreak es una lugar que nos va a permitir generar banners de manera totalmente online y gratuita.

Ya sea para nuestra Web, blog o incluso para nuestros trabajos, podemos crear un título al estilo banner.

La forma de realizarlo es muy sencilla. Debemos indicar el texto, estilo, tamaños de texto y colores y automáticamente nos generará el banner. El creado, lo podemos descargar (como imagen) o utilizar uno de estos links que nos genera para nuestro Facebook, mostrar a un amigo, HTML, MySpace...

Crea fondos para Twitter

Freetwitterdesigner.com es un sitio Web que nos va a permitir generar un fondo personalizado para personalizar nuestro twitter.

La Web pone a nuestra disposición una herramienta de diseño online, en la que elegimos un fondo y posteriormente, lo podremos personalizar con nuestros colores, texto, imágenes y formas. Todo ello se puede configurar (cambiar posición, tamaño, colores, efectos especiales…).

El fondo creado no nos costará ni un duro, es gratis. Eso sí, nos añade publicidad de la Web en el archivo generado. Al final del proceso nos genera un fichero de imagen en formato JPG que tendremos que añadir como fondo en el diseño del perfil de twitter.

Link http://www.freetwitterdesigner.com/

__

Crea tu propio Lorem Ipsum

Lorem Ipsum es un texto de relleno de imprentas y archivos de texto.

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras elementum interdum justo at mollis. Nullam ullamcorper varius accumsan."

Nos permite fijarnos en el diseño de un panfleto, sitio Web, blog…, sin distraernos con textos del tipo “contenido aquí”. Generalmente lo usan los sitios que están en desarrollo, comprobando como quedará un texto, cuando lo doten de contenido.

Son las palabras que nos encontramos cuando miramos diseños para blogs.

En la siguiente página no sólo podremos crear nuestro propio Lorem Ipsum, sino que nos explicarán con detalle todas las características de este y además podremos descargar banners.

Link http://es.lipsum.com/

__

Genera tus propios fondos al estilo escocés

Tartanmaker es un sitio Web que nos va a permitir generar un fondo para utilizar de la manera que deseemos.

El tipo de fondo que genera esta Web es de cuadros, al estilo escocés.

Para generar el fondo, solo debemos elegir los colores, orientación y tamaño y pinchar en “make it”, en el cuadro de previsualización. Una vez realizado podemos bajárnosle a nuestro PC en formato PNG, desde el botón “Download”. También lo podemos compartir, eso sí nos tendremos que haber dado de alta primero.

Link http://www.tartanmaker.com/

__

Crea tu banner online

Dentro de los artículos referentes a crear banners, hoy vamos a ver una nueva Web que nos va a permitir crear un banner online, ya sea para tu web, publicidad, algún artículo, documento ..

Creatubanner.com es un sitio en el que podemos crear un banner para nuestra página.

Para ello debemos elegir el diseño, textos, bordes, efectos y por último la pestaña Guardar.

En la parte de diseño indicamos el tamaño y el color de fondo. Podemos realizar degradados entre dos colores o subir nuestra propia imagen. Eso sí, los tipos de imágenes permitidas son: GIF, JPG, JPEG, PNG. Aunque la página recomienda JPG. El peso del archivo no debe ser mayor a 384 KBytes.

Para el texto tenemos diferentes tamaños, colores, sombras, distancia entre letras, posicionamiento de estas…

Para acabar indicamos el borde y efecto para la foto, si la hemos subido. Al final guardamos y nos permite, entre otras opciones, coger el código generado para añadir a la Web o linkar desde nuestra Web al banner generado. También podemos dar al botón aplicar y “Guarda imagen como” de la previsualización creada. Todo ello gratis y sin poner publicidad de la Web.

Link http://creatubanner.com/
 
__

Encuentra fotografias gratis

Hace poco para un proyecto necesitaba una fotografía, la cual podía conseguir a través de la búsqueda de imágenes de Google. Pero buscando información, me di cuenta que el utilizar una foto sin la licencia necesaria puede causarnos problemas.

Al toparme con la Web webresourcesdepot, encontré un listado de sitios en los que podemos conseguir fotografías, de forma gratuita y con diferentes licencias. Una de esos sitios es stock.xchng.

Esta Web dispone de miles de fotos categorizadas de alta calidad, que podemos utilizar. Lo único es que necesitamos darnos de alta para poder usarlas. La Web está en inglés.

Link http://www.sxc.hu/
Fuente: http://www.webresourcesdepot.com/

Genera tus propios fondos

Una vez que nos metemos en el mundo del diseño o creación de una web, Intenet nos permite obtener una gran cantidad de recursos gratuitos y online.

Entre ellos destaco patterncooler, una web creada para diseñar fondos. En ella podemos elegir entre los fondos ya diseñados, modificar patrones con los colores que deseemos, editarlo con diferentes opciones que el sitio nos da y todo ellos de forma gratuita.

Todas las ilustraciones de patterncooler se puede utilizar libremente para la web y proyectos de diseño gráfico, blogs, Twitter, álbum de recortes, los perfiles de MySpace, fondos de pantalla de teléfonos móviles personales y obras de arte. Si el proyecto va a ser de ámbito comercial, nos indica que podemos realizar una donación.

Link http://www.patterncooler.com/