No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Aprende todo un fin de semana sin pagar una suscripci贸n 馃敟

Aprende todo un fin de semana sin pagar una suscripci贸n 馃敟

Reg铆strate

Comienza en:

2D
1H
40M
57S

Colores en Figma

8/27
Recursos

Aportes 45

Preguntas 1

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Me adelante un poco colocando los colores, ac谩 hice el ejercicio de extraerlos de las imagenes de inspiraci贸n.

Comparto esta p谩gina que indica rueda de colores, es un generador de paleta de colores que puede servirles.

Sitios web donde encontraras una alternativa para crear e utilizar paletas de colores para tus aplicaciones:
https://colorhunt.co/
https://coolors.co/
https://color.adobe.com/pt/create/color-wheel

Espero que sea de ayuda 馃槃

Aprop贸sito del mundial 馃槃, ah铆 voy poco a poco poniendo en pr谩ctica lo aprendido. Recibo cualquier tipo de feedback.

Excelente profesor y excelente curso hasta ahora, felicitaciones!

No me esta gustando este curso 馃槬馃槶

Colores en Figma

Seleccion de colores
Como estamos trabajando sobre un espacio de digital, en lo que estamos
trabajando realmente es sobre luz, y la luz esta compuesta solamente
sobre tres colores: Rojo, azul y verde. Todos los colores que vemos son
una combinacion de esos tres colores, el negro es la ausencia de esos
colores y el blanco son todos los colores al mismo tiempo.

Seleccionar un color
La manera mas facil de seleccionar un color, es tomar una figura, un texto
o un objeto que tenga una propiedad de relleno y oprimir la tecla (i) y
desplazarnos hasta el menu de herramientas y seleccionar el color que se
desea, en algunos casos el conocido fill.

  • Objeto seleccionado
  • Panel de propiedades
    • Fill
    • Stroke
    • Effects
      • Detalle
  • Herramienta 鈥渆ye dropper鈥(i)

Gradientes
Es un espacio de trabajo de trabajo que no tiene un solo colo solido sino que
tiene diferentes puntos en los que varia el color en transicion de colores.
Esto es mucho mas natural para el ojo humano ya que este tipo de tranciosiones
se pueden apreciar en la naturaleza, como por ejemplo un atardecer o tambien en
alguna obra de arte que contenga este tipo de gradientes.

Creando un gradiente

  • Objeto seleccionado
  • Panel de proiedades
    • Fill
    • Stroke
  • Seleccionar gradiente
    • Linear
    • Radial
    • Angular
    • Diamond

Crearemos la paleta de colores de nuestra aplicacion de notas, que si esta muy basada
en tonos grises ya que no queremos llamar demasiado la atencion pero si deberia tener
algunas caracteristicas:

  • 3 grises para informacion
  • 4 colores de resalte para diferentes estados (informacion, advertencia y exito).
  • Todos organizados como estilos en nuestro archivo y aplicados a la nota creada.

S铆 quieren usar los mismos colores que el profesor, aqu铆 est谩n:
Azul - 028ECB
Verde - CCEC41
Amarillo - FCDB00
Rojo - F2080B


poco a poco. 馃槂

Practicando andamos.

Esto de seleccionar el color de la imagen es brutal, se ve cada cuadro con su color.

Me encanto que saco los colores de la naturaleza 馃槃, siempre batallaba para escoger un tono de un color

Asi va quedando

La unificaci贸n es la madre de toas las soluciones y la escalabilidada y adaptaci贸n de los dise帽os

Una manera r谩pida de crear las carpetas y guardar los estilos es,

  • al momento de nombrarlo primero ponemos en nombre de la carpeta, luego un slash (/) y luego el nombre del estilo, as铆:

  • Grises/100

  • Grises/50

  • Grises/10

Informaci贸n resumida de esta clase
#EstudiantesDePlatzi

  • Aprendimos unas bases importantes en Figma

  • La luz esta compuesta de rojo, verde y azul

  • El negro es al ausencia de color o luz

  • Para nuestros proyectos es importante definir la paleta de colores

  • Ctrl + D = Repetir ultima acci贸n

  • Con la letra 鈥渋鈥 puedo ver una herramienta llamada Eyedropper que me permite hacer un tipo de Zoom para escoger un color

  • Puedo crear estilos de colores para usarlos r谩pidamente y as铆 mismo agrupar en carpetas los estilos que deseamos

  • Importante ser consistente con los estilos de mi proyecto

El mejor experto tambi茅n fue un d铆a Aprendiz

con la letra " i " podes hacer magia

Me encant贸 esta clase! Una super ayuda para tener todos tus recursos de color agrupados y alineados, adem谩s que si ocupas modificar alguno, solo con editarlo se cambia a todos los elementos aplicados. S煤per!

Super curso! me ha gustado mucho como explica Santi, es uno de los mejores profes sin duda!

Aplicando la extracci贸n de colores con una imagen, que me parecio graciosa xD

Creo que voy aprendiendo XD jeje

![](

Me alegra saber que Figma es casi igual que Illustrator, as铆 que se me est谩 haciendo super f谩cil.
Que buen curso y Santiago explica s煤per bien.

隆Que chevere!, me gusta el curso y la forma de explicar profesor.

Anteriormente hab铆a tomado un curso de Figma donde ense帽aban buenas pr谩cticas desde el inicio, y he seguido el curso con lo que ya sab铆a y aprendiendo de lo nuevo. Hasta ahorita va bien.

As铆 mi aporte:

Un Gradiente de color es un espacio de trabajo que no tiene un color s贸lido, sino que tiene una transici贸n entre dos o m谩s colores, sin que se vea una l铆nea de cambio entre uno y otro sino que es difuminado.
Hay que tener cuidando al utilizar gradientes y no abusar de ellos (no usar demasiados) para que nuestras interfaces se vean de alta calidad y que tengan accesibilidad (cuidando aspectos de personas con alteraciones visuales o defectos de la vista).

Que buen curso 馃槂

Qu茅 genial es la opci贸n de crear estilos de color y texto. Imagino que se ahorra mucho tiempo al momento de dise帽ar interfaces y tener muchas pantallas.

Todav铆a no me he puesto a inventar porque quiero ver qu茅 onda con lo de los colores de resalto

Excelente clase

Recomiendo esta p谩gina herramienta de Adobe para dise帽ar y guardar paletas de colores

Vamos bien鈥 Muy buen curso, toca paso a paso.