coded preview – Una forma profesional de presentar diseños web

Coded preview es una sencilla aplicación desarrollada por una única persona que facilita el trabajo de los diseñadores web a la hora de presentar sus trabajos.

Tendrán que subir el diseño en el que están trabajando, especificando los márgenes, imágenes de fondo y otros detalles estéticos que formarán parte del conjunto. El resultado pueden mandarlo a los clientes para recibir su opinión.

Cada página subida puede tener subpáginas, permitiendo crear todo un árbol de navegación que dará una mejor idea del trabajo realizado. Existe también una aplicación que podrán instalar en el ordenador para agilizar la subida del material.

Una forma más profesional que mandar las imágenes por email

Glogster – Crear pósteres con fotos, músicas y ví­deos

Glogster es una buena opción para crear un póster multimedia de vosotros mismos y divulgarlo a diestro y siniestro.

Podéis subir vuestras fotos, músicas y ví­deos y organizarlos como lo consideréis adecuado. Glogster tiene varias herramientas integradas para crear pósteres divertidos y originales.

Cada póster puede ser puntuado por la comunidad de usuarios, incluido en cualquier red social o, simplemente, divulgado por email.

fuente: delicious

Stylelgnite – Diseños gratuitos para tu web

El diseño web es un arte, y como todo arte no está hecho para todo el mundo. Si éste es tu caso, siempre es bueno encontrar ayuda para realizar buenos diseños y aprender.

Stylelgnite es un gran lugar para ello, ya que se trata de una web que recopila y publica diferentes códigos, css, hojas de estilo, javascript, todo orientado a diferentes campos como formularios, botones, tipos de letras, y casi cualquier parte de una web. Todo está perfectamente ordenado en diferentes categorí­as para que vayamos directo a lo que estamos buscando sin perder ni un minuto de nuestro tiempo.

La gran mayorí­a de lo que en esta web se comparte está bajo licencia Creative Commons (CC), con lo cual lo podremos usar, compartir, modificar, y lo que queramos siempre y cuando respetemos a su autor.

Además de estos diseños, también contamos con tutoriales para que poco a poco vayamos aprendiendo y en un futuro no muy lejano seamos nosotros los que compartan nuestras obras con el resto de la comunidad. De hecho tenemos la posibilidad de subir nuestro diseño en esta misma web.

Drawter – Crea en segundos estructuras de páginas web


Sorprendente la facilidad con la que se puede crear el esqueleto de una nueva web usando Drawter.

Con el modo de dibujo podéis ir creando las cajas de contenido, que serán los DIVs de vuestra web. Podéis definir colores, tamaños, textos… todo lo que consideréis necesario antes de generar el código html y su hoja de estilos correspondiente.

Una herramienta que todo diseñador web deberí­a probar en sus inicios.

fuente: del.icio.us

Fresh Generator – Crea imágenes 2.0 para tu web

Una de las caracterí­sticas más reconocibles de la llamada web 2.0 es sus figuras con bordes redondeados y sus colores pastel tan agradables a la vista.

Si quieres añadir estos elementos a tu página pero el diseño no es tu fuerte, podéis conseguirlo gracias a Fresh Generator. Se trata de un servicio web donde podremos crear diferentes figuras que nos puede ser muy útil para nuestro diseño.

Tenemos diferentes parámetros con los que jugar e intentar conseguir esa imágen que tenemos en la cabeza. Entre ellos están, obviamente, el color, la sombra, el tamaño, si lo queremos horizontal o vertical, el redondeo de las esquinas y el texto que queramos que aparezca.

El uso más común que le podemos dar es para el diseño de las pestañas de nuestra aplicación, algo que junto a un poco de conocimiento de hojas de estilo podremos terminar teniendo una página bastante interesante y atractiva.

En la misma web podremos encontrar diferentes ejemplos, incluso algunos emulando el diseño que podemos encontrar en sitios tan conocidos como YouTube, Firefox o eBay, y que podremos reutilizarlos para nuestro sitio.

Todo es totalmente gratuito, sin necesidad de ningún tipo de registro, así­ que no perdemos nada por probar.

Patagonia Creative – Diseño gráfico de calidad

Raras son las veces en las que me salgo del tema principal de WWWhat’s new, y más raras aún en las que hago publicidad de alguna empresa que no ofrece ninguna aplicación gratuita en Internet.

El caso es que me voy a salir de la lí­nea marcada por dos motivos:

a) Porque uno de los mejores diseñadores web que conozco ha abierto su propia empresa y merece ser divulgada.

b) Porque sí­.

El diseñador en cuestión es Nikko, autor del megaconocido blog sobre diseño web Xyberneticos, y su empresa se llama Patagonia Creative que, como el nombre sugiere, se encuentra en Argentina.

Para los que conocéis Xyberneticos no hay mucho que pueda decir que no sepáis ya. Para los que no… se trata de un blog con consejos sobre diseño y buenos recursos gráficos que consiguió más de 5000 suscriptores RSS en menos de un año, con eso lo digo todo.

Sin duda una buena noticia para los que buscan un trabajo profesional para su proyecto.

Transforma imágenes en conjuntos de unos y ceros

Text-Image es una aplicación web que permite transformar cualquier imagen en un conjunto de unos y ceros que, coloreados, formarán algo parecido a la foto original.

Aunque utilidad práctica no tiene mucha, no deja de ser un experimento interesante que puede aplicarse para fiestas, por ejemplo.

Y ya que unos y ceros son la base de la tecnologí­a digital, es ideal para decir algo del estilo «Hago más digital tu imagen digital».

fuente: SimpleSpark

Cómo extraer los colores primarios de una imagen

Aunque viendo el diseño de la aplicación dan ganas de cortarse las venas, no hay duda de que esta aplicación que os muestro puede ser de mucha utilidad.

Whats Its Color muestra el color principal de cualquier imagen y diez de los secundarios principales. Ideal para obtener los tonos de una fotografí­a que tenga que determinar los diseños de una web.

Si tenéis un cliente, por ejemplo, que necesita una web con una foto especí­fica en el encabezado, podéis usar esta web para saber los códigos de los colores que podéis utilizar en el diseño sin riesgo a pecar.

fuente: del.icio.us