85

Herramientas de diseño: tipografía, ilustraciones y color

92732Puntos

hace un año

Curso de Introducción al Diseño
Curso de Introducción al Diseño

Curso de Introducción al Diseño

El diseño es la representación visual de una idea y una de las formas más importantes de comunicación en nuestra vida diaria. En este curso conocerás el proceso de diseño, los elementos gráficos y todo lo que necesitas para comunicar tus ideas de forma gráfica en este siglo XXI.

Internet es un lugar enorme con miles de herramientas increíbles que te ayudan a agilizar fácilmente tu trabajo.

Es una lista de recursos gratuitos que pueden servirte para crear aplicaciones webs, landings y cualquier variedad de diseños. También debes tener en la mira el video de Freddy explicando cómo crear un portafolio de UI para diseñadores.

Ilustraciones y iconos

Estás páginas tienen una gran variedad de ilustraciones que puedes usar en tus diseños. La mayoría cuenta con recursos de diseño gratuitos y de pago en caso de que necesites algo muy especifico.

Si tu área es el diseño editorial, InDesign es la herramienta que necesitas, no es muy conocida por muchos, pero es posiblemente la mejor en su área.

La primera cuenta con un recopilado de ilustraciones gratuitas de diferentes sitios de internet y se me hace la de mayor utilidad.

Freeilustrations

Freepik

Flaticon

Avataaars Generator

Un generador de avatares para que puedas llenar ese mockup o prototipo para tu MVP.

Aprende también a como crear y diseñar tus personajes desde cero.

Faux Code Generator

Puedes convertir un código real en Gist en un SVG. Útil si quieres introducir un código en uno de tus diseños.

Paleta de colores

Generadores, colecciones y un sinfín de paletas de colores para que puedas escoger la más adecuada para tu proyecto o diseño. Suelen ser muy similares, pero alguna de ellas te ayudan a filtrar de diferentes formas el contenido que proveen.

Coolors

Colorhunt

Colorinspo

Colorable

No es un generador de paletas en sí, pero me parece muy útil si estás trabajando con dos colores y quieres medir el nivel de contraste entre esos dos.

Fuentes

Las tipografía suelen ser las más complicadas de escoger. Como vemos en el curso de Introducción al Diseño, una mala elección puede transmitir el mensaje equivocado y no queremos que eso ocurra en nuestros proyectos.

En algunas podemos encontrar colecciones de fuentes creadas por los usuarios y puede ser útil si buscamos algún tema concreto.

Freebiesbug

BeFonts

FontSquirrel

El más popular para encontrar tipografías después de Google Fonts, poco se puede decir de él. Muy recomendado.


¿Tienes alguna herramienta similar que uses en tu día a día? Cuéntanos en los comentarios

Curso de Introducción al Diseño
Curso de Introducción al Diseño

Curso de Introducción al Diseño

El diseño es la representación visual de una idea y una de las formas más importantes de comunicación en nuestra vida diaria. En este curso conocerás el proceso de diseño, los elementos gráficos y todo lo que necesitas para comunicar tus ideas de forma gráfica en este siglo XXI.
Kevin
Kevin
iKenshu

92732Puntos

hace un año

Todas sus entradas
Escribe tu comentario
+ 2
Ordenar por:
5
2807Puntos

¡Excelente!

Para temas de color Adobe Color también es una excelente herramienta, tiene diferentes reglas de armonía del color para generar tus paletas, además de permitir seleccionar temas o degradados de imágenes que cargues desde tu pc.

4
20253Puntos

Les recomiendo “ColorCop” es un portable (no requiere instalación) que les permite capturar el color de cualquier parte de la pantalla en **Hexadecimal ** ó **RGB **por medio de una ++lupa ++o un gotero.

El enlace es:

http://colorcop.net/

Un Demo del programa:

En el ejemplo capture el color verde del logo de Platzi:
RGB = 152 202 63
Hexadecimal = #98CA3F

ccop.JPG
3
4601Puntos

Para tipografías les recomiendo para mí, los dos mejores de fuentes gratis:

  1. Lost type
  2. Font Fabric

De ñapa un estudio súper bueno de tipografías:
a. Sudtipos

2

Para tipografías, si contratan el paquete de Adobe pueden usar las tipografías con licencias para uso comercial libremente.

2
5367Puntos

Gracias por compartir estas excelentes herramientas, en mi caso solo he trabajado con Freepik y Flaticon, ahora a utilizar las que nos sugieren para crear mejores diseños. Gracias por este gran aporte.

2
11679Puntos

Puras Joyas de Sites!!! Gracias Kevin. #NuncaParesDeCompartir.

2
6261Puntos

Cree un programa llamado ColoRef para simplificar la elección de colores

La idea básica es escribir un color en hexadecimal o css y te da una paleta tomando como referencia el teorema del color, apenas lance la version 0 para terminal para demostrar que el algoritmo funciona, lo iré actualizando constantemente si alguien quiere echarle un vistazo se los dejo aqui y si quieren darme retroalimentacion me sera de mucha ayuda

coloref
2
6671Puntos
un año

Me parece muy buena tu idea amigo

2
6261Puntos
un año

@g0d13 de hecho lo estado probando con varias imágenes de artistas cuyo trabajo me gusta mucho y me sorprende ya que con solo tomar un color de sus ilustraciones la paleta que da es muy cercana a la de la ilustración

gimp
2
6671Puntos
un año

Y, no has pensado en una version web?

1
20831Puntos

Muchas gracias por recopilar estas páginas, me serán de mucha utilidad!

1
9668Puntos

Buen artículo.
Excelentes recursos que podemos implementar en nuestros proyectos.
Gracias.

1
1384Puntos

Exelente

1

¡Muchas gracias, excelente aporte!
únicamente usaba dafont.com para el tema de tipografías, pero ahora con estas alternativas, tengo 0 limites.

1

De las mejores entradas que he leído.
Muchas gracias por el aporte.

1
1289Puntos

Están geniales!, muy buen aporte. Creo que a la lista se le podría agregar unDraw