Ritmo y repetición en la disposición de una página web
El ritmo es la más sutil y abstracta de las herramientas 'de asociación'.
El ritmo ayuda a asociar elementos repitiendo una presentación o arreglo estilístico común. Esto funciona incluso cuando los elementos no están agrupados o alineados, pero funciona a menudo en conjunción con estas técnicas.
El ritmo es una técnica común en el diseño gráfico. Puede funcionar siempre que se repite un estilo. Los ejemplos familiares incluyen listas y encabezados publicados.
Es más fácil mostrar como funciona el ritmo o repetición a través de ejemplos.
Ejemplo simple de ritmo
Este recorte de la página inicial del Partido Republicano de EEUU (no implica una toma de partido), muestra ritmo y efecto.
El estilo del encabezado de la sección es repetitivo, todas las secciones están alineadas a la izquierda y separadas con un .....
Leer el arículo completo
El poder de la proximidad en la disposición de una página web
La manera más simple de asociar una cantidad de elementos es agruparlos juntos.
Lo que hace el agrupar es hacer que los objetos similares se vean similares.
De ese modo, el ojo puede descifrar un título (por ejemplo) e inmediatamente asociar ese título con todos los objetos a su alrededor. Haciendo similares a los objetos similares, el agrupamiento hace que los objetos diferentes se vean diferentes. "¿Porqué están los objetos en ese grupo en lugar del otro grupo..? Deben ser diferentes."
El diseño 2D usa una serie de técnicas de agrupamiento, desde párrafos y márgenes hasta barras de navegación y elementos de formulario agrupados.
Así como con otras herramientas de diseño y creacion de paginas web , el agrupamiento con proximidad se basa en fuerzas contrastantes, en este caso esp.....
Leer el arículo completo
Usando la Alineación en la disposición y el diseño de una página web
La alineación funciona asociando visualmente una cantidad de elementos. Cuando usted ve una cantidad de elementos alineados, cree instintivamente que esos elementos son iguales a los otros, o que comparten alguna otra propiedad común.
Ésta es una herramienta realmente útil para permitir rápidamente a un usuario saber qué están mirando al trazar relaciones instantáneas entre diferentes elementos.
Cómo Funciona la Alineación en el Diseño Gráfico
La alineación funciona con cualquier elemento de la pantalla: párrafos de texto, imágenes, botones, fotografías, links, e incluso combinaciones de todos ellos.
Aunque los elementos alineados son comunmente agrupados espacialmente, no tienen porqué estarlo. La alineación funciona a lo largo de la pantalla entera, incluso cuando el eje es.....
Leer el arículo completo
Contención en una disposición de diseño web
Hay dos variaciones de mecanismo: encapsulación estricta, donde el elemento es contenido totalmente dentro de un cuadro; y contención suave, donde el cuadro es sugerido usando la cascada jerárquica y el espacio en blanco.
Estricto: Encapsulación
Aquí es donde usted muestra que un elemento es parte de, o un retoño de, o relacionado con (en una dirección), otro elemento, colocando al retoño dentro de los bordes de su elemento padre. El elemento padre debe ser simplemente identificado por una etiqueta que esté ya sea dentro del cuadro y hacia el origen, o ubicándolo en el borde del cuadro.
" Web host en Mexico en Okhosting.com, visitanos y contrata tu plan de hosting y dominio al mejor precio, aprovecha nuestras promociones en registro de dominios . MX "
En este ejemplo, los tres p.....
Leer el arículo completo
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 la.....
Leer el arículo completo