En un diseño nada debe colocarse de forma arbitraria.
Ningún elemento debe estar aislado.
Cada elemento debe tener una conexión visual con al menos otro elemento de la página.
Si los elementos están alineados, el resultado es una unidad cohesionada fuerte.
Incluso si los elementos están alineados están separados entre sí,existe una línea visual que los conecta.
Vemos que en esta tarjeta no hay conexión entre los elementos
¿Cómo podemos mejorar el diseño usando proximidad y alineación de elementos.
La alineación organiza la información instantáneamente (y la proximidad).
¿Qué alineación es más fuerte? Centrada o lateral.
La fuerza del borde derecho en la segunda opción le da más fuerza. La alineación central es algo más blanda.
Vamos a verlo en este ejemplo:
Deberíamos evitar utilizar más de una alineación en la página. Por ejemplo, en este ejemplo combinamos una alineación a la izquierda con una alineación centrada.
El resultado no es del todo satisfactorio.
Sin embargo, en este ejemplo combinamos una alineación izquierda con una alineación derecha, y funciona mejor.
Intenta reconocer cuál es la clave de que la segunda nos parezca funcionar mejor.
Veamos estos ejemplos:
1:
La primera opción puede funcionar, sin embargo, la segunda, reforzada por la línea vertical izquierda es más potente.
2:
Esta opción combina alineaciones derecha situadas en el margen izquierdo de la página. La segunda, apuesta por una alineación fuerte y arriesga con la imagen.
3:
Este diseño apuesta por una alineación centrada. Pero la primera alineación centrada es cobarde. Si vamos a decidirnos por la alineación centrada hay que hacerlo sin complejos.
4:
En la primera imagen de este ejemplo vemos algo que no es recomendable: centrar un título sobre una columna que posea una fuerte alineación. Tampoco debemos mezclar diferentes columnas con alineaciones diferentes. En principio no es recomendable.
En la imagen de la derecha vemos corregidos esos "problemillas".
5:
Otros dos ejemplos: el primero muestra una mala alineación. El segundo una opción correcta.
6:
Las reglas están para romperlas, pero si lo hacemos hemos de hacerlo bien. Aquí el diseñador rompe la columna... Pero todo funciona porque el rectángulo que la rompe está alineado con el título.
No hay comentarios:
Publicar un comentario