No tienes acceso a esta clase

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

Creaci贸n de textos y estilos

4/27
Recursos

Aportes 53

Preguntas 2

Ordenar por:

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

o inicia sesi贸n.

Para previsualizar en Windows es con: (Shif + G)

apuntes de comandos b谩sicos de Figma

  • F: para entrar a la herramienta Frame
  • V: para entrar a la herramienta Move
  • T: para entrar a la herramienta Text
  • ctrl 贸 cmd + B: Bold 贸 Negrita
  • ctrl 贸 cmd + I: Italic 贸 cursiva
  • ctrl 贸 cmd + U: Underline 贸 subrayado
  • scroll: mover hacia arriba o abajo
  • shift + scroll: mover a izquierda o derecha
  • ctrl 贸 cmd + scroll: acercar o alejar

Envio mi trabajo

鈥 Texto(t):
o Bloque fundamental en cualquier interfaz.
o Propiedades: Fuente-Espaciado-Alineaci贸n.
o Comandos:
飩 Ctrl + b: negra
飩 Ctrl+ i: italizado
飩 Ctrl + u: subrayar
飩 Shift+g: previsualizar.
o Estilo de texto:
飩 Propiedad global que puede ser reutilizable a lo largo de archivos y proyectos.
鈥 Proyecto:
o Creamos el texto de contenido y creamos el estilo texto 00.
o Y para el t铆tulo creamos el estilo de t铆tulo 00.
o El t铆tulo se ve mejor en 30 y el texto NUNCA PUEDE SER MENOR A 14.
o Trabaja con el tama帽o de cajas de texto m煤ltiplos de 8 porque los px van de 8 en 8.

Team, Recuerden que para deshacer una accion el gran CONTROL + Z cuando se equivoquen y volver al paso anterior鈥

CONTROL + Y para volver a lo que se deshizo.

Si no tienes idea de que texto de relleno agregar en tu ejercicios, puedes usar los famosos 鈥渓orem ipsum鈥 En esta p谩gina https://www.lipsum.com/ puedes generar p谩rrafos, palabras, listas, etc. Espero te sea de ayuda. 馃槑

Creaci贸n de textos y estilos

Bloque fundamental de cualquier interfaz es el texto

Un objeto de texto tiene diferentes propiedades

  • Texto
    • Fuente
    • Espaciado
    • Alineacion
  • Color

Atajos para la creacion y de edicion de texto
ctrl 贸 cmd + B: Bold 贸 Negrita
ctrl 贸 cmd + I: Italic 贸 cursiva
ctrl 贸 cmd + U: Underline 贸 subrayado

Que es un estilo?
Son propiedades globales de los elementos que pueden
ser reutilizables a lo largo de varios archivos o proyectos.

驴Como va todo chicos?

Utilice un texto desde wikipedia para probar los diferentes estilos de texto.

Saludos.

Para los Keyboard Shortcuts presionar el boton de la esquina inferior derecha con el simbolo (?) y darle a la opcion 鈥淜eyboard Shortcuts鈥

Asi vamos鈥 Datico, para poner imagenes en este chat de Platzi, toca guardar la imagen en tu PC como jpg y arrastras la imagen a este cuadrito鈥

Les dejo mi avance y de paso la pueden hacer 馃槃

Mi primer aporte 馃グ馃グ

Informaci贸n resumida de esta clase
#EstudiantesDePlatzi

  • El texto es el bloque principal sobre la interfaz

  • El objeto texto tiene 2 propiedades que son el texto como tal y el color

  • Dentro de la propiedad texto podemos modificar la fuente, espaciados, alineaci贸n, entre otros m谩s

  • Existen comandos r谩pidos para mayor velocidad

  • Figma me permite crear estilos que puedo reutilizar a lo largo de mi proyecto

  • El objeto texto puede ser muy editable al manipular todas las propiedades que nos deja Figma

  • Con la tecla Alt puedo observar las medidas de los espaciados que van quedando

  • Parece que es recomendable trabajar sobre m煤ltiplos de lo que definimos nuestra grilla

  • Puedo utilizar valores en porcentaje para definir las propiedades

  • Lo recomendable es crear estilos para usarlos de manera m谩s r谩pida en un futuro

  • Ctrl + B = Negrilla, Ctrl + U = Subrayado, Ctrl + i = Italizado

As铆 qued贸 mi trabajo. 馃槄

En mi caso, trabajo desde mac y command + G para mostrar la grilla no funciona, se debe usar SHIFT + G, no s茅 si solo me pasa a mi, pero por si trabajan en mac y les est谩 pasando ensayen con SHIFT y ver谩n que les funciona.

Crear estilos de texto es importante, especialmente cuando tenemos muchos bloques de texto en nuestras interfaces, ya que as铆 podemos acudir al estilo creado y unificaremos f谩cilmente de acuerdo a su jerarqu铆a (p谩rrafo principal, t铆tulos, encabezados, subt铆tulos, p谩rrafo secundario, notas, citas textuales, etc.).

Comparto mi actividad de la clase!

Un Indesign online, LOL, esto me recuerda las veces que trabaje editorial en la escuela de dise帽o y sufr铆a porque no tenia el h谩bito de crear los estilos de fuente y de textos, esos mismos estilos que me salvaron en muchos trabajos despu茅s.

Mi primera nota =)

![](

Env铆o la pr谩ctica!

Si aun no tienes claro el texto a usar en tu proyecto, puedes usar el plugin CONTENT REEL y all铆 encontraras el texto por default 鈥淟orem Ipsum鈥, entre otros 馃槂

Me est谩 gustando mucho Figma 馃槂

Los comandos de Mac son similares a los de linux, comand vendr铆a a ser ctrl

Asi va mi primera nota:

Excelente clase, me agrada mucho la manera tan clara en que explica y que no da por sentado que ya te sabes algo, simplemente lo explica hasta el m铆nimo detalle, lo de las teclas por ejemplo que muchos no sabemos.

Excelente clase

馃槃 excelente clase, yo lo aline茅 a texto justificado:

(

Asi quedo mi nota probe distintos estilos, cualquier feedback es bien recibido

Mis notas

(

F谩cil, pero muy buena clase.

Les comparto mi primera nota.