Home - Diseño web - Sobre la Simetría - 1 - 2 - 3 - 4
Sobre la simetría en las páginas web
(II)
por Luciano Moreno, del
departamento de diseño web de BJS Software.
Simetría en la maquetación general.-
Generalmente, a la hora de maquetar una página web usaremos una o más tablas, cuyas celdas nos marcarán las diferentes secciones o zonas de la misma. Una maquetación tabular simétrica perfecta en aconsejable, aunque entonces es conveniente introducir elementos de ruptura que refresquen la vista del visitante y hagan la página más amena.
En el siguiente ejemplo, página inicial de EresMas, vemos como, partiendo de una simetría tabular casi perfecta, se ha roto la monotonía con el uso de diferentes zonas laterales coloreadas, correspondientes a los menús, y superiormente con el uso de un banner que desplaza la carga visual a la izquierda:

Una forma aceptada de romper el esquema simétrico es el uso de un único menú lateral en la maquetación, que tal vez deba su popularidad al hecho de que el hombre se ha acostumbrado a este tipo de "botoneras" laterales en los diferentes aparatos por él creados. Pensemos en los aparatos de televisión, de radio, etc.:

En esta página, perteneciente a HWG org podemos apreciar este efecto botonera, aunque también podemos comprobar la ruptura de simetría mediante el uso de un logo desplazado a la izquierda y una zona más oscura a la derecha, aunque la página sigue un esquema simétrico en la distribución de sus columnas. Si comparamos las dos imágenes superiores, vemos cómo la página de EresMas resulta más armoniosa, más equilibrada (es más simétrica).
Un ejemplo que combina la ruptura mediante botonera con una simetría clara de contenidos lo tenemos en la página de WebMaestro:

Donde vemos que, a pesar del menú lateral, el resto del contenido sigue una simetría adecuada, lo que da como resultado una página muy equilibrada.
Home - Diseño web - Sobre la Simetría - 1 - 2 - 3 - 4