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.

colorviewfinder, fotografí­a un objeto para obtener su paleta de colores

Publicado el

por Juan Diego Polo

Si trabajáis en diseño gráfico seguramente os interesará lo que colorviewfinder ofrece, una aplicación para iOS que detecta los colores de cualquier objeto capturado con la cámara del móvil para obtener así­ una paleta de colores basada en ellos.

Disponible en colorviewfinder.co, permite también extraer los colores de una imagen guardada en nuestro dispositivo, así­ como personalizar el resultado con varias plantillas.

Podemos añadir información del color (RGB HEX) y compartir los resultados, siendo así­ una buena herramienta para ampliar la famosa lista de Sitios web para quien trabaja con colores.

La aplicación hace algo semejante a lo que vemos en la versión web de checkmycolours.com, pero con un resultado mucho más profesional y completo.

Por desgracia no hay versión android (de momento), aunque tenemos una excelente alternativa para dicho sistema operativo en Real Colors, palette generator, de Makan Studio.

No es la única aplicación que realiza este tipo de tareas, hay varias alternativas, pero sí­ es una de las mejor votadas en iTunes.

notegraphy se asocia con Monotype y Bauertype para ampliar los tipos de letra

Publicado el

por Juan Diego Polo

Es muy posible que ya seais usuarios de notegraphy desde hace tiempo, una de las aplicaciones más usadas a la hora de compartir mensajes en las redes sociales en forma de imagen.

notegraphy le da vida a los textos usando un fondo, una tipografí­a y una forma original en pocos segundos, con una amplia serie de opciones que podemos elegir después de escribir el texto deseado. Esas opciones se multiplican ahora, ya que se han asociado con Monotype y Bauertype para incluir muchos más tipos de letra, usando la tipografí­a de dichos proyectos.

De momento han incluido 11 de estas nuevas tipografí­as en paquetes ya disponibles en la plataforma, aumentando la flexibilidad de lo que allí­ creamos. Notegraphy tiene un plan gratuito, uno plus, que permite realizar más cambios en las plantillas elegidas, y un premium, para personalizar el resultado siguiendo la marca de nuestra empresa.

Sigue estando disponible para android y para iOS, sin noticias sobre la esperada opción web que muchos desean desde hace tiempo (aunque siempre tendremos soluciones como canva.com para dar rienda suelta a nuestra creatividad).

creativebloq publica las 100 mejores tipografí­as gratuitas del momento

Publicado el

por Juan Diego Polo

tipografí­a

creativebloq.com es uno de esos blogs que no pueden faltar entre aquellos que trabajan con diseño gráfico o que, simplemente, disfrutan leyendo materias sobre arte.

Hoy han publicado uno de esos artí­culos que vale la pena compartir, una recopilación de 100 fuentes gratuitas que podemos usar en nuestros proyectos, lista en la que se explica cada una de las fuentes y se muestra un ejemplo de aplicación.

Muchos de los enlaces de dicha lista son de behance.net, comunidad en la que artistas de todo el mundo comparten sus trabajos, en varias ocasiones de forma gratuita.

En el caso de las tipografí­as está claro que no se puede hablar de unas mejores y otras peores, ya que siempre depende del contexto, del gusto del cliente y de otros factores nada objetivos, pero siempre es importante revisar las tendencias para entender la evolución del diseño gráfico dentro y fuera de la web.

En el mismo blog podemos encontrar artí­culos realmente interesantes, relacionados con el diseño web, como este que analiza las tendencias de 2015, por ejemplo.

desinion, una aplicación que ayuda a decidir entre dos diseños para nuestro cliente

Publicado el

por Juan Diego Polo

Si estamos trabajando en un nuevo logo para un cliente, o en un banner, o en la portada de un libro o cualquier otro trabajo de diseño gráfico para el cual tenemos varias versiones, hay una aplicación web que puede ayudarnos a tomar decisiones sobre las mejores opciones.

Se trata de desinion.com, una web en la que los profesionales del diseño suben dos versiones de su trabajo y dejan que la comunidad comience un debate sobre los mismos, siendo posible obtener estadí­sticas de los resultados (votaciones) y de las opiniones mostradas.

