Cómo utilizar alineaciones centradas Consejos y ejemplos

Hoy vamos a volver a lo básico con un? Diseño 101? discusión sobre alineaciones. Las alineaciones centradas son un lugar fácil para equivocarse y, si no sabe cómo manejarlas correctamente, el resultado es una página muy mal estructurada.

Únase a nosotros para ver por qué las alineaciones centradas tienden a ser débiles, dónde debe evitarlas y cómo debe usarlas.

Alineaciones Centradas

Una de las primeras cosas que aprenderá en cualquier clase de diseño de diseño básico es que las alineaciones centradas son débiles. Ahora, esa es una afirmación general que podría hacer que protestes de inmediato, pero exploraremos esto más a fondo en un minuto.

Las alineaciones centradas no son, de ninguna manera, algo que solo usan los principiantes y los no diseñadores, pero de hecho, tienden a ser la opción de acceso para estos grupos. La razón de esto es complicada. Por alguna razón, instintivamente sentimos que las cosas deberían estar centradas. Sabemos que el diseño tiene que ver con el equilibrio y las alineaciones centradas no son nada si no están equilibradas, por lo que tienen sentido. Las secretarias, los directores ejecutivos, los maestros y toda otra clase de otros profesionales que utilizan el diseño casi siempre se dirigen directamente a las alineaciones centradas en cualquier proyecto.

En la práctica, las alineaciones centradas son a menudo la fuente de problemas en un diseño. Aprender cómo identificar y cómo solucionar estos problemas es un paso importante en su educación inicial de diseño.

El problema con las alineaciones centradas

Es difícil explicar las fallas de las alineaciones centradas puras solo con la teoría, así que echemos un vistazo a un ejemplo. Digamos que estás haciendo pequeños volantes para repartir en una próxima fiesta. El resultado que un no diseñador creará casi siempre se verá así:

Esto no es un aviador horrible, de hecho, he visto mucho peor en el mundo real. Sin embargo, por varias razones, definitivamente no es lo que llamaría un diseño sólido. Si me entregaras el diseño de volante de arriba y me dijeras que lo mejorara lo más posible en solo tres minutos manteniendo la personalidad general, esto es lo que te devolvería:

Este diseño simplemente se siente mejor, y no solo porque me niego a utilizar el "Party LET". Tipo de letra, especialmente al escribir la palabra "fiesta". También dividí el contenido un poco mejor, añadí algunos puntos de énfasis y, lo más importante, cambié a una alineación a la izquierda.

Observe cómo la alineación izquierda se siente muy anclada. El texto de la página tiene un punto de inicio claro y puede seguir ese borde duro desde arriba hacia abajo. A pesar de que el primer volante se siente "equilibrado", no se siente tan estructurado.

Cuándo mantenerse alejado de las alineaciones centradas

De acuerdo, entonces entiendes el punto: las alineaciones izquierdas son buenas, las alineaciones centradas son malas, ¿y qué? La realidad es un poco más complicada que eso. No hay nada intrínsecamente malo en una alineación centrada, solo tiene que saber cómo producir adecuadamente uno si va a implementarlo con cualquier cantidad de éxito.

Lo primero que debes aprender es cuando no Implementar una alineación centrada. La respuesta aquí es bastante simple: cuando tienes mucho contenido.

Como vimos en el último ejemplo, las alineaciones centradas son bastante pobres para grandes bloques de texto. La falta de un borde duro hace que la lectura sea difícil y errática. Lo mismo ocurre con confiar en un diseño centrado para su página en su conjunto, la mayoría de las veces, simplemente no es la mejor idea. El sitio web a continuación es bastante problemático desde el punto de vista del diseño.

Ahora, no lo lea como una recomendación de no centrar su contenido en la página. Hay una diferencia entre crear un sitio web que usa un contenedor centrado y un sitio web que usa una alineación central. Puede fácilmente tener contenido alineado a la izquierda o a la derecha que aún esté centrado en la ventana del navegador usando margen: 0 auto. Esa es otra conversación completamente.

Estética

Además, no confundas esto como cuestión de estética. Como se muestra en la página siguiente, puede crear hermosos sitios que dependen en gran medida de alineaciones centradas.

Es muy importante en cualquier diseño analizar tus metas. Si uno de ellos es un grado significativo de legibilidad, y con frecuencia debería serlo, entonces el atractivo estético a menudo está completamente separado o incluso directamente en desacuerdo con este objetivo. El truco es encontrar el equilibrio entre los dos.

