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.

Para quien estudia CSS3

Publicado el

por Juan Diego Polo

Como muchos ya sabréis, CSS3 invadirá poco a poco las diferentes páginas web ofreciendo recursos modernos y fáciles de implementar en su diseño.

Aquí­ os dejo una serie de enlaces interesantes para quien está estudiando o para quien simplemente quiere saber más sobre esta nueva técnica de programación de hojas de estilo.

css3generator.com

Genera código en CSS3 después de indicarle el valor de algunas variables. Hay disponible una sección para ver el resultado antes de exportarlo.
Continúa leyendo «Para quien estudia CSS3»

365psd.com – Cada dí­a un archivo de Photoshop gratis

Publicado el

por Juan Diego Polo

365psd.com es una sencilla aplicación que nos ofrece un archivo en formato PSD de forma gratuita cada dí­a. Podemos encontrar de todo, desde marcos para fotos hasta botones para diseños web, clasificados por etiquetas y con la información del autor que ha publicado el archivo de forma tan altruista.

Tan sencillo como entrar en la web y navegar entre los dí­as del año o entre las etiquetas de cada imagen, aunque se echa de menos un menú para poder filtrar la información.

Pencil – Un programa de animación 2D con código abierto

Publicado el

por Juan Diego Polo

pencil

Si os gusta dibujar y queréis crear una animación usando un programa sencillo, gratuito y disponible para Windows, Linux y Mac, Pencil es una buena alternativa.

Como el mismo creador nos cuenta, no tiene pensado imitar programas de animación vectorial como Flash, él pretendí­a programar un software de animación clásico, frame por frame.

Podéis usarlo como bitmap o en forma de vectores, exportando el resultado como animación compatible con varias plataformas. Muy sencillo de usar, sólo necesita de algo extremadamente difí­cil de encontrar: talento, tiempo y paciencia.

ComparePSD – Herramienta gratuita para comparar archivos de Photoshop

Publicado el

por Juan Diego Polo

ComparePSD es un programa gratuito para Windows que compara, capa por capa, dos archivos PSD.

Incluyendo los efectos en la comparación, es una herramienta ideal para los que trabajan con una gran cantidad de archivos y no han creado un control de versiones efectivo.

Aunque no sea web, ni funcione para todos los sistemas operativos, creo que puede ayudar a muchos de los que trabajan como diseñadores.

Herramientas para creación de prototipos y wireframes

Publicado el

por Juan Diego Polo

En el mundo del diseño web, un wireframe es una representación esquemática de una página web, sin elementos gráficos que muestren contenido. Son realmente útiles como herramientas de comunicación entre programadores, diseñadores y clientes.

Aquí­ os dejo una lista de aplicaciones que podéis usar para realizar este tipo de dibujos, lista publicada en spyrestudios.com. Por desgracia no todas son gratuitas, con lo que tendréis que poner los pros y contras de cada opción antes de tomar una decisión.

Hot Gloo


Opción en flash, muy sencilla de usar y con cuenta gratuita que no permite el trabajo en grupo.
Continúa leyendo «Herramientas para creación de prototipos y wireframes»

GestureCons – Iconos gratuitos del mundo «multitouch»

Publicado el

por Juan Diego Polo

Si tenéis que diseñar algún manual de un dispositivo multitouch o necesitáis crear algún material relacionado con esta nueva forma de trabajar, os aconsejo la colección de iconos que ofrecen en gesturecons.com.

Son 52 gráficos en alta resolución en formato vectorial, disponibles en pdf, .ai y .eps. Manos girando, deslizándose, mostrando operaciones con los dedos… ideal para quien trabaja con diseño gráfico.

Más de 100 tipos de fuentes gratuitas para diseño

Publicado el

por Juan Diego Polo

No es fácil encontrar un tipo de fuente, con licencia gratuita, que sea fácil de leer, original y elegante al mismo tiempo, por eso tiene mucho mérito la recopilación realizada por iniwoo.net en la que podemos obtener más de cien tipos de letras con una calidad asombrosa.

Se trata de una cuidada selección obtenida de sitios especializados en este tipo de contenido, entre los que están:

Colorzilla – Extensión de Firefox para quien trabaja con colores

Publicado el

por Juan Diego Polo

Colorzilla es un plugin del navegador Firefox que nos permite obtener el código de cualquier color de las letras, imágenes, fondos y demás elementos de la página que estemos visitando.

Crea paletas, detecta reglas CSS, permite compartir las paletas creadas, tiene zoom, disponible en varios idiomas… imprescindible para los que trabajan en temas relacionados con diseño y quieren ahorrar tiempo en la ejecución de sus trabajos.

La plataforma de diseño Aviary ahora es 100% gratuita

Publicado el

por Juan Diego Polo

Aviary es un conjunto de herramientas orientadas al diseño de la cual ya he hablado por aquí­ en decenas de ocasiones. Hoy lo comentaré una vez más por una excelente buena razón: ahora es 100% gratis.

Aunque siempre ha ofrecido buenos recursos gratuitos, ahora han liberado todas sus funciones y tutoriales, incluso la posibilidad de trabajar sin marcas de agua y la de guardar de forma privada nuestros trabajos en su disco virtual.

Podemos crear avatares, capturar pantallas, editar imágenes, trabajar con vectores, participar de concursos… un recurso imprescindible para profesionales del diseño que incluye ahora un editor de audio dentro de su suite.

Iconarchive – Miles de iconos para Windows, Linux y Mac

Publicado el

por Juan Diego Polo

Son muchas las aplicaciones y colecciones de iconos gratuitos que he comentado en wwwhatsnew.com, incluso una lista de buscadores especializados que tuvo bastante éxito en su momento.

Quiero hoy ampliar la lista con Icon Archive, un directorio de casi 30.000 iconos para todos los sistemas operativos, clasificados por temas y con licencias que dependen del paquete seleccionado.

Cada colección puede ser votada e informa del número de visitas recibidas, así­ como el autor y las condiciones de uso.