Categoría: Utilidades para diseño

Aplicaciones y recursos para diseñar. Recursos para diseñadores, herramientas gratuitas y consejos para diseñar por móvil y web.

framebox – Una rápida forma de hacer bocetos de aplicaciones web

Publicado el

por Juan Diego Polo

Si necesitáis crear una página web con alguna aplicación para vuestra Intranet, por ejemplo, echad un vistazo en framebox.org.

Se trata de una herramienta que, sin necesidad de registro, ofrece la posibilidad de dibujar los componentes necesarios en la mayorí­a de aplicaciones, siendo ideal para sustituir el lápiz y el papel enfrente de los clientes que la están solicitando.

Creado con Javascript solo tenemos que arrastrar los elementos que deseemos y ponerlos en la posición adecuada, siendo posible añadir textos para tener un registro de lo que se está pidiendo.

foxGuide – Extensión para añadir guí­as en el navegador (al estilo Photoshop)

Publicado el

por Juan Diego Polo

Si trabajáis en diseño de páginas web seguramente agradeceréis tener guí­as en vuestro navegador web, igual que las tenemos en un editor de imágenes profesional, como Photoshop.

foxGuide es un plugin de Firefox que nos permite exactamente eso, mostrar pequeñas lí­neas horizontales y verticales para que sea fácil tener los componentes alineados, ofreciendo ayuda para perfeccionar nuestros diseños.

Podemos moverlas y eliminarlas como queramos, arrastrándolas al lugar adecuado para poder tener la seguridad de que los componentes mantienen posiciones relativas adecuadas.

Con posibilidad de configurar la transparencia de estas lí­neas, es una idea original y sencilla de usar.

connectasketch – Organiza y desarrolla los bocetos que diseñas

Publicado el

por Juan Diego Polo

connectasketch es una web que nos permite transformar nuestros diseños de bocetos en servilletas en algo mucho más útil para trabajar.

Podemos subir nuestros diseños, añadirlos dentro de una página y enlazarlos entre ellos, con posibilidad de compartirlos para obtener un feedback de nuestros clientes o supervisores.

El registro es bastante rápido, sin necesidad de confirmar por email. Después podemos empezar a subir imágenes y crear enlaces dentro de cada una de ellas, montando nuestro mapa de relaciones entre los diferentes bocetos.

Una buena herramienta para salir de la mesa y entrar en la nube.

SplashTab – herramienta de diseño de páginas para Facebook para entornos empresariales

Publicado el

por Fco. José Hidalgo


Orientado a empresas que desean tener su presencia en la red social Facebook, SplashTab es una aplicación online que les permite crear y personalizar sus propias páginas, tan sólo eligiendo uno de los temas disponibles según el uso que se le quiera dar en la página, pasando posteriormente a la personalización de los diferentes elementos que conforma el tema visual, antes de pasar a ser publicada.

SplashTab es una herramienta de uso profesional, y es por ello que es una herramienta de pago, que incluso permite opciones premium para aquellos clientes que tienen necesidades muy concretas, aunque por un periodo de 14 dí­as se puede hacer uso de esta herramienta de manera gratuita.

Imgr, conociendo el valor hexadecimal de los colores de una imagen

Publicado el

por Fco. José Hidalgo

Para todos aquellos diseñadores que en algún momento quieran combinar los colores de sus diseños con los colores predominantes de una imagen, si tienen a mano un navegador web, pueden irse a Imgr, un servicio que les permitirá obtener una paleta de colores en función de la imagen subida.

Simplemente deberán de escoger la imagen, y que ésta está en jpg, gif o png, para poder subirlas y, ajustando unos parámetros, obtendrán una paleta de colores, donde básicamente podrán posicionarse en un tono de color para que le salga un tooltip indicando el número hexadecimal de ese color. Además, podrán bajarse una muestra que les permitirán tenerlo en sus ordenadores para poder usarlos más adelante en lugar de las imágenes.

Extensiones de Google Chrome para diseñadores web

Publicado el

por Juan Diego Polo

Excelente el artí­culo del obligatorio SixRevision donde indican algunas extensiones para Chrome importantes para cualquier diseñador web.

Aquí­ os dejo con ellas, espero que os ayuden a aumentar el nivel de productividad.

Awesome Screenshot