Desinion nos mostrará las preferencias del público clasificadas por sexo, edad, localización… segmentos que se amplí­an en la versión Pro, versión que incluye también informes en PDF y posibilidad de crear debates privados (para un público cerrado).

El funcionamiento es muy sencillo, y ya podemos navegar por una buena cantidad de diseños que los usuarios han subido para que podamos opinar sobre ellos:

Aunque la idea es buena, al final es el cliente el que toma la decisión, pero siempre es bueno defender un trabajo si tenemos números por detrás. Si mostramos al cliente que un 85% de la población prefiere un logo, por ejemplo, precisamente entre aquéllos que tienen una edad igual al público al que apuntamos, seguramente la decisión será distinta a la que tendrí­amos sin este tipo de información.

Inventive.io, creación de portfolio sencillo orientado a desarrolladores

Publicado el

por José Carlos Sánchez

Inventive.io nace con el propósito de ahorrar tiempo a los desarrolladores, ya que no tendrán que preocuparse por actualizar su portfolio con sus últimos proyectos, esta herramienta lo hará de forma instantánea por nosotros.

Y es que, como se definen en su web: “Trabaja en los proyectos y el código que te importa y despreocúpate de tu portfolio”. Es decir, automáticamente y en cuestión de pocos minutos, nos creará una web donde exhibir nuestros proyectos y experiencia profesional.

El sistema de gestión del portfolio cuenta con sincronización con nuestro repositorio de Github, por lo que cuando hagamos algún cambio en nuestro proyecto o código en Github, se verá reflejado en el portfolio. También es posible añadir los proyectos manualmente desde la web rellenando el formulario con nombre del proyecto, descripción, enlace y una imagen relacionada.

La edición es en tiempo real y podemos elegir entre diferentes plantillas con diferentes colores y disposición de los elementos.

Tras contactar con el creador de la aplicación web, hemos podido saber que el sitio se encuentra en fase beta, aún con nuevos lanzamientos programados, por lo que no está libre de errores. Según nos cuenta, en las próximas semanas serán arregladas las incidencias reportadas por los primeros usuarios que la usaron y se añadirán nuevas funciones, como por ejemplo nuevas plantillas y dominios personalizados.

Recursos frescos para profesionales web, edicion enero

Publicado el

por Juan Pablo Sarmiento

Aquí­ tenemos un nuevo paquete de recursos de todo tipo, desde iconos, pasando por fuentes, hasta herramientas para desarrolladores que trabajan con CSS y JavaScript. Vamos, dale una mirada que seguramente te terminarás llevando algo. ¡Aquí­ vamos!

Iconos Material de Google, coloreados y con 600 diseños originales agregados

íconos Material de Google, coloreados y con 600 diseños originales agregados

Un paquete de 36 iconos con temática de salud

Un paquete de 36 iconos con temática de salud
Continúa leyendo «Recursos frescos para profesionales web, edicion enero»

gifpaint, para crear gifs animados a mano

Publicado el

por Juan Diego Polo

gif animado

Hay muchas aplicaciones de creación de gif animados en Internet, pero pocas como gifpaint.com.

Se trata de una web en la que podemos dibujar en un editor que recuerda al famoso Microsoft Paint, siendo posible diseñar a mano cada uno de los frames del futuro gif.

Podemos en todo momento pasar de un frame a otro para hacer retoques y visualizar la animación con un reproductor que se encuentra bajo el panel de dibujo. Es posible definir el grosor y color del pincel, la velocidad de animación, el spray que será usado, pintar a brocha gorda… decenas de opciones que ayudarán a obtener buenos resultados, tal y como vemos en la galerí­a de «cosas hechas con gifpaint».

Por supuesto, al final siempre depende del talento del dibujante, aunque no cabe duda que la herramienta siempre ayuda a agilizar el proceso.

Canva añade banners para que podemos felicitar 2015 con elegancia y estilo

Publicado el

por Juan Diego Polo

