Principios de alineación en el diseño gráfico

Rodrigo Ricardo Publicado el 11 noviembre, 2020 5 minutos y 33 segundos de lectura

No solo para autos

Probablemente haya escuchado el término alineación antes, posiblemente con respecto a su automóvil o incluso en el procesamiento de textos. Bueno, el diseño gráfico también usa la alineación. De hecho, es uno de los principios clave del diseño gráfico. Verá, al igual que el arte visual, el diseño gráfico utiliza una variedad de elementos, componentes básicos o propiedades, y la forma en que esos elementos se relacionan entre sí son los principios del diseño gráfico. La alineación es simplemente la forma en que se organizan los elementos visuales para que se alineen de alguna manera. Piense en ello como una línea invisible o un campo de fuerza que impide que sus elementos, ya sean imágenes o palabras, se salgan de los límites.

¿Qué hace la alineación?

Tan simple como es, tiene un gran propósito al ayudar a los diseñadores a organizar diferentes elementos en su composición, dando al diseño una estructura definitiva y creando equilibrio. Usar bien la alineación en un diseño puede resultar en un producto final claro, profesional y nítido. Básicamente, los elementos individuales no serán descuidados.

Tipos básicos de alineación

Hay dos tipos básicos de alineación; borde y centro. La alineación de los bordes determina la ubicación de los elementos en relación con el borde de la página o lienzo. Esto puede significar que los elementos están alineados en el lado izquierdo o derecho, pero también puede significar que están alineados en la parte superior o inferior de la página, siempre que use un borde para organizar todo. Cuando la alineación es derecha o izquierda, la llamamos alineación horizontal , aunque sigue siendo una alineación de borde. Cuando la alineación es superior o inferior, es alineación vertical . Al escribir texto, usualmente usamos alineación a la izquierda, es decir, todas las líneas a la izquierda de la página se alinean a lo largo de ese lado.

Aquí vemos una alineación de borde derecho e izquierdo.
Alineación de bordes

El otro tipo de alineación, la alineación central , alinea todos los elementos de modo que una línea central invisible en la página siempre estará en el centro de los elementos. Una vez más, escribir es la forma más fácil de explicar esto. ¿Alguna vez ha visto una página en la que cada línea tenía un ancho diferente, pero el centro de cada línea corría a lo largo del centro exacto de la página? En diseño gráfico, el mismo principio se aplica tanto a las palabras como a otros elementos visuales. Al igual que con la alineación de bordes, podemos tener alineación horizontal y vertical. Sin embargo, cuando la línea central corre verticalmente desde la parte superior de la página hasta la parte inferior, obtenemos una alineación horizontal. Del mismo modo, cuando la línea central se extiende horizontalmente de un lado a otro, obtenemos una alineación vertical. Lo sé, casi suena loco hasta que ves cómo funciona.

Como puede ver, una línea central horizontal determina cómo se alinea una imagen verticalmente en la página.
Alineación horizontal

Usando la alineación

Rara vez un proyecto de diseño gráfico creará un espacio grande con un esquema de alineación único. Por lo general, el diseño es más complejo y generalmente requiere el uso de una cuadrícula para definir las diferentes áreas y su alineación. El uso de cuadrículas le dará a su trabajo estructura y consistencia, pero cuando termine, el espectador no debería poder ver la cuadrícula en sí, solo los resultados de su uso.

Si su trabajo tiene una alineación fuerte y consistente, se verá limpio y nítido con un acabado profesional. Sin embargo, hay algunas formas de rebelarse contra la alineación común sin dejar de parecer profesional. En primer lugar, puede utilizar una alineación mixta en la que los diferentes elementos se alineen correctamente, solo de diversas formas. Esto puede agregar una sensación divertida y enérgica a su trabajo. Finalmente, puede romper intencionalmente la alineación, desalineando una parte de un diseño en contraste con el resto del diseño alineado, como una forma de captar la atención del espectador.

Romper la alineación puede llamar la atención cuando se usa correctamente.
rotura

Finalmente, la alineación visual técnicamente no está alineada. Al menos un elemento en el diseño puede tener características que terminan luciendo desalineadas cuando se colocan en una alineación técnicamente correcta. Esto puede hacer que el trabajo se vea incómodo o descuidado. Al cambiar deliberadamente ese elemento, incluso si está desalineado, puede crear la ilusión de una alineación adecuada.

Resumen de la lección

En diseño gráfico, el principio de alineación se refiere a la forma en que los diferentes elementos de un diseño están alineados entre sí o con una parte particular de la página. Cuando están alineados con el lateral de la página, lo llamamos alineación de borde . Si el lado utilizado es el izquierdo o el derecho, también obtenemos una alineación horizontal . Si el lado utilizado es el superior o el inferior, obtenemos una alineación vertical . Si tuviera que dibujar una línea en el centro de una página de arriba a abajo y hacer coincidir el centro de cada línea de texto u otros elementos con la línea central, tendría una alineación central. Esto se aplica a una línea central horizontal que determina cuántas líneas de texto deben estar por encima y por debajo de la línea. Finalmente, puede usar una cuadrícula para organizar esquemas de alineación más complejos, como alineación mixta, donde diferentes áreas de su composición se alinean de manera diferente. También puede romper la alineación, desalineando deliberadamente una pequeña parte del diseño, para crear interés y centrar la atención. También puede emplear la alineación visual cuando las características de un elemento hacen que parezca extraño cuando se alinea correctamente. Al final, la forma en que utiliza la alineación puede crear un diseño de aspecto profesional y ayudar a transmitir su mensaje con claridad.

Explora más sobre este tema

Selecciona un tema y sigue aprendiendo...

Rodrigo Ricardo
Rodrigo Ricardo Editor y fundador