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

dni en el móvil

Oficial: ya es posible llevar tu DNI en el móvil en España

Teníamos tarjetas bancarias, de salud, tarjetas para el transporte… pero faltaba lo más importante: el Documento Nacional de Identidad. Bueno pues desde ya es posible tener el DNI en el móvil en España. El Consejo de Ministros ha aprobado un real decreto que marca un antes y un después en la forma de acreditar la

vivo v50 Lite

Asequible y muy fino en todos los sentidos: sale a la venta el vivo v50 Lite

La marca vivo, de la cual hemos hablado recientemente por su estrategia a futuro con la robótica e IA, ha dado un nuevo paso adelante en la evolución de los smartphones con el lanzamiento del vivo V50 Lite en España. Este dispositivo combina un diseño sofisticado, potencia de alto rendimiento y resistencia excepcional, adaptándose a

estafas con criptomonedas

Estafas con criptomonedas: cómo no caer en ellas

Para bien o para mal, el sector de las criptomonedas ocupa asiduamente titulares en toda la prensa mundial. Y últimamente, las noticias giran en torno a la seguridad, así que no está de más recordar claves o consejos para evitar estafas con criptomonedas. Han pasado ya algunas semanas, pero conviene señalar dos recientes sucesos que

marca vivo

La marca vivo atisba un futuro con robots en nuestras casas

La industria tecnológica avanza a pasos agigantados, y en este escenario, la marca vivo se está postulando desde China como uno de los actores clave en la innovación digital. Durante la Conferencia Anual Boao Forum 2025 for Asia, celebrada en Boao, Hainan, la compañía ha presentado su nueva visión del futuro, marcada por la convergencia