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

inteligencia artificial Zoo Aquarium de Madrid

Esta es la forma en la que ha llegado la IA al Zoo Aquarium de Madrid

Hasta en lugares insospechados como el Zoo Aquarium de Madrid está llegando la inteligencia artificial… Pero no, no se trata de animales. Ni tampoco como una forma de gestión administrativa a nivel interno. El proyecto más destacado de este entorno es una cuidadora inteligente de animales presentada como un avatar que es capaz de interactuar

precio galaxy ring

Galaxy Ring: Samsung puja por ser el señor de los añillos (inteligentes)

«Un anillo para gobernarlos a todos», se decía en la famosa trilogía de El Señor de los Anillos. Aplicado al mundo tecnológico, Samsung quiere ser ese rey con su Galaxy Ring, su anillo inteligente que capitanea este joven segmento del que ya hemos hablando en alguna ocasión en Tecnonautas. El Galaxy Ring, lanzado este verano

inteligencia artificial en el sector jurídico

Lefebvre revoluciona el panorama jurídico con su IA: GenIA-L

En un sector tan tradicional como el jurídico, la inteligencia artificial puede tener un gran impacto. Lefebvre, entidad dedicada al software y contenido jurídico, conoce muy bien el camino. Suyos son algunos de los desarrollos que han visto la luz para hacer más eficiente y certera la tarea de los profesionales en los juzgados. El

Xiaomi SU7 Ultra

Xiaomi SU7 Ultra: llega el superdeportivo de la marca tecnológica china

Xiaomi vuelve a sorprender en el mundo del motor con el lanzamiento del Xiaomi SU7 Ultra, un superdeportivo eléctrico que llega para mirar de tú a tú a marcas como Tesla o Porsche. Como base de partida, la firma tecnológica china ya tiene mucho marketing ganado tras el éxito en ventas cosechado por su primer

posicionamiento SEO

Cómo la IA está cambiando el posicionamiento SEO

Nuevamente hablamos de posicionamiento SEO, pero en este caso desde el impacto que supone a esta disciplina la aparición de la Inteligencia Artificial (IA). Como es sabido, estos modelos están suscitando tanto entusiasmo por su potencial como precaución ante sus riesgos. Aunque su representación más común suele estar ligada a robots autónomos, aplicaciones del tipo