¿Cómo se puede equilibrar un diseño y tener un punto focal?


13

El concepto de un punto focal parece ser fundamental en el diseño web, pero ¿no significa un punto focal que una página no puede ser equilibrada?

¿Seguramente, por definición, un punto focal significa que el "peso" de la página se desplaza hacia este punto focal?


2
Piensa en un tambaleante. Puede tener un peso diferente en cada lado y aún así equilibrarlo. (En otras palabras, es una metáfora más que nada)
DA01

1
@ DA01: tuve que buscar en Google eso. Te refieres a un subibaja!
e100

Respuestas:


15

Como DA01 menciona, tener un punto focal no necesariamente significa que la página estará desequilibrada. Es bueno tener al menos un punto focal en el sentido de acentuar los mensajes principales, por ejemplo, un llamado a la acción.

Ahora, los elementos se pueden distribuir de manera diferente en un diseño y aún así estar equilibrados (si está utilizando una cuadrícula, entonces comienza con un cierto equilibrio de inmediato). La distribución no siempre tiene que ser simétrica. Por ejemplo, puede tener un elemento grande colocado muy cerca de la línea central del diseño, pero puede equilibrarlo agregando un elemento pequeño más alejado de la línea central:

ingrese la descripción de la imagen aquí

Un elemento más ligero puede equilibrar a uno más pesado al estar más alejado del centro de gravedad. También puede usar el color y la textura para modificar la impresión de "peso" para ciertos elementos.

Algunos ejemplos de buen equilibrio asimétrico:

ingrese la descripción de la imagen aquí

ingrese la descripción de la imagen aquí

ingrese la descripción de la imagen aquí

Cuando se usa simetría, el resultado es orden y cohesión, mientras que la asimetría se presta a interés, carácter y singularidad. También se puede usar para mostrar puntos de interés en la página. En resumen: sí, un diseño puede ser equilibrado y, sin embargo, tener un punto focal.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.