Diseño Archives - Página 8 de 84

Palette Extractor: Extraer la paleta de colores de una imagen

26 febrero, 2013 por Juanguis

Palette Extractor es una genial aplicación web que nos permite extraer la paleta de colores de una imagen, esto es especial para los diseñadores que quieren extraer la «esencia» de una imagen y utilizarla luego en sus creaciones.

El uso es muy simple, sólo tienen que seleccionar la imagen que desean analizar y subirla al sitio, luego les pedirá que elijan un área específica para procesar (pueden seleccionar la imagen completa si lo desean). Luego de unos segundos el sistema les mostrará la composición de colores en un gráfico de tortas y la paleta más abajo.

Enlace: Palette Extractor

Cómo convertir tu letra escrita a mano en una fuente para la computadora

14 febrero, 2013 por Juanguis

Handwriting font creator 2
El sitio MyScriptFont.com ofrece un servicio muy partciular llamado Handwriting font creator, que nos permite convertir nuestra letra manuscrita en fuentes para utilizar en la computadora.

Lo bueno de esta herramienta es que es muy simple de utilizar, y el único trabajo que nos tenemos que tomar es el de dibujar una por una las letras que van a formar parte de la fuente.

Lo primero que hay que hacer es descargar la plantilla en formato PDF, imprimirla y rellenar todos los cuadros con nuestra letra manuscrita. Tengan cuidado de no pasarse de los cuadrados en color gris.

handwriting font creator

Una vez que hayan terminado tienen que escanear la hoja en escala de grises a 300dpi com lo dice la plantilla. Una vez que lo hicieron suban la imagen al sitio y automáticamente les creará la fuente.

Pueden elegir entre tres formatos de fuente: TTF, OTF y SVG.

Enlace: Handwriting font creator

Visto en Make Use Of

Logos con estilo Modern UI [Galería]

13 febrero, 2013 por Juanguis

Luego del lanzamiento de Windows 8, el nuevo sistema operativo de Microsoft, la compañia presento un nuevo logo corporativo más acorde con el estilo ~~Metro~~ Modern UI que introdujo el sistema operativo, es un logo muy minimalista y plano sin muchos detalles complejos.

L8 es el nick del diseñador Mexicano Ele Lee quien con el lanzamiento del logo de Microsoft decidió experimentar con otros logos de empresas famosas para ver como quedaban con el estilo Modern UI de Microsoft, he aquí el resultado:

Lee a Ele

SubtlePattern: Un bookmarklet que permite probar distintos patterns en cualquier sitio web

12 febrero, 2013 por Juanguis

SubtlePatters es un bookmarklet muy interesante destinado a diseñadores que quieren probar distintos patterns o fondos en sitios web. Su funcionamiento es muy sencillo, sólo tenemos que arrastrar el bookmarklet a la barra de marcadores del navegador, y cuando estemos en un sitio web y queramos probar los patterns tenemos que darle al bookmarklet para que se cargue el menú.

Subtle Patterns

Cuando lo hagan verán que se carga un pattern al azar y aparece un menú desplegable con las distintas categorías disponibles. Allí podemos ir eligiendo entre las categorías y navegando entre los distintos patterns que hay en cada una mediante las flechitas. A medida que van seleccionando un pattern distinto este se cargará como fondo del sitio.

Por último, si les gusta algún fondo lo único que tienen que hacer para descargarlo es darle con el botón derecho al fondo y elegir ver imagen de fondo o la opción adecuada para su navegador, luego guardan la imagen y listo.

Enlace: SubtlePatterns

Visto en WebResourcesDepot

Busca imágenes por color con Multicolr Search

10 febrero, 2013 por Juanguis

Multicolr Search Lab es un genial sitio web que permite hacer búsquedas por color, así como lo leen, no se escriben palabras claves, ni descripciones, ni preguntas, nada de texto, solo se seleccionan colores y automáticamente empezarán a aparecer las imágenes que tiene los colores que elegiste.

Puedes elegir el porcentaje exacto de cada color, de los 5 colores máximos que se puedes seleccionar, el motor de búsqueda de colores tiene en su índice más de 10 millones de fotografías bajo licencia Creative Commons que salen de la colosal biblioteca que es Flickr.

Una herramienta muy práctica cuando necesites buscar inspiración o tal vez buscar imágenes que combinen con algún UI que estés creando, si detallan un poco la URL se dan cuenta que están los colores de la búsqueda, así que pueden guardarla en Marcadores y no perderla nunca más :)

Multicolr Search Lab

Via Microsiervos

Diferencia entre Arial y Helvetica [Diseñadores]

9 febrero, 2013 por Juanguis

En el mundo de los diseñadores al igual que en todos existen guerras de opiniones sobre las mejores herramientas, la mejor forma de hacer algo y en el caso de los diseñadores existe una sobre Arial y Helvetica, muchos opinan que Arial es una fuente muy común y similar a otras fuentes, además es criticada por permanecer bajo el ambiente de Microsoft, mientras Helvetica es una fuente más trabajada, con terminaciones rectas, pero la verdad es que ambas fuentes son increíblemente similares.

Si eres diseñador seguramente sabrás describir la diferencia entre las dos fuentes a través del test So you think you can tell Arial from Helvetica?, un cuestionario de 20 preguntas donde debes elegir cual de las dos imágenes es la que está escrita en Helvetica y cual no, el test es solo un poco complicado para aquellos que no tengan experiencia con tipografías, de cualquier modo es interesante saber un poco más sobre el linear mundo de las fuentes y conocer las diferencias entre Helvetica y Arial, el par de fuentes más conocidas.

So you think you can tell Arial from Helvetica?

Simple Icons: Excelente set de íconos sociales y de internet

9 febrero, 2013 por Juanguis

Hoy quiero deajarles un excelente set de íconos llamado Simple Icons, que consta de 96 íconos con un diseño muy bueno que nos hace recordar a Windows 8. Son 96 íconos en PNG en 11 medidas diferentes que van desde los 16×16 px a los 4096×4096 px.

Como se ve en la imagen, hay íconos de todo tipo, ya sea de redes sociales como Facebook, Twitter, Reddit, Pinterest, LinkedIn; de sitios de internet como eBay, Blogger, DropBox; también de marcas como Apple, MediaTemple, Yahoo, Google, y muchísimos más.

Enlace: Simple Icons

Iconos de redes sociales 2013

6 febrero, 2013 por Juanguis

El diseñador Will Francis ha creado el fin de semana pasado estos iconos de las redes sociales versión 2013, incluye las redes sociales más populares como Dribble, Tumblr, Youtube, Facebook, LinkedIn, Pinterest, Flckr, Google+, la última versión del icono de Twitter y un icono de email que hacer juego con el resto de los iconos.

Los iconos están en formato PNG en una resolución de 99×101 pixeles y en formato PSD brindando la posibilidad de modificarlos a tu conveniencia o exportarlos en otros formatos, aunque siempre es mejor PNG.

Descargar Social Media Icons for 2013

BLOKK: Una fuente gratuita para mockups y wireframes

5 febrero, 2013 por Juanguis

Los mockups y wireframes son modelos, maquetas o prototipos en una escala real que sirven para representar como sería el diseño final del producto o aplicación que se esté desarrollando, sirven para demostrar y evaluar el diseño por parte de los clientes o del equipo desarrollador.

Cuando se están creando los mockups siempre es necesario ocupar el diseño con imágenes o textos estándar para tener una mejor visión de lo que se está desarrollando, comúnmente se ha utilizado el texto Lorem Ipsum para ocupar texto en los diseños, pero seguramente les ha pasado que el cliente u otra persona que no lo conozca les pregunta ¿Qué dice ahí?, para evitar esto existe BLOKK una fuente totalmente gratuita para ocupar texto pero sin palabras, es decir, la fuente básicamente son cuadros negros para cada carácter para escribir en los mockups y así evitarse preguntas incómodas, la fuente además de la versión de Escritorio (.tff) trae los archivos para utilizarla en la Web directamente.

Descargar: BLOKK

APPICNS: Paquete de iconos minimalistas para Mac

2 febrero, 2013 por Juanguis

Si les gustan el el diseño minimalista como a mi disfrutarán tener en su Mac este genial paquete de iconos creados por Kara Zichittella y Andrew McCarthy, están disponibles para descargarlos gratuitamente desde su sitio web oficial .app.icns, además del formato .icns también viene en formato PNG si quieres utilizarlos en algo más, recomiendan ser instalados con CandyBar para hacerlo de forma fácil y automática.

Descargar APPICNS