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.

FiveSecondTest – Cómo obtener opiniones sobre un diseño

Publicado el

por Juan Diego Polo

fivesecondtest
FiveSecondTest es una aplicación que permite obtener opiniones sobre cualquier imagen, ya sea un dibujo, un logo, una página web, una pintura…

Los creadores tendrán que subir el archivo (la imagen no puede superar los 960 px de anchura) y los usuarios del sistema tendrán cinco segundos para observarla. Después de este tiempo tendrán que especificar cinco cosas que recuerdan de la imagen, dejando la lista registrada en cada test.

Una buena forma de obtener opiniones rápidas de una comunidad de usuarios que no tenga ningún tipo de relación con el autor. De esta forma es fácil saber si lo que se querí­a transmitir con la imagen se ha conseguido o no.

Stripe Designer – Herramienta para diseñar fondos

Publicado el

por Juan Diego Polo

Stripe Designer for Web 2.0 - by Alex Le

Stripe Designer es una aplicación que nos permite diseñar fondos de forma rápida y sencilla y nos ofrece la posibilidad de probarlo poniendo cualquier imagen por encima de nuestra creación.

Podemos partir de algún diseño ya predefinido para ir personalizándolo poco a poco, hasta llegar a la textura que más se adapte a nuestro proyecto.

El resultado puede ser usado como FILL PATTERN en Photoshop, por ejemplo, ya que podéis bajarlo en formato gif.

Fuente: Xyberneticos

LESS – Aumenta el poder de CSS

Publicado el

por Juan Diego Polo

LESS - Leaner CSSAunque no me dedico al diseño web sí­ soy un reconocido fan de la técnica CSS a la hora de diseñar páginas. Cuesta un poco acostumbrarse después de tantos años peleándose con tables, td, tr y demás, pero el resultado vale la pena: flexible, limpio y dócil ante cualquier futura modificación.

El caso es que ayer un amigo me habló de LESS y de la posibilidad de aumentar el poder de las técnicas CSS usando variables, por ejemplo.

variables

También podemos organizar las reglas dentro de una misma entidad, dejando el código más limpio y sencillo de entender.

reglas

O incluso añadir operaciones matemáticas para facilitar el diseño geométrico del proyecto.

operaciones

Podéis programar la hoja de estilos en LESS y, al finalizar, compilar el código para que se genere el archivo CSS de toda la vida. Tenéis toda la documentación necesaria en https://lesscss.org

Font Viewer – Visualizador web de fuentes

Publicado el

por Juan Diego Polo

fontbook

myfontbook.com es una excelente aplicación que nos ayuda a analizar las fuentes que tenemos instaladas en nuestro ordenador.

Después de mostrarlas en un panel bastante intuitivo, nos permite analizar los detalles de cada una de ellas, comparándolas, clasificándolas y permitiéndonos encontrar entre todas ellas el carácter que estamos buscando.

Con varias opciones de demostración de textos e impresión, es, sin duda, uno de los mejores en su categorí­a.

Ember – Comparte tus diseños e inspí­rate con los de los demás

Publicado el

por Juan Diego Polo

Ember

Ember es un nuevo proyecto que nos permite compartir galerí­as de diseños (páginas web, fondos de pantalla, diseños de escritorios…).

Podemos clasificar nuestros trabajos por categorí­as y etiquetas, facilitando la navegación y el acceso a las verdaderas obras de arte que pueden encontrarse en su base de datos.

Desde logos hasta aplicaciones para iPhone, hay trabajos para todos los gustos, todos ellos con un excelente acabado en lo que a diseño se refiere.

MeCSS – Enví­a tu sitio web a varias galerí­as CSS de una sola vez

Publicado el

por Juan Diego Polo

css

Existen muchos sitios que muestran verdaderas obras de arte en lo que a diseño web se refiere. Cssmania, cssvault, cssbeauty, webcream… verdaderas referencias para encontrar inspiración o conocer nuevas webs hechas con buen gusto.

MeeCSS es una aplicación que permite indicar nuestra web (en caso de tener un diseño css original y bien trabajado) en más de 100 galerí­as al mismo tiempo. Sólo tenéis que rellenar un formulario y esperar a que el enví­o sea realizado en todas las webs indicadas, pasando una por una para confirmar que los datos son incluidos correctamente.

Recursos para buscar, crear y transformar iconos

Publicado el

por Juan Diego Polo

Durante los últimos casi cuatro años he conocido una buena cantidad de sitios web dedicados a mostrar iconos y ofrecer herramientas de edición y creación de estos pequeños y útiles gráficos que tanto usamos en nuestro dí­a a dí­a.

He querido hacer una pequeña lista clasificando algunos de estos recursos, para facilitar la vida de quienes trabajan con el tema.

1 – Buscadores de Iconos

– iconfinder – Más de 100.000 iconos con varios tipos de licencia.
– Iconza – Permite cambiar el color y tamaño de cualquier icono antes de bajarlo a nuestro ordenador.
– Faviconiac – Extrae el favicon de cualquier página web
– Iconos 2.0 al estilo Origami
– iconbulk – Iconos, temas y fondos para PC y Mac
– iconshock – Iconos profesionales
– IconLook – Sencillo buscador de iconos
– FreeIconsDownload – Galerí­as de iconos clasificados por categorí­as
– iconlet – Otro buscador, muy sencillo y popular.
– Iconspedia – Para compartir iconos
– customize.org – Directorio de iconos bastante profesional

2 – Herramientas para creación de iconos

– Air Icon Generator – Creador de iconos Adobe Air
– bradicon – Cómo crear iconos en segundos
– GenfavIcon y favikon – Generadores de favicons
– Mikons – Creador de iconos en un editor Online

3 – Edición y transformación de iconos

– converticon.com – De imagen a .ico y de .ico a imagen
– Iconfu – Editor y directorio de iconos online

card.ly – Crea tu tarjeta de visita 2.0

Publicado el

por Juan Diego Polo

card

De la misma forma que meadiciona.com nos permite indicar en una sola paǵina los enlaces a nuestros diferentes perfiles en redes sociales, blogs, emails y demás informaciones de contacto, card.ly nos ofrece la posibilidad de crear una tarjeta de visita virtual integrada con Facebook, twitter, Youtube, blogger, netvibes y demás herramientas web de moda en los dí­as que corren.

El resultado es bastante agradable, con vuestro nombre y los sitios configurados en la parte central de la tarjeta. Podéis seleccionar varios temas diferentes hasta encontrar vuestro propio estilo para divulgar vuestra identidad visual.