Ideal para hacer capturas de pantalla de varios tipos. Podemos escribir o dibujar en las capturas realizadas, siendo ideal para quien quiere comentar alguna función de una página web determinada.

Continúa leyendo «Extensiones de Google Chrome para diseñadores web»

brushlovers – Un excelente directorio de pinceles para photoshop

Publicado el

por Juan Diego Polo

Si sois usuarios de photoshop y no habéis encontrado el brush ideal para vuestro trabajo, os recomiendo brushlovers.com, un directorio de excelente calidad con pinceles de todo tipo, gratuitos y de pago.

Aquí­, en wwwhatsnew, ya os he comentado muchas opciones parecidas, aunque el material de brushlovers me ha llamado especialmente la atención por su originalidad y colorido.

Un buen recurso para guardar en los favoritos junto a grandes clásicos como el buscador findbrushes.com.

jMockups – Una nueva forma de hacer bocetos de diseños web

Publicado el

por Juan Diego Polo

De entre todas las formas que tenemos para hacer bocetos en la web, vamos a parar unos minutos comentando jMockups.

Se trata de una aplicación que nos permite crear 5 bocetos en su plan gratuito, usando herramientas muy sencillas de usar para el diseño de nuestros proyectos.

Con los elementos básicos en la mayorí­a de webs (botones, campos de formulario, etc.), podemos exportar el resultado en formato de imagen, siendo sencillo compartirlo con otras personas (compañeros de trabjo, clientes, etc.);

Una buena alternativa a los editores de imágenes más complejos que, muchas veces, no son la mejor opción para este tipo de trabajo.

Ví­a noaris.

The Secretary – CMS para crear y gestionar nuestro portafolios en nuestro servidor web

Publicado el

por Fco. José Hidalgo


¿Eres una persona creativa? Si lo eres, seguro que muchos de tus trabajos lo tienes colgado en algunas de las webs que existen en Internet, desde las mismas plataformas donde publicar y compartir imágenes, hasta otras donde especí­ficamente puede crear tus portafolios de trabajo. Pero igual deseas tener tus trabajos bajo tu control, y te puede seducir tener tus trabajos bajo tu propio dominio. Pues bien, si hasta ahora no lo conocí­as, te presento The Secretary, un CMS destinado a crear tu portafolios de trabajos en tu propio servidor web.

Después de haberlo instalado, lo que tienes que hacer es crear proyectos, y añadir en cada uno de ellos diferentes items, como pueden ser imágenes, ví­deos o sonidos, pudiendo en cada proyecto crear diferentes secciones.

En su web oficial podrás acceder a una demo del servicio completamente funcional. Si te decides, los requerimientos para este CMS de código abierto son disponer de un servidor Linux con Apache, PHP 5+ y MySQl 5+.

Ví­a: Webresourcesdepot

SVG Edit, edición vectorial de diseños en SVG

Publicado el

por Fco. José Hidalgo


Al igual que en Internet podemos encontrarnos con infinidad de servicios destinados a mejorar nuestras imágenes, también tenemos herramientas online para crear nuestros propios diseños vectoriales, como es el caso de SVG Edit.

SVG Edit es un servicio online que nos ofrece las funcionalidades más básicas para poder crear nuestros propios diseños, desde un logotipo hasta una tarjeta por ejemplo, permitiéndonos poder editar nodos, cambiar rellenos, cambiar el color del filo, girar figuras, insertar textos e imágenes, etc.

La distribución de las diferentes funciones se asemejan mucho a los algunos programas de diseño vectorial de escritorio, donde tenemos la parte superior que en función del elemento elegido en el área de nuestro diseño, aparecerán unas funciones u otras que nos permiten cambiar sus caracterí­sticas, un panel lateral con los diferentes elementos que podemos introducir, y la parte inferior, destinada al tema de los colores.

Podemos partir desde un documento completamente en blanco, o incluso partir de la importación de un documento SVG, y el resultado lo podemos guardar como imagen vectorial o exportar como archivo bitmap en formato PNG. También tenemos acceso al código fuente de nuestro diseño.

Lo interesante es que se trata de un proyecto, bajo licencia Apache, que en próximas versiones se añadirán nuevas caracterí­sticas, y que además podemos descargarlo para instalarlo en nuestro servidor web.