¿Cuándo sería adecuada la simetría en el diseño web?

A los humanos por lo general les gusta la simetría: cuanto más simétrico es algo, más se percibe como objetivamente bello. Dicho esto, muy pocos sitios web son perfectamente simétricos. De hecho, la mayoría del diseño web está lleno de diseño asimétrico de intensidad variable. Esto funciona porque más importante que la simetría es el equilibrio. La simetría con la que hagas tu sitio web depende de tu sitio web y de tus objetivos.

Perfect Symmetry Versus Approximate Symmetry

La mayoría de los sitios web no son perfectamente simétricos, lo que significa que no se podían cortar por la mitad, reflejarlos y obtener el mismo diseño. Uno de los tipos de diseño más comunes, una barra lateral única para un elemento más ancho para el contenido, es típicamente asimétrico. La simetría perfecta en un sitio web es una opción artística o modular, como el sitio web del Mes Nacional de Escritura de Novelas, que utiliza un encabezado largo, elementos modulares simétricos y luego un pie de página largo.

Profesionalidad Versus Arte

Ir perfectamente simétrico o radicalmente asimétrico es típicamente una elección artística. Si está creando un sitio web personal con el fin de mostrar un talento o habilidad artística específica, como música, diseño o arte, no dude en diseñar un sitio web que utilice simetría o asimetría en función de su tema. Sin embargo, para los diseños que están orientados a un visitante más profesional, la opción más apropiada es seguir un diseño simétrico estándar. Si bien la simetría poco utilizada puede verse como seria, la norma la hace segura. Vaya al sitio web de su banco y tendrá una idea de cómo se ve un diseño destinado a atraer a una amplia base de consumidores.

Centrarse en la facilidad de uso

Aproximadamente los diseños simétricos son fáciles de entender y seguir. Debido a que el flujo del contenido es típicamente lógico, los visitantes pueden seguirlo sin sentirse dispersos o perdidos. Cuanto más contenido tenga, ya sea en forma de imágenes o grandes cantidades de texto, menos complejo deberá ser su diseño. Si los visitantes tienen dificultades para seguir el contenido o saber a dónde ir, es menos probable que se queden.

Equilibrio y asimetría

La razón por la cual la asimetría en el diseño web funciona, y funciona bien, es porque permanece equilibrada. Según Joshua David McClurg-Genevese en su artículo "Los principios del diseño", el equilibrio es el equilibrio de los elementos y su peso visual en la página. La mayoría de los sitios web que presentan un diseño asimétrico equilibran elementos visuales y grandes bloques de texto. Uno de los beneficios de la asimetría es que ayuda a que el ojo se mueva a lo largo del sitio, dirigiendo sutilmente a los visitantes al contenido más importante.

Ejemplos de diseño simétrico

Un diseño simétrico común es el uso de dos columnas a cada lado de la mayor parte del contenido; Es especialmente popular en los blogs. Mira a Facebook, que presenta una fuerte simetría aunque no es universalmente simétrico; Google+ utiliza un diseño muy similar. Otro ejemplo es el diseño de Twitter, que presenta simetría aproximada con columnas centradas en la página. En una vena diferente es la página principal de Myspace. En lugar de columnas, presenta simetría horizontal y vertical aproximada: las dos primeras filas son en su mayoría simétricas entre sí y los módulos inferiores son en su mayoría simétricos entre sí.

Ejemplo de diseño asimétrico

El diseñador Patrick McNeil escribió un artículo para "Webdesigner Depot" llamado "Balance asimétrico en diseño web", que presenta varios ejemplos de diseño asimétrico. Otro ejemplo es el sitio web de Blizzard, que utiliza grandes elementos visuales equilibrados con un bloque visual de texto entre el encabezado y el contenido de la página.