La Técnica de Desenfoque
Básicamente, se trata de mirar una versión borrosa de tu sitio (como el siguiente) y ver qué elementos se destacan. Si no es lo que quieres destacar, es hora de volver y hacer algunas revisiones.
La versión borrosa presentará una representación de esqueleto de su jerarquía visual, lo que le permitirá evaluar su interfaz fresca sin distracciones. Para cuidar la vista, toma una captura de pantalla de tu sitio y añade un efecto «gaussian blur» de 5-10 px en Adobe Photoshop.
La página principal de Optimized (arriba) pasa la prueba de desenfoque porque los elementos destacados son el enlace al portafolio y la palabra «Resultados». La forma de la barra de registro hace que se destaque, mientras que el espacio en blanco alrededor de los botones de características dibuja el ojo mediante la creación de «espacio para respirar».
4 Maneras Clave de Crear una Jerarquía Visual
Contraste
El contraste es la ocurrencia de dos elementos diferentes colocados juntos. En el diseño de interfaz web, estos elementos pueden ser colores, texturas, formas, dirección o tamaño, para nombrar los más importantes.
Color
Los colores brillantes sobresalen de los colores apagados. Esto puede parecer obvio, pero lo importante es su aplicación: puedes explotar esto para llamar la atención de tu usuario donde quieras.
Tamaño
El tamaño, particularmente para el texto, es una herramienta poderosa en el sentido de que elude las reglas tradicionales de lectura de izquierda a derecha y de arriba a abajo. Eso significa que una palabra o frase grande en la esquina inferior derecha puede ser la primera cosa que una persona lee.
Espacio
Es importante que su interfaz web tenga espacio para respirar y que los elementos tengan espacio entre ellos. Reducir la cantidad de «ruido visual» hará que los puntos que desea mantener aún más fuerte.
Prioriza tu interfaz basándote en cómo las personas buscan información. Después, aplica color, contraste, color, tamaño y espacio para una mayor acentuación.
Si necesita ayuda para crear la imagen borrosa simplemente complete el formulario de mano derecha y lo crearemos de forma gratuita.