De la misma forma que en canva.com añadieron plantillas para poder crear banners de felicitaciones navideñas en pocos minutos, ya tenemos disponibles un par dedicados al año nuevo.

Canva.com ha sido uno de los productos estrella del año, permitiendo que los no profesionales del diseño consigan crear banners usando y personalizando las muchas plantillas que ofrecen, así­ como las imágenes e iconos del sistema. Existe la posibilidad de usar muchos elementos de forma gratuita, e incluyen un buscador de fotografí­as para que compremos de forma sencilla el derecho a usarla en nuestros banners.

Encabezados en redes sociales, banners de productos, descuentos y promociones, anuncios… canva ha tenido un excelente 2014, transformando también la plataforma de creación de banners en una red social en la que podemos ver los trabajos realizados por otros usuarios, ayudando así­ a obtener inspiración a partir de la creatividad ajena.

Aunque solo tenemos un par de opciones para felicitar 2015, cada uno puede personalizarse añadiendo o retirando elementos, así­ como personalizando el tamaño y tipo de fuente o incluyendo nuevos textos.

Más de 800 plantillas web gratuitas en HTML5

Publicado el

por Juan Diego Polo

Si estáis buscando plantillas gratuitas para comenzar a desarrollar un proyecto web, echad un vistazo en templated.co, don, bajo licencia Creative Commons, se ofrecen 844 templates diseñadas y construidas por Cherry (@cherrynastor) y AJ (@n33co).

Las plantillas pueden usarse en proyectos comerciales, solo es necesario indicar el crédito del trabajo en alguna parte de la página final. Todos los diseños ofrecidos se adaptan a diferentes tamaños de pantalla, siendo necesario editar el contenido para adaptarlo a nuestras necesidades (ellos mismos recomiendan sublimetext.com para realizar ese trabajo).

Para el desarrollo han usado el framework Skel, bien documentado y disponible de forma gratuita en la web, ocupando solamente 23kb.

Destaca en producthunt bajo el tí­tulo: A collection of 844 free CSS and HTML5 site templates, se transforma en un buen recurso para tener en nuestra categorí­a de Utilidades para Diseño.

Algunas formas de mejorar la resolución de tu imagen

Publicado el

por Juan Diego Polo

Si habéis recibido una imagen con muy poca resolución y necesitáis ampliar su tamaño con la esperanza de no ver pí­xeles del tamaño de un puño, no os desesperéis, puede haber solución.

Algunas imágenes, aquellas que fueron dibujadas con contornos definidos, pueden ser transformadas en vectoriales, obteniendo resultados fantásticos. Ya os hemos hablado en algunas ocasiones de esa técnica, y os dejamos hoy con algunas soluciones de este tipo:

vectormagic.com

La que más uso personalmente. Desde hace años ofrecí­a el servicio de forma gratuito, ahora solo permite hacer dos conversiones sin pagar nada, el resto solo pueden hacerse si hay suscripción por medio.

Solo tenemos que subir la imagen deseada y ver cómo se realiza el proceso de transformación en png (vectorizada). En la captura podéis ver un ejemplo del proceso: se detectan los contornos y se transforman pí­xeles en curvas.

Por supuesto, solo funciona en las ocasiones en las que hay contornos definidos, no hay solución en caso de tratarse de una fotografí­a compleja.

vectoriza.com

Si el resultado anterior no ha sido bueno, hay servicios como el de vectoriza.com que lo hacen a partir de 5 euros por imagen. El trabajo es manual, por lo que el resultado está garantizado.

autotracer.org

No hay trabajo manual, pero es online, automática y gratuita. Los resultados no son tan buenos como en la primera solución, pero dependiendo de la imagen podemos obtener una buena imagen vectorial en formato svg, EPS o pdf. El funcionamiento es semejante al de online.rapidresizer.com (que pide el email para enviar el resultado), image.online-convert.com, que abusa de publicidad pero permite seleccionar material de dropbox o rast2vec, que parece salida del siglo XX.

Como siempre, el resultado final dependerá de lo compleja que sea la imagen inicial, pero no cuesta nada probarlo.