Texto
Utilice el símbolo de componente de texto para mostrar el contenido de un título o cadena de párrafo que no sea interactivo, como el contenido de un artículo de noticias o una publicación de blog.
Demostración de texto
Título y párrafo
El texto viene en dos variantes distintas para Títulos y Párrafos.
Tamaños de los títulos
Los títulos de texto vienen en seis tamaños preestablecidos, desde el H1 más grande hasta los H5 y H6, mucho más pequeños.
Después de insertar un Título, asegúrese de darle la altura correcta para el tamaño elegido. | Tamaño | Altura de píxel | | -- | ----- | | H1 | 170px | | H2 | 85px | | H3 | 68 píxeles | | H4 | 42px | | H5 | 36px | | H6 | 31px |
Tamaños de párrafo
Los párrafos de texto vienen en tres tamaños preestablecidos: un Cuerpo 1 más grande, un Cuerpo 2 más pequeño y un Título pequeño que se usa para anotar imágenes y títulos.
Después de insertar un Párrafo, asegúrese de darle una altura correcta para el tamaño elegido y de acuerdo con la longitud del contenido del texto. Si el párrafo abarca varias líneas de texto, multiplique el valor de la siguiente tabla por el número de líneas que tenga. | Tamaño | Altura de píxel | | ------- | ------------ | | Cuerpo 1 | 24 píxeles | | Cuerpo 2 | 21 píxeles | | Título | 19 píxeles |
Estilismo
Los títulos y párrafos vienen con una flexibilidad de estilo limitada a través de las opciones, lo que permite elegir solo entre los ajustes preestablecidos de peso y color del texto disponibles en la parte de Tipografía de la biblioteca de Estilo.
Uso
Elija siempre el color del texto del párrafo que haga que un hipervínculo se destaque si los dos se usan juntos. Evite usar el mismo color o matices similares y elija colores de título y párrafo consistentes en todo el diseño. Utilice el tamaño de título de párrafo solo para anotaciones de una línea y evite utilizar tamaños de fuente tan pequeños para cadenas más largas de varias líneas.
Hacer | No |
---|---|
Codigo de GENERACION
Esta sección describe algunas anulaciones importantes y cómo afectan la generación de código.
Advertencia
Es muy probable que activar Detach from Symbol
en una instancia del texto del título o del párrafo en su diseño resulte en la pérdida de la capacidad de generación de código para el texto del título o del párrafo. Para que la generación de código pueda coincidir con su diseño en Sketch, asegúrese de que sus títulos y párrafos tengan una altura adecuada que sea la misma que el contenido necesita representar.
Texto
La propiedad Texto puede contener texto, o una combinación de ambos, ejemplos:
- Ajustes
- {etiqueta de configuración}
- Importante {labelText}
Recursos adicionales
Nuestra comunidad es activa y siempre da la bienvenida a nuevas ideas.