Tres proyectos ideales para diseñadores web

Pensemos ahora en los webdesigners que buscan recursos originales, tanto para agilizar su trabajo como para encontrar contenido de forma sencilla, y hagámoslo con tres sitios que no pueden faltar en su barra de favoritos:

NounProject

captura-55

Os lo presentamos en 2012 como un proyecto que nos permite contribuir con nuestro icono, representando cualquier concepto que deseemos, dejándolo disponible para que otras personas puedan usarlo en sus trabajos.

Existe una infinita colección de iconos de todo tipo, clasificados y gratuitos cuando se da licencia al autor, con una opción de pago para obtener todo el contenido si necesidad de poner el link de referencia al creador.

Está disponible en varios idiomas, podemos bajar los iconos desde la web y es posible instalar una aplicación Mac para facilitar el uso.
Continúa leyendo «Tres proyectos ideales para diseñadores web»

coleure, una interesante forma de gestionar paletas de colores

captura-152

Hace unos meses publicamos una lista de sitios web ideales para quien trabaja con colores, lista que puede ampliarse hoy con coleure.com.

Se trata de un proyecto que nos permite guardar las paletas que vayamos creando, arrastrando y soltando los colores que vemos en la plataforma hacia un menú lateral donde estará la colección deseada.

A diferencia de otras opciones semejantes, este proyecto permite mezclar, comparar, probar e incluso editar colores, por lo que las posibilidades sin bastante amplias a la hora de crear nuevas paletas. De hecho la parte de mezclar es realmente sofisticada: seleccionamos dos colores y arrastramos con el ratón para incluir más «tinta» de uno o de otro, tal y como muestra el gif animado que crearon para presentarlo.
Continúa leyendo «coleure, una interesante forma de gestionar paletas de colores»

atomic, una aplicación para crear prototipos de aplicaciones web y móviles

captura-45

Cada vez es más común, cuando encargamos una web o aplicación móvil, recibir un prototipo interactivo para que sepamos exactamente lo que será entregado, una forma de garantizar que todo el mundo ha entendido las necesidades y que no se gastará mucho tiempo con «no era eso», «no me gusta así­» o «enví­ame otra prueba».

Programar y diseñar es un trabajo extremamente complejo, y muchos clientes no saben el esfuerzo que hay detrás de un «no me acaba de gustar» después de que la plataforma contratada ha sido completada.

Es cierto que hay muchas formas de cortar ese flujo improductivo de información, pero nada como aprobar un prototipo interactivo antes de comenzar a pelearse con el código.

Lo que os presentamos hoy es atomic.io, plataforma web, de momento gratuita, que permite diseñar aplicaciones e incluir botones de acción para que cualquier persona pueda navegar entre las pantallas presentadas, como si fuera la app final.
Continúa leyendo «atomic, una aplicación para crear prototipos de aplicaciones web y móviles»

Fontstand, una app para OS X con la que probar fuentes gratuitamente y alquilarlas a precio reducido

fontstand

Como sabréis, en WWWhatsnew os hablamos con frecuencia acerca de distintos recursos para diseñadores. En esta ocasión, nos ha llamado la atención Fontstand, una nueva aplicación para OS X que te permitirá tanto probar un gran número de fuentes distintas de forma gratuita como alquilarlas por una décima parte de su precio habitual.

En general, el funcionamiento de la aplicación es bastante sencillo. Una vez instalada, Fontstand te permitirá navegar por un extenso catálogo de fuentes hasta encontrar la que más te llame la atención. Una vez la hayas encontrado, tendrás la posibilidad de descargarla en tu equipo y probarla por una hora de forma completamente gratuita con el objetivo de averiguar si te convence el resultado. Si es así­, podrás escoger entre alquilar la fuente completa o estilos individuales por un 10% de su precio habitual (cuyo precio variará dependiendo de la fuente), cantidad que habrás de pagar cada mes. Y después de doce meses de alquiler, podrás utilizar la fuente sin necesidad de continuar pagando. En cuanto a la licencia de las fuentes, podrás utilizarlas tanto para uso personal como profesional en tu ordenador, autoedición e impresión. Para otros usos, entre los que se incluyen los proyectos web, es necesario contactar con el creador de la fuente para adquirir derechos adicionales.

Por el momento, únicamente hay disponible una versión de la aplicación para OS X, aunque la compañí­a ha manifestado su interés de crear una versión para Windows en el futuro. Podéis descargar Fontstand a través de su página web.

A continuación, os dejamos con el ví­deo de presentación de la aplicación:

Continúa leyendo «Fontstand, una app para OS X con la que probar fuentes gratuitamente y alquilarlas a precio reducido»

Una web para que podamos comparar tipografí­as

captura-27

Si tenéis curiosidad por saber las diferencias existentes entre diferentes tipos de letra, echad un vistazo en esta web.

Se trata de una aplicación en la que podemos seleccionar dos tipografí­as para compararlas. En el primer campo de texto viene por defecto Georgia, pero puede cambiarse sin problemas. Solo es necesario indicar el nombre de la fuente y mostrarla en los cuadros inferiores.

