Home - Diseño web - Sobre la Simetría - 1 - 2 - 3 - 4
Sobre la simetría en las páginas web
(IV)
por Luciano Moreno, del
departamento de diseño web de BJS Software.
Simetría en los aires.-
Entendemos por "aire" el espacio libre que queda entre los elementos de nuestra página y entre éstos y los límites de la misma. Es lo que en cualquier documento llamamos "márgenes", pero extendido a todos los elementos y contenidos de la página.
Una correcta distribución de aires en uno de los aspectos más importantes del diseño de una página web (y de una página de un libro, y de cualquier documento). Y, por supuesto, la correcta distribución de aires pasa por una concepción simétrica de los mismos.
Si nuestra página tiene un espacio libre entre su margen izquierdo y el primer contenido por ese lado, el mismo aire debe quedar entre el margen derecho y el contenido por ese lado. Igualmente, los espacios libres entre los elementos internos de la página deben ser simétricos e iguales, buscanco el equilibrio en la composición:

Este concepto es aplicable a todos y cada uno de los elementos de nuestras páginas. Así, si tenemos una lista de contenidos, podemos crear unos espacios entre cada 5-7 elementos, que evitarán la sensación de opresión producida cuando las listas tienen muchos elementos. Entonces, este espacio separador deberemos repetirlo constantemente a lo largo de la lista, haciendo lo mismo en cada una de las listas de la página, creando así una simetría de aires vertical:
|
|
De la misma forma, cuando trabajamos con formularios en muy importante maquetarlos de tal forma que el aire que quede entre los diferentes elementos que lo formen séa simétrico, creando un total claro y armonioso.
Y lo mismo podemos decir de los demás elementos de nuestra página: aires simétricos, bien repartidos, equilibrados.
Un esquema tipo para nuestras páginas podría ser algo como esto:

Y a partir de él, empezaremos a construir con armonía, con simetría "natural".
Home - Diseño web - Sobre la Simetría - 1 - 2 - 3 - 4