Scribd
Cargar
101 vistas4 páginas

Alineación

La alineación en diseño se refiere a la colocación de elementos en relación a ejes horizontales o verticales, aunque también puede ser diagonal o irregular. En diseño de interfaces, se recomienda el uso de retículas para asegurar una alineación precisa, ya que cualquier irregularidad puede afectar la percepción del usuario. La alineación del texto debe ser a la izquierda para mayor legibilidad, reservando la centrada y derecha para textos breves y específicos.

Cargado por

Cristina López
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
101 vistas4 páginas

Alineación

La alineación en diseño se refiere a la colocación de elementos en relación a ejes horizontales o verticales, aunque también puede ser diagonal o irregular. En diseño de interfaces, se recomienda el uso de retículas para asegurar una alineación precisa, ya que cualquier irregularidad puede afectar la percepción del usuario. La alineación del texto debe ser a la izquierda para mayor legibilidad, reservando la centrada y derecha para textos breves y específicos.

Cargado por

Cristina López
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

22/6/24, 9:46 Design Toolkit | Alineación

Design Toolkit

Inicio Principios Perceptivos

¿Qué es?
Alineación
La alineación se refiere a la colocación de los elementos de manera que sus lados
PRINCIPIOS o sus centros coincidan respecto a un eje. Este eje de alineación suele ser:

Horizontal, de manera que los elementos forman una fila.


Vertical, de manera que los elementos forman una columna.

En esta litografía de finales del siglo XIX, los elementos se alinean respecto a un
eje horizontal, formando filas.
Fuente:
[Link]
_physiognomy_and_palmistry_Wellcome_L0074425.jpg.

[Link] 1/4
22/6/24, 9:46 Design Toolkit | Alineación

Diseño de la portada del primer ejemplar de The New York Times. El contenido
se ordena en columnas.
Fuente: [Link]
York_Daily_Times_first_issue.jpg.

Las alineaciones vertical y horizontal son las más frecuentes, pero en algunas
ocasiones encontramos alineaciones basadas en otras formas, como las
diagonales, en espiral, irregulares… Las posibilidades son infinitas, dependiendo
de los objetivos del diseñador.

[Link] 2/4
22/6/24, 9:46 Design Toolkit | Alineación

Cartel de Alexander Ródchenko para El acorazado Potemkin (1925), que alinea


los elementos a lo largo de ejes diagonales.
Fuente: [Link]

Implicaciones en el diseño de interfaces


En diseño de interfaces es muy recomendable trabajar con retículas, que facilitan
la alineación de los elementos incluso cuando un mismo documento es accesible
desde diferentes dispositivos.

Ejemplo de retícula para página web


Fuente: [Link]

La alineación en interfaces gráficas debe ser pixel perfect: es decir, los lados o los
centros de los elementos deben coincidir a nivel de píxel. Cualquier irregularidad
será visible para el usuario como un problema de diseño.

Por otra parte, respecto al texto en pantalla, la alineación a la izquierda es la más


legible, ya que mantiene un punto de referencia fijo como inicio de línea y facilita
el escaneado visual.

[Link] 3/4
22/6/24, 9:46 Design Toolkit | Alineación

Alineación izquierda para el texto de una interfaz


Fuente:
[Link]
_notification_on_a_different_wiki.png.

Las alineaciones centrada y a la derecha se reservan para textos breves que


tengan funciones específicas. Por ejemplo, la alineación centrada suele
corresponder a títulos o elementos sobre los que se quiera atraer la atención de
manera especial.

Referencias

[Link] 4/4

También podría gustarte