Cómo usar la dirección en una página web

Cómo usar la dirección en una página web

Cómo usar la dirección en una página web

VALORACIÓN DEL ARTÍCULO:
5/5


Entre los elementos de un buen diseño de página – ya sea impreso o en la web – está el concepto de dirección, que está estrechamente alineado con el movimiento. Los elementos en el diseño de la página guían intencionalmente los ojos de los espectadores de un área de la página a otra. Las tres direcciones comunes en los diseños que se utilizan para dirigir el ojo son:

  • Horizontal: Si divide la página o pantalla por la mitad de un lado a otro con una línea u otro elemento, el ojo se mueve a cada elemento en la mitad superior del diseño antes de moverse a la sección debajo de la línea o elemento horizontal que divide la página.
  • Vertical: Si tiene dos columnas largas y estrechas de texto o dos fotos largas y estrechas o elementos gráficos, tiene un diseño con una dirección vertical. El ojo fluye desde la parte superior de una columna hacia su parte inferior y luego se mueve hacia la parte superior de la segunda columna.
  • Diagonal: Si utiliza diagonales o triángulos en su diseño, el ojo es capturado, particularmente en la web, donde no se ven muchos diseños de dirección diagonal.

Cada diseño de página tiene una dirección dominante, que se establece por la colocación de los elementos más importantes.

Índice de contenidos

Uso de la dirección en el diseño

En el diseño web, la dirección está determinada más a menudo por las imágenes de la página, pero también se puede imponer la dirección mediante la colocación de elementos tipográficos o gráficos en la página, y con líneas, especialmente cuando tienen puntas de flecha.

Cómo incluir la dirección en los diseños de impresión y web

Incorpore la dirección en sus diseños web de las siguientes maneras:

  • Mire sus imágenes para determinar en qué dirección se encuentran los sujetos. Si las personas en la imagen están mirando a la derecha, entonces usted debe colocar la imagen en el lado izquierdo de la página. De lo contrario, la dirección de los ojos en la foto dirigirá los ojos de sus lectores lejos de la página. No querrás que nadie mire fuera del lado de la página.
  • Utilice su diseño para sugerir la dirección. Coloque los elementos densos, como las fotos, en líneas horizontales, verticales o diagonales. Mientras que los elementos menos densos, como el texto, los rodean.
  • Utilice líneas, imágenes o etiquetas HR para sugerir movimiento y dirección. Una línea horizontal es silenciosa y mueve el ojo suavemente de izquierda a derecha en la página. Una línea vertical sugiere movimiento de arriba hacia abajo, y una línea diagonal indica fuertemente movimiento de un área de la página a otra.
  • Los elementos desequilibrados también indican la dirección y el movimiento.

Características del diseño que influyen en la dirección y el movimiento

El ojo normalmente se dirige primero al elemento más grande de una página. Puede ser una foto grande o un titular grande. El siguiente paso es una función de la dirección en el diseño. En un diseño bueno y equilibrado, el lugar donde el ojo va después conduce a una parte importante del mensaje que la página está tratando de transmitir. El movimiento del primer objeto grande en la página hacia el siguiente objeto importante puede ser influenciado por varias cosas incluyendo:

  • Color: Un color brillante atrae el ojo más rápidamente que un color neutro.
  • Gráficos: Un dedo que señala o una flecha hace que el ojo mire en una cierta dirección.
  • Formas: Una forma que serpentea a través de la página -como una espiral o una línea de puntos que se mueve de un elemento al siguiente- lleva el ojo a su paso.

Cómo determinar la dirección

Si no está seguro de cómo diseñar una página para indicar la dirección, experimente mirando las páginas web e imprima publicaciones específicamente para identificar a dónde va su ojo primero y luego a dónde va después. Entonces busca la razón por la que sucedió. Una vez que reconozca los elementos de diseño simétricos que hacen que su ojo se mueva de un elemento al siguiente, puede utilizar esos elementos en su propio diseño.

TAMBIÉN TE INTERESA

Instagram-Creator-Marketplace

España, a la espera del Instagram Creator Marketplace

Instagram es una de las redes sociales de mayor impacto en la población española. Desde su irrupción, la figura del influencer ha crecido enormemente en el mundo del marketing y las marcas. La herramienta Instagram Creator Marketplace puede seguir fortaleciendo a estos prescriptores, visto el potencial que empieza a tener este servicio en Estados Unidos.

avatares-Roblox

Vámonos de shopping en Roblox: Mango inaugura su primera tienda

En dinámico mundo de los juegos online, Roblox (con más de 70 millones de usuarios activos diarios) se ha destacado como una plataforma que ofrece a los participantes una experiencia única y diversa. Una de las características más populares de Roblox es su sistema de personalización de avatares, que permite a los jugadores expresar su

Snapdragon-8-Gen-3

Snapdragon 8 Gen 3, el chip de Qualcomm que empujará la IA en los móviles

La IA ha llegado al universo de los smartphones. Los últimos lanzamientos ya se anuncian con la inteligencia como protagonista. De igual manera, las grandes actualizaciones de software vienen marcada por la presencia de nuevas funciones movidas bajo los parámetros de la inteligencia artificial generativa. Al margen de los desarrollos a nivel de software, es

Ecowatch-1-de-Maxcom

Con el Ecowatch 1 no tendrás excusas para pasarte a un reloj inteligente

Sabemos que es muy difícil convencer a un perfil de personas que reniegan de un smartwatch a comprarse un reloj inteligente y quitarse el de toda la vida. No obstante, vamos a intentarlo con el Ecowatch 1 de Maxcom.  Es tarea complicada porque el gusto por los relojes suele estar muy definido en ciertas personas.

simulador-de-bodas

¿Te casas? La IA y DeWeed pueden ayudarte en la planificación de tu boda

La planificación de una boda es un proceso emocionante pero a menudo abrumador. Desde la selección del lugar perfecto hasta la elección del vestido ideal, hay innumerables decisiones que tomar para que todo salga según lo planeado en el gran día. Tradicionalmente, esta tarea ha supuesto muchos quebraderos de cabeza para los novios. Una vez