El resultado final casi siempre será completamente subjetivo. El diseñador de arriba decidió que esta porción de contenido era lo suficientemente pequeña para alinearse en el centro. Puedo pensar que está empujando un poco el límite, pero eso no significa que tenga razón y que él / ella esté equivocado, solo significa que trazamos la línea en diferentes lugares.

Cómo usar alineaciones centradas

Ahora, con todo lo dicho, no hay ninguna razón por la que deba abandonar el uso de alineaciones centradas por completo. Para ello sería eliminar un elemento clave de su caja de herramientas de diseño. Una vez más, solo debes saber cómo usar la herramienta para tener éxito con ella.

Hay un millón de maneras diferentes de implementar con éxito un diseño centrado, así que no imagine que los siguientes ejemplos son exhaustivos. Sin embargo, pueden servir como una forma de que empieces a sentir un diseño sólido en lugar de uno débil.

Muy poco contenido

Uno de los primeros lugares en los que puede comenzar a pensar en implementar un diseño completamente centrado es cuando tiene muy poco contenido. Echa un vistazo al siguiente ejemplo.

Esto tiene mucho sentido, si el problema principal con las alineaciones centradas es que no se sostienen bien con mucho contenido, entonces es probable que estén bien si solo tiene algunos elementos. De hecho, suelen ser mejor Bajo estas circunstancias. Si implementó una alineación a la izquierda con el diseño anterior, la página probablemente se verá muy vacía. Sin embargo, con el diseño actual centrado, se ve elegante y bien espaciado.

Aplicacion selectiva

Evitar diseños centrados para cualquier cosa, pero los diseños más simples suena como una manera muy restrictiva de diseñar, y lo es. La clave es no evitarlos a todos juntos, sino aplicarlos de forma selectiva. dentro Un diseño más grande con una alineación más fuerte.

Una clase de diseño para principiantes podría enseñarle a tomar una alineación y aferrarse a ella, pero a medida que mejore, descubrirá que mezclar alineaciones es a menudo una excelente manera de agregar variedad al diseño. Como ejemplo, echa un vistazo a la increíble página de Assistly.com.

Aquí vemos, en general, el diseño contiene bordes izquierdo y derecho bastante consistentes. Sin embargo, hay partes muy específicas que vuelven a una alineación centrada. El titular es el lugar más natural y más popular para intentar esto. Los encabezados y subtítulos grandes y centrados se ven muy bien en diseños justificados. Observe también las áreas más pequeñas, como las tres columnas en la parte inferior izquierda, otro lugar natural para implementar una alineación centrada. Una vez más, cada uno de estos bloques contiene una cantidad bastante pequeña de contenido, por lo que el resultado no es abrumador.

Consejo rápido: envuélvelo

En el siguiente ejemplo, se muestra uno de los trucos más simples y útiles para implementar alineaciones de texto centradas dentro de un diseño más grande.

Primero, mira esta página como una serie de bloques. Tenga en cuenta que todos los tienen una alineación bastante justificada. Con la excepción de la navegación alineada a la izquierda, hay un borde derecho e izquierdo a la derecha que define el contenido. Ahora, dentro En ese marco tengo un poco más de libertad para jugar. Tenga en cuenta que? Box One? y? caja dos? en realidad contiene contenido centrado, pero los dispositivos de contención los mantienen perfectos dentro del diseño general.

Cada vez que tenga un contenido alineado en el centro que no parece que esté funcionando, intente envolverlo en un cuadro que se ajuste al diseño general de la página para ver si el diseño mejora.

Conclusión

En resumen, las alineaciones centradas son débiles, pero no malas. Hay una distinción muy importante que debes entender para ser un buen diseñador. ?¿Débiles? implica que pueden ser llevados demasiado lejos y son fáciles de abusar. Sin embargo, puede y debe usar alineaciones centradas en sus diseños.

Asegúrese de que, si su diseño completo se basa en una alineación centrada, tenga un diseño muy simple con solo unos pocos elementos. Una vez que comienzas a agregar grandes bloques de texto y muchas imágenes, las alineaciones centradas comienzan a verse desordenadas. Además, intente crear una alineación sólida a la izquierda, justificada o incluso a la derecha para su página como un todo, luego experimente con caer selectivamente en alineaciones centradas en áreas clave como los titulares. Finalmente, como un truco rápido cuando estás en un atasco, intenta envolver las partes alineadas en el centro en un cuadro que vaya con el flujo del resto de la página.