Disposición en Diseño Web

Las posiciones relativas implican relaciones en varios niveles diferentes.
La clave es asegurarse de que usted representa visualmente las relaciones correctas.

Herramientas de disposición

Usted puede usar herramientas como contraste y espaciado para ayudar a diferenciar los elementos.
Otras técnicas son útiles para asociar visualmente elementos similares.

Estas técnicas son usadas comunmente en combinación – cuando usted agrupa una colección de links, por ejemplo, diferencia también el grupo de los elementos alrededor suyo.

Técnicas para crear asociaciones

Asociar elementos implica una relación de similaridad, p.ej. A, B, C son un grupo de elementos ‘similares’ equivalentes.

Los grupos pueden ser creados usando cualquier combinación de los siguientes mecanismos:

Agrupamiento – crear asociación a través de colocar juntos elementos similares
Contención – hacer uno o más elementos parte literal de otro elemento
Alineación – alinear elementos a lo largo de líneas visibles o invisibles
Ritmo – crear relaciones a través de elementos de estilo repetitivo
o ‘contactos’.