Skip to main content

Alineaciones

La forma en la que podemos posicionar los textos en relación a los márgenes de una página, sitio web, o cualquier área donde estemos escribiendo un texto, es la alineación del mismo. Esta es la forma en que organizamos las líneas en el espacio utilizado. Según la manera en que las ordenemos, generaremos distintos patrones de lectura y podemos mejorar o empeorar la legibilidad de nuestro contenido. Escogeremos nuestra alineación según el contexto de uso y finalidad del texto. Las alineaciones pueden evocar sensaciones diferentes (pensemos en la forma en que se estructuran los poemas, que son distintas de un libro o de un documento legal).

Alineación izquierda

Se alinea el texto completo con el margen izquierdo de la página o del área de texto. Debido a que todas las líneas horizontales de texto comienzan en el margen izquierdo, terminarán en puntos variados en el margen derecho para poder continuar en la siguiente franja horizontal abajo. Esto hace que veamos una línea recta en el texto al lado izquierdo del área total. Es la alineación más común y se utiliza en sitios web, diarios, revistas, documentos, bloques de información grandes, etc.

Alineación al centro

Veremos el texto utilizando el área central del espacio destinado a la escritura, haciendo que los bordes izquierdo y derecho tengan anchos distintos en cada una de las lineas horizontales, ya que se ajustará de forma simétrica con respecto al centro, dando un aspecto dentado en los margenes. Suele utilizarse para títulos o elementos que requieren enfoque central.

Alineación derecha

En este caso se alineará el texto con el margen derecho del área de texto, logrando que el borde izquierdo tenga un aspecto irregular, mientras que el derecho formará una linea recta. Suele utilizarse en citas, o para hacer énfasis en algún elemento en particular.

Alineación justificado

Esta alineación hace que el margen izquierdo y derecho se vean igual de rectos, provocando espacios irregulares entre cada palabra para lograr esto. Generan un aspecto ordenado y formal, por lo que se utilizan en diarios, revistas, y documentos formales.

Playground

Morbi mattis ullamcorper velit. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Fusce convallis metus id felis luctus adipiscing. Aenean massa. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nulla consequat massa quis enim. Praesent venenatis metus at tortor pulvinar varius. Donec venenatis vulputate lorem. Phasellus accumsan cursus velit. Pellentesque ut neque.

message

Hola 👋

Evalúa tu experiencia utilizando nuestro Design System

Déjanos un comentario