HTML Web, tu portal de diseño web
manuales - recursos - gráficos - programación...

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:

aires en FiBank

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:

  • Manuales para aprender HTML
  • Script listos para incluir en tus páginas
  • Ejemplos de lenguajes de programación
  • Artículos del mundo de la Informática.

  • Todo la que deséas saber sobre ASP
  • Virus, Troyanos y gusanos.
  • Seguridad en redes telemáticas
  • Modelo de referencia OSI
  • Códigos DHTML 
  • Introducción al Cold Fusion 
  • Formularios dinámicos 
  • Enlaces interesantes sobre diseño web

  • Funciones básicas de VBScript 
  • Seguridad en transacciones 
  • Escanéo de puertos
  • Snifers

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.

nombre: apellidos:
dirección: teléfono:

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:

esquema de página

Y a partir de él, empezaremos a construir con armonía, con simetría "natural".

 

anterior

Home - Diseño web  - Sobre la Simetría - 1 - 2 -  3 - 4