Al seleccionar la segunda fuente podremos indicar si queremos que se muestren una encima de otra, con un grado de transparencia que muestre mejor las diferencias, aunque también es posible ponerlas lado a lado.

Las letras usadas como ejemplo pueden también alterarse, tal y como veis en la captura superior, ayudando así­ a elegir aquéllas en las que las diferencias son más sutiles.

Es compatible con todas las fuentes existentes en www.google.com/fonts/. En caso de introducir un texto de una fuente no permitida, no generará error, pero tampoco mostrará resultados.

Recursos frescos para profesionales web

Hoy tenemos una nueva colección con algunos de los mejores recursos que hemos encontrado recientemente en todos los rincones de la Web. Estás a punto de sumergirte en docenas de fuentes, iconos, plugins, herramientas de diseño y mucho más. Lo mejor: ¡todo gratis! Así­ que adelante, disfruta y deja que tus colegas también lo hagan compartiendo esta serie.

Iconos En Estilo Material

íconos En Estilo Material

58 Banderas Internacionales En Vector

58 Banderas Internacionales En Vector
Continúa leyendo «Recursos frescos para profesionales web»

5 páginas sencillas y útiles para diseñadores web

Entre los miles de recursos que hemos divulgado en los últimos años dentro de la categorí­a «Utilidades para diseño», hemos seleccionado hoy cinco que pueden ser muy útiles en el dí­a a dí­a, aplicaciones poco sofisticadas, pero que pueden ayudar a ahorrarnos tiempo.

Aquí­ tenéis la lista:

resizeappicon: Solo tenemos que subir un logo cuadrado y especificar el tamaño de los iconos que queremos que se generen de forma automática. Hay decenas de opciones disponibles, y pueden descargarse todos al mismo tiempo.

captura-86

firesize.com: una aplicación que altera el tamaño de una imagen con solo cambiar la url de la misma.

Si nuestra foto es de 2000í—800 y está guardada en miweb.com/imagen.jpg, solo tendremos que acceder a https://firesize.com/800í—100/g_center/https://miweb.com/imagen.jpg para tener una versión en 800í—100, imagen que se guardará en varios servidores para que nuestros lectores la carguen desde el más cercano.

Buscadores de iconos: Nunca nos cansaremos de indicar buscadores de iconos de todo tipo, pero la recopilación de cinco buscadores que hicimos hace unas semanas vale la pena ser revisada.

Pablo, de buffer: Ideal para crear en segundos un banner compuesto de una imagen de fondo y un texto destacado.

vectormagic.com: transforma imágenes en baja resolución en vectores casi perfectos, ayudando así­ a ampliar el tamaño sin perder calidad.

captura-87

Es parecido a lo que hacen en vectoriza.com o en autotracer.org, pero puede probarse de forma gratuita.

Sitios para ver y crear Fractales en Internet

Si os gusta el mundo de los fractales, objetos geométricos cuya estructura se repite a diferentes escala, echad un vistazo en esta lista que hemos preparado hoy para vosotros:

MandelBrot en github.io

captura-46

Podéis hacer click en cualquier zona para que se realice un zoom de la región especificada. Será necesario esperar un poco a que se calcule le nueva estructura para que podamos volver a hacer zoom y comprobar así­ que no hay lí­mite.

Es el más conocido de los conjuntos fractales y el más estudiado. Podéis obtener mucha más información sobre El Conjunto de Mandelbrot en esta página de Wikipedia
Continúa leyendo «Sitios para ver y crear Fractales en Internet»

Imágenes vectoriales del Apple Watch

captura-9

Fantástico el trabajo que han realizado en designcode.io/watch, un trabajo de más de 100 horas que ha tenido como resultado una colección de imágenes vectoriales con iconos, pantallas y muchos más elementos gráficos relacionados con el Apple Watch.

Además de diseños del reloj y de iconos de aplicaciones, incluyen enlaces para bajar la tipografí­a adecuada, así­ como links a los libros y cursos sobre el tema que tienen publicados en su página principal.
Continúa leyendo «Imágenes vectoriales del Apple Watch»

Recursos frescos de marzo para profesionales web

Aquí­ vamos al ataque una vez más, trayendo todas las novedades en el mundo de los recursos para diseño y desarrollo web. Hemos seleccionado únicamente lo mejor en í­conos, herramientas de desarrollo, fuentes, plugins y mucho más. Así­ que adelanta, usa estos elementos y haz de tu próximo proyecto algo especial.

Una Excelente Colección De íconos Inspirada En Interfaces Pasadas

Una Excelente Colección De í­conos Inspirado En Interfaces Pasadas

Transformicons: Elementos Animados Con SVG Y CSS

Transformicons: Elementos Animados Con SVG Y CSS

íconos Flat Relacionados Con Seguridad

íconos Flat Relacionados Con Seguridad

LOT: Fuente Geométrica En Bloques

LOT: Fuente Geométrica En Bloques
Continúa leyendo «Recursos frescos de marzo para profesionales web»