Herramientas web para diseño web

¡Hola a todos!

Este post es un post muy sencillo que no pretende ser mas que un compilado de utilidades que utilizo para diseñar mientras mi trabajo me lleva por esos lares de la computación. La verdad es que yo estoy muy lejos de ser un buen diseñador, pero si algo me ha enseñado la programación es a buscar soluciones ya hechas por gente que realmente sabe del tema para que parezca que sabemos del tema.

Lo primero que hago es buscar un diseño web ya armado y sacarle todas las cuestiones de copyright. Nah, nah! Mentira. Buscamos un diseño web gratuito que nos permita quitarle el copyright si el entorno para el que trabajamos prefiere no tener esas cosas, caso contrario dejamos el copyright, que después de todo no es tan grave.

Luego, identificamos el color principal del tema y utilizamos este excelente calculador de colores complementarios y encontramos colores que querramos usar. Para el boton de eliminar buscamos un color rojo que sea complementario al color principal y así. Luego, con ese color, hacemos el boton con este excelente generador de botones, y ya tenemos la interfaz armada! :D

Tambien hay íconos aca que tienen una licencia que podes usar, y esto te puede ayudar para hacer mockups.

Después para hacer los formularios mas decentes (algo que no es ni cerca de lo fácil que debería ser) utilizamos uniform.js. Para elegir las tipografías como diría mi hermano, podemos usar esta página que nos dice las fuent… tipografías que podemos utilizar con confianza en cualquier browser y systema operativo.

Si tenemos que hacer algo “real time”, conviene usar Socket.IO, pero eso es para terminar de sacar los enlaces de mis favoritos y ponerlos en mi blog, nada relacionado con diseño.

Un abrazo,
Pedro