En nuestro día a día y durante los años, todos los diseñadores vamos acumulando webs y lugares de donde obtener recursos gráficos: iconos, fotos o tipografías. Hoy el post va de esto: te recopilo los mejores que utilizo en mi día a día y de algunos consejos interesantes.
Aviso que este post lo iré actualizando conforme encuentre cosas nuevas interesantes que compartir con vosotros. No pretendo poner 20 webs en cada apartado, sino que citaré los recursos que mejor me han funcionado y he utilizado personalmente. Espero que os sea de utilidad, podéis utilizar los comentarios para sugerir vuestras herramientas.
Si estás creando una marca, es importante asegurarse de que el nombre no tiene significado negativo en el idioma base y en otros idiomas. Para ello, es muy útil el diccionario de la RAE, Urbandictionary, Wordreference y WordSafety.
A la hora de diseñar, una gran opción hoy en día son las tipografías gratuitas; las hay en FontLibrary, Fontsquirrel, Freetypography y sobre todo Google Fonts.
La combinación entre tipos de letra es una tarea importante pero compleja, estas herramientas ayudan: FontPair, Typ y FontJoy.
Si lo que te gustaría es diseñar tus propias tipografías, en Type design resources tienes multitud de recursos para ello.
Muchas veces necesitaremos identificar una tipografía a través de una imagen jpg o en cualquier otro formato web. Los clientes no siempre tienen su logotipo vectorial, y si tenemos que trabajar en un proyecto, seguro que no nos queda otra alternativa que tratar de identificarla. Para ello, puedes usar WhatFontIs, WhatTheFont o FontMatcherator.
Identificando una tipografía a través de una imagen con WhatFontIs
Mi consejo es que trabajes un poco la imagen antes de subirla a las webs para tratar de saber de qué tipografía se trata. La manera de hacerlo te la resumo en unos consejos rápidos:
Con Identifont (en inglés) puedes encontrar un tipo de letra de varias formas: por apariencia —respondiendo varias preguntas como por ejemplo si es Serif (romana) o Sans-serif (palo seco, sin remates), la forma de la Q o de la M…—; por nombre; por similitud—puedes escribir una tipografía que sabes que es similar a la que buscas, e Identifont te dará un listado de otras similares entre las que puede estar la que necesitas—; por un símbolo; o por la fundición o autor (si conoces al creador de la tipografía, puedes encontrar la fuente con ello).
Hay muchas webs de donde obtener recursos fotográficos gratuitos, estas son las que más utilizo: UnSplash, Pixabay, Stocksnap y Pexels.
Importante: aunque sean recursos gratuitos, léete la licencia de la imagen antes de usarla.
La calidad de las webs gratuitas es bastante buena, aunque si tu búsqueda es muy específica, seguramente necesitarás acudir a un banco de imágenes de pago. Hay muchos y dependiendo de lo que necesites, puedes hacer un plan por imágenes o bien un plan mensual o anual. Depositphotos, Fotolia, Shutterstock…
En este caso, PNGimg, PNGtree, FreePNGImg y StickPng te ofrecen una colección de recursos con imágenes transparentes y recortadas para diseño web. Remarco lo de diseño web, porque las resoluciones no son muy altas, y es muy probable que para diseño impreso no te sirvan.
Un truco común para las búsquedas en bancos de imágenes, vectores… es hacer las búsquedas en inglés
Si estás diseñando una página web o un banner, es muy común que necesites recortar a personas u objetos quitando el fondo, con Remove Background o PicWish es muy fácil y muy rápido. Cuestión de segundos.
Si buscas recursos de iconos, vectores con fondos o ilustraciones, hay varias webs que te pueden ayudar. Everypixel, Freepik, Vecteezy, Vector4free o Coolvectors. Para iconos tienes Thenounproject, Google Icons, la librería Open Source Coco Material o LineIcons.
En este caso, al igual que en las imágenes gratuitas, léete la licencia del vector/icono antes de usarlo ya que en muchos casos debes atribuir al autor o son solo para uso personal (no comercial).
Si buscas iconos gratuitos del COVID-19 para poder usar libremente, el estudio Copymouse ha creado varias colecciones que son muy útiles, incluso te permite poner tu color corporativo y descargarlos listos para usar: iconos gratuitos covid, iconos gratuitos apocalipsis e iconos gratuitos de teletrabajo.
Las texturas son muy útiles para fondos en cualquier diseño, a veces integrándolas de manera más sutil mediante las Opciones de fusión de Photoshop. Las webs que más utilizo para descargarlas son Textures, FreeStockTextures y TextureLovers.
¿Buscas Assets o ilustraciones en tres dimensiones? Tienes UI8 y Characterz.
Los patrones son formas y elementos que se repiten de manera infinita sobre un soporte. Son muy útiles para presentaciones, redes sociales, packaging… Con PatternPad podrás crearlos de una manera muy sencilla, eligiendo formas, colores, porcentajes de repetición… y además descargarlos incluso en formato vectorial (SVG). ¡Muy top!
Puedes encontrar multitud de logos vectoriales en bancos especializados en recopilarlos. Normalmente los podrás descargar en .AI (formato propio de Adobe Illustrator), .EPS (Encapsulated PostScript), .CDR (formato propio de Corel Draw) o incluso en PDF. Las webs que recomiendo son: Vectorlogo, Brandsoftheworld , Worldvectorlogo o Seeklogo. Las colecciones son aportaciones de otros diseñadores que, además, suelen indicar si el logo está activo u obsoleto. No obstante, antes de usar un logo, es interesante que entres a la web de la marca para asegurarte de que vas a utilizar el que está en vigor.
Si buscas inspiración para realizar una marca, o analizar soluciones de otras marcas para aprender, consulta Logobook, te va a encantar. Los logos aparecen monocromáticos, ya que la primera máxima de una marca es que funcione en negro: nunca debe depender de los colores corporativos para transmitir sus valores correctamente.
Si realizas algún trabajo de packaging como este, necesitarás un generador de códigos de barras. A mí me da muy buen resultado Barcodewriter ya que tiene infinidad de tipos (EAN-13, EAN-8, ISBN, …) y te los permite descargar en formato vectorial EPS.
A la hora de realizar diseños y seleccionar la paleta de colores, contamos con diversas herramientas web que nos facilitarán esta tarea: AdobeColor (antiguo Kuler), Coolors, ColorExplorer y Colormind. Y por otra parte, ColorZilla es una extensión para navegador web (Firefox y Chrome) para coger muestras de color de páginas web.
Una vez tienes creada la paleta de color, deberás tener las equivalencias de esos colores para los distintos usos que le puedas dar: tinta plana Pantone, impresión en cuatricromía, pero también para web y pantalla (RGB). Por eso, con PantoneColorFinder podrás hacerlo e intentar que los colores sean lo más consistentes posible. Te dejo también otro enlace a un blog y a un video (en inglés) para hacer la conversión desde Adobe Illustrator.
Mockup de un trabajo editorial que realicé en 2017
Los mockups son muy útiles para tu portfolio; son plantillas en las que colocar tus diseños de tarjetas, libros, revistas, carteles… de una manera más visual, y además a tu cliente le servirá para hacerse mejor a la idea de tu propuesta. Por ejemplo, imagina que has diseñado una etiqueta de vino, ¿qué mejor que «montarla» sobre una botella? Si te atreves a hacerlo tú mismo, te recomiendo este tutorial de Marco Creativo que seguro te ayudará; si por contra prefieres usar recursos de internet (normalmente en formato Photoshop, PSD) puedes utilizar Graphicpear, Fusionplate, Graphictwister o incluso Behance. Estas webs, además de mockups, ofrecen más contenidos como fuentes, freebies y plantillas.
Una web que agrupa muchos tamaños de estándares de papel es Papersizes, muy útil: serie DIN, tamaños de tarjetas de visita en las distintas regiones, periódicos…
Las herramientas Really good emails y email Love permiten buscar newsletters para ver los diseños que realizan las grandes marcas por sectores.
Dejamos lo mejor para el final: cerramos con varias webs muy útiles que listan multitud de recursos y utilidades (podcast, libros, apps, post, webs de inspiración, landing page…). Son: wefreelancing, Design Resources y Evernote.Design.
¿Conoces algún recurso que no esté en el post y que te sea de utilidad? Comenta y la añadiré.
Muchas veces necesitaremos identificar una tipografía a través de una imagen jpg o en cualquier otro formato web. Los clientes no siempre tienen su logotipo vectorial, y si tenemos que trabajar en un proyecto, seguro que no nos queda otra alternativa que tratar de identificarla. Para ello, puedes usar WhatFontIs, WhatTheFont o FontMatcherator.
Identificando una tipografía a través de una imagen con WhatFontIs
Mi consejo es que trabajes un poco la imagen antes de subirla a las webs para tratar de saber de qué tipografía se trata. La manera de hacerlo te la resumo en unos consejos rápidos:
Con Identifont (en inglés) puedes encontrar un tipo de letra de varias formas: por apariencia —respondiendo varias preguntas como por ejemplo si es Serif (romana) o Sans-serif (palo seco, sin remates), la forma de la Q o de la M…—; por nombre; por similitud—puedes escribir una tipografía que sabes que es similar a la que buscas, e Identifont te dará un listado de otras similares entre las que puede estar la que necesitas—; por un símbolo; o por la fundición o autor (si conoces al creador de la tipografía, puedes encontrar la fuente con ello).
Hay muchas webs de donde obtener recursos fotográficos gratuitos, estas son las que más utilizo: UnSplash, Pixabay, Stocksnap y Pexels.
Importante: aunque sean recursos gratuitos, léete la licencia de la imagen antes de usarla.
La calidad de las webs gratuitas es bastante buena, aunque si tu búsqueda es muy específica, seguramente necesitarás acudir a un banco de imágenes de pago. Hay muchos y dependiendo de lo que necesites, puedes hacer un plan por imágenes o bien un plan mensual o anual. Depositphotos, Fotolia, Shutterstock…
En este caso, PNGimg, PNGtree, FreePNGImg y StickPng te ofrecen una colección de recursos con imágenes transparentes y recortadas para diseño web. Remarco lo de diseño web, porque las resoluciones no son muy altas, y es muy probable que para diseño impreso no te sirvan.
Un truco común para las búsquedas en bancos de imágenes, vectores… es hacer las búsquedas en inglés
Si estás diseñando una página web o un banner, es muy común que necesites recortar a personas quitando el fondo, con Remove Background es muy fácil y muy rápido. Cuestión de segundos.
Si buscas recursos de iconos, vectores con fondos o ilustraciones, hay varias webs que te pueden ayudar. Everypixel, Freepik, Vecteezy, Vector4free o Coolvectors. Para iconos tienes Thenounproject, Google Icons, la librería Open Source Coco Material o LineIcons.
En este caso, al igual que en las imágenes gratuitas, léete la licencia del vector/icono antes de usarlo ya que en muchos casos debes atribuir al autor o son solo para uso personal (no comercial).
Si buscas iconos gratuitos del COVID-19 para poder usar libremente, el estudio Copymouse ha creado varias colecciones que son muy útiles, incluso te permite poner tu color corporativo y descargarlos listos para usar: iconos gratuitos covid, iconos gratuitos apocalipsis e iconos gratuitos de teletrabajo.
Las texturas son muy útiles para fondos en cualquier diseño, a veces integrándolas de manera más sutil mediante las Opciones de fusión de Photoshop. Las webs que más utilizo para descargarlas son Textures, FreeStockTextures y TextureLovers.
¿Buscas Assets o ilustraciones en tres dimensiones? Tienes UI8 y Characterz.
Los patrones son formas y elementos que se repiten de manera infinita sobre un soporte. Son muy útiles para presentaciones, redes sociales, packaging… Con PatternPad podrás crearlos de una manera muy sencilla, eligiendo formas, colores, porcentajes de repetición… y además descargarlos incluso en formato vectorial (SVG). ¡Muy top!
Puedes encontrar multitud de logos vectoriales en bancos especializados en recopilarlos. Normalmente los podrás descargar en .AI (formato propio de Adobe Illustrator), .EPS (Encapsulated PostScript), .CDR (formato propio de Corel Draw) o incluso en PDF. Las webs que recomiendo son: Vectorlogo, Brandsoftheworld y Seeklogo. Las colecciones son aportaciones de otros diseñadores que, además, suelen indicar si el logo está activo u obsoleto. No obstante, antes de usar un logo, es interesante que entres a la web de la marca para asegurarte de que vas a utilizar el que está en vigor.
Si buscas inspiración para realizar una marca, o analizar soluciones de otras marcas para aprender, consulta Logobook, te va a encantar. Los logos aparecen monocromáticos, ya que la primera máxima de una marca es que funcione en negro: nunca debe depender de los colores corporativos para transmitir sus valores correctamente.
Si realizas algún trabajo de packaging como este, necesitarás un generador de códigos de barras. A mí me da muy buen resultado Barcodewriter ya que tiene infinidad de tipos (EAN-13, EAN-8, ISBN, …) y te los permite descargar en formato vectorial EPS.
A la hora de realizar diseños y seleccionar la paleta de colores, contamos con diversas herramientas web que nos facilitarán esta tarea: AdobeColor (antiguo Kuler), Coolors, ColorExplorer y Colormind. Y por otra parte, ColorZilla es una extensión para navegador web (Firefox y Chrome) para coger muestras de color de páginas web.
Una vez tienes creada la paleta de color, deberás tener las equivalencias de esos colores para los distintos usos que le puedas dar: tinta plana Pantone, impresión en cuatricromía, pero también para web y pantalla (RGB). Por eso, con PantoneColorFinder podrás hacerlo e intentar que los colores sean lo más consistentes posible. Te dejo también otro enlace a un blog y a un video (en inglés) para hacer la conversión desde Adobe Illustrator.
Mockup de un trabajo editorial que realicé en 2017
Los mockups son muy útiles para tu portfolio; son plantillas en las que colocar tus diseños de tarjetas, libros, revistas, carteles… de una manera más visual, y además a tu cliente le servirá para hacerse mejor a la idea de tu propuesta. Por ejemplo, imagina que has diseñado una etiqueta de vino, ¿qué mejor que «montarla» sobre una botella? Si te atreves a hacerlo tú mismo, te recomiendo este tutorial de Marco Creativo que seguro te ayudará; si por contra prefieres usar recursos de internet (normalmente en formato Photoshop, PSD) puedes utilizar Graphicpear, Fusionplate, Graphictwister o incluso Behance. Estas webs, además de mockups, ofrecen más contenidos como fuentes, freebies y plantillas.
Una web que agrupa muchos tamaños de estándares de papel es Papersizes, muy útil: serie DIN, tamaños de tarjetas de visita en las distintas regiones, periódicos…
La herramienta Moat te permite buscar banners ordenados por marcas. Muy útil para ver los diseños que realizan las grandes marcas por sectores.
Con la misma filosofía, pero orientado a newsletters, está Really good emails y email Love.
Dejamos lo mejor para el final: cerramos con varias webs muy útiles que listan multitud de recursos y utilidades (podcast, libros, apps, post, webs de inspiración, landing page…). Son: wefreelancing, Design Resources y Evernote.Design.
¿Conoces algún recurso que no esté en el post y que te sea de utilidad? Comenta y la añadiré.
Me guardo el post en marcadores, que le echaré mano más de una vez😉 Tengo una más para paleta de colores http://colormind.io/bootstrap/
¡Muchas gracias Iria! Ya lo he añadido.
Gracias por tu aportación. Es brutal el contenido de esta pagina de recursos.
Me alegro de que te aporte, ¡ese es el objetivo!
Categorías
Comentarios