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.

bannernow – Un creador de banners en Flash

Publicado el

por Juan Diego Polo

Si no tenéis el editor oficial de animaciones en Flash y necesitáis realizar un banner animado en dicha tecnologí­a, bannernow.com os puede ayudar.

Se trata de un editor bastante intuitivo que permite la creación de banners de diversos tamaños, con animaciones predefinidas, galerí­as de imágenes, colores, fuentes y textos que facilitan la inclusión de diversos elementos en nuestro trabajo.

Podemos subir nuestras propias imágenes y exportar el resultado en swf después de haber trabajado con ellas, permitiendo ver siempre el resultado antes de ejecutar la exportación desde el editor.

Un creador de banners bastante más completo que la mayorí­a de los de su categorí­a, aunque requiere algo más de tiempo para poder empezar a ser usado de forma productiva.

7 herramientas para diseñar fuentes tipográficas gratis

Publicado el

por Juan David Quiñónez

Aunque hay muchas gratuitas en la red, la mayorí­a de fuentes tipográficas personalizadas no bajan de 50 dólares por licencia. Igualmente existe mucho software con muy buenas funcionalidades pero que para diseñar la tipografí­a de un logo sencillo, tal vez de una pequeña empresa, el alto gasto de una copia no es siquiera considerable. Para tales casos están aquí­ -cortesí­a de Mashable– varias alternativas gratuitas con un buen número de capacidades:

FontStruct


FontStruct es un editor online auspiciado por FontShop, una popular tienda de fuentes. Muy sencillo es su uso, además de que permite exportar los resultados rápidamente en formato de fuentes TrueType (TTF). La comunidad y la posibilidad de compartir las creaciones en el sitio lo convierten en un espacio propicio para conseguir otras fuentes de alta calidad.
Continúa leyendo «7 herramientas para diseñar fuentes tipográficas gratis»

refine.io – Una excelente solución para crear prototipos funcionales de aplicaciones móviles

Publicado el

por Juan Diego Polo

En refine.io han empezado a enviar invitaciones a todos los que las pedimos en su página principal, permitiéndonos usar esta aplicación que facilita, y mucho, la creación de prototipos de aplicaciones para móviles.

[…] ofrece una forma sencilla de crear y compartir de prototipos funcionales de las aplicaciones móviles. Con la facilidad de crear una maqueta, refine.io permite que cualquiera pueda hacer un prototipo de HTML completo con controles de interfaz de usuario, se alimenta de datos y herramientas de colaboración para el intercambio y la recopilación de información. Sólo tienes que arrastrar y soltar elementos, alimentar datos, agregar las interacciones, y publicar.

Los prototipos creados se pueden ver en un navegador en cualquier PC o dispositivo móvil, siendo excelentes para mostrarlos a los clientes, ya que no son solo diseños, hay funcionalidades que simulan el comportamiento real de los sistemas.

Os dejo con algunas capturas realizadas del ví­deo de demostración que podéis ver arriba:
Continúa leyendo «refine.io – Una excelente solución para crear prototipos funcionales de aplicaciones móviles»

GIFPAL, crear gifs desde la webcam con efectos y texto

Publicado el

por Miriam Schuager

Para poder crear gifs animados ya no es indispensable contar con softwares complejos, ya que hay muchas aplicaciones web que nos dejan improvisar una animación en pocos pasos y sin necesidad de descargar nada, como GIFPAL.

GIFPAL te permite crear gifs a partir de las capturas que tomes de tu webcam (solo tienes que activarla en el momento y darle el permiso a la aplicación) o subiendo imágenes desde el ordenador. La interfaz es muy agradable, y si bien no cuenta con muchas opciones de transición es una herramienta válida para crear un gif.

Puedes agregarle afectos a las imágenes que has cargado (las básicas que encontrarás en un editor de fotografí­as) y si deseas puedes agregarles textos, dibujos o cambiarle el color. El gif puede tener hasta 20 frames y puedes variar la velocidad como desees.

No necesitas crearte una cuenta en GIFPAL para descargar el gif que has creado, pero sí­ la necesitarás si deseas guardarlo online o compartirlo en la galerí­a.

Enlace: GIFPAL | Ví­a: Chrome History

BearCSS – Genera un archivo CSS a partir de HTML

Publicado el

por Juan Diego Polo

BearCSS es una aplicación que permite generar una plantilla de un archivo CSS usando los elementos especificados en el archivo HTML que le indiquemos.

El archivo generado contendrá las clases, id y elementos del HTML, ayudando a realizar las tareas más monótonas del diseño de la hoja de estilo y permitiendo que dediquemos más tiempo a crear.

Se trata de un proyecto creado en HTML5/CSS, jQuery y PHP por Kyle Gawley y Jordan Henderson, quienes dejan sus datos de contacto disponibles en la página principal de BearCSS.

Link: BearCSS | Ví­a TNW

colorhexa – Para buscar información sobre colores especí­ficos

Publicado el

por Juan Diego Polo

colorhexa.com es un buscador especializado en colores, obteniendo información sobre cualquier color que le indiquemos, en cualquier formato, así­ como las fórmulas para transformarlo de uno a otro (rgb a hsl o cmyk, por ejemplo).

También podemos crear gradientes separando los colores con «+» o «to» en el campo de búsqueda.

Podemos buscar por nombre o código, aceptando cadenas como «red» , «ff0000» (con o sin «#»), «rgb(255,0,0)», «rgb 100 0 0 %», «c:0, m:100, y:100, k:0», «hsl 0, 100, 50», etc.

Un excelente recurso para ampliar la lista de Herramientas para trabajar con colores

Web Developer – La extensión con decenas de herramientas para diseñadores web

Publicado el

por Juan Diego Polo

Eliminar la hoja de estilos de las páginas, destacar ciertos elementos, eliminar imágenes, alterar formularios, modificar tamaños… Web Developer es una extensión disponible para Firefox y Chrome que nos permite trabajar en diseño web de forma mucho más productiva, teniendo siempre a mano varias utilidades que agilizan el trabajo.

La versión de Firefox ya cuenta con más de 1 millón de usuarios, teniendo la de Chrome más de 300.000 instalaciones.

Chris Pederick es su creador, con una web (chrispederick.com) donde comentan los detalles de éstas y otras creaciones.

Links: Para Chrome | Para Firefox

Las 10 mejores apps y extensiones de Google Chrome para diseñadores

Publicado el

por Juan David Quiñónez

Ya sea desde el diseño web y otras publicaciones gráficas, el navegador es una de las más interesantes herramientas de ayuda que facilitan cada proceso de creación. Bien, pues gracias a las decenas de desarrolladores y artistas que colaboran en la creación de extensiones para Google Chrome, ya existe un considerable número de opciones para adaptarlo a las necesidades también de los diseñadores, y algunas de las mejores están aquí­ hoy. Un agradecimiento especial a TheNextWeb por compartirlas.

extensiones chrome diseñadores 2

Tape: En Google Chrome, Ctrl + Shift + I es un atajo para conocer el «esqueleto» de cualquier página que de forma similar al complemento Firebug de Mozilla Firefox, muestra un montón de útil información de todas las secciones que le conforman. Pues bien, Tape es una herramienta más especí­fica que facilitará medir las posiciones de dichos elementos a través de lí­neas guí­a, las mismas reglas que aparecen en Photoshop o en GIMP pero con el detalle numérico que en éstas populares aplicaciones hace falta.
Continúa leyendo «Las 10 mejores apps y extensiones de Google Chrome para diseñadores»

Dropr con nuevas caracterí­sticas e integración de HTML5

Publicado el

por Miriam Schuager

En artí­culos anteriores te hemos contado de Dropr, una plataforma que nos permite crear portafolios de nuestro trabajo para presentarlos online de manera profesional. Cuenta con una interfaz impecable y funciones que nos permiten integrar cualquier contenido multimedia a nuestra presentación.

El equipo ha seguido trabajando y ahora ha presentado nuevas caracterí­sticas y funciones, que nos permitirán acceder a todas las opciones de manera más sencilla y crear portafolios profesionales. Por ejemplo, ahora dispone de soporte para  alojar contenido en HTML5, lo que extiende mucho más las posibilidades.

Además, subir todo tipo de archivo con solo arrastrar y soltar en la interfaz de Dropr. Pueden ser uno o varios a la vez, de diferentes tipos, ya que el sistema reconocerá cada uno de ellos y hará el trabajo por ti. Si deseas generar un código QR, puedes hacerlo, y tendrás otro detalles que los que visiten tu portafolios podrán apreciar.

Por supuesto, entre las opciones encontrarás la  posibilidad de compartir el contenido que has preparado en otros medios ajenos a Dropr. Si das vuelta por la interfaz verás que muchos detalles que se han tenido en cuenta para que tu navegación por las diferentes funciones sea agradable y simple.

Enlace: Dropr

Libro gratuito de JQuery

Publicado el

por Fco. José Hidalgo

Si echamos la mirada hacia atrás, observaremos lo mucho que han cambiado las interfaces web, encontrándonos en la actualidad con sitios web más atractivos, dinámicos e interactivos. Parte de la «culpa» la tiene JQuery, una biblioteca en JavaScript, que cualquier desarrollador de hoy dí­a deberá tener al menos los conocimientos mí­nimos.

Si no lo tiene o quien quiera adentrarse en JQuery, puede utilizar el Libro gratuito de JQuery, un libro electrónico online bajo licencia Creative Commons Attribution-Share Alike 3.0, en el que a través de sus 11 capí­tulos, cualquier persona interesada podrá obtener los conceptos necesarios y realizar distintas prácticas para familiarizarse y usar en sus desarrollos de interfaces web a JQuery.

Enlace: Libro gratuito de JQuery