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

Share on facebook
Share on twitter
Share on linkedin
Share on telegram
Share on whatsapp
Share on email
Share on print
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.

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.

Deja un comentario

TAMBIÉN TE INTERESA

acceder-al-router-y-configurar

Cómo acceder al Router para cambiar la configuración

Seguramente dejes en manos de expertos la tarea de acceder al router para cambiar la configuración del mismo. No obstante, esta labor está al alcance de todos y puede ser una buena idea enterarse de cómo se hace para proteger la información personal y aprovechar todo lo que el router puede hacer por tu conexión.

impresoras-baratas

Comparativa de las mejores impresoras baratas

Llama la atención la cantidad de impresoras baratas que hay en el mercado. Por un precio entre 45 y 90 euros puedes hacerte con una buena impresora para tu casa.   El coste de estos hardware es tan reducido que tiene una explicación: los fabricantes ganan mucho más dinero en los consumibles (cartuchos de tinta

Comparación entre GiHub y GitLab

GitHub vs. GitLab: ¿cuál debería elegir?

GitHub y GitLab suenan similares y ofrecen algo similar: administración de código fuente y alojamiento en base a git. ¿Cuáles son las diferencias? A través de GitHub y GitLab, puedes administrar y alojar tu código fuente, solo o en equipo, de forma gratuita o con una suscripción. Te mostraremos las principales diferencias y por qué deberías utilizar

cables-de-fibra-óptica

¿Qué cable de fibra óptica debes usar para tu PC?

El cable de fibra óptica es un elemento clave para que tu conexión de fibra funcione a la perfección. Has decidido pasarte a la fibra seguramente por la velocidad de datos de subida y bajada, pero has de prestar atención a todos los componentes de la instalación.   Tras el módem o router, el protagonista

usar WhatsApp Desktop

WhatsApp Desktop: cómo usar el servicio de mensajería en tu computadora

Casi todo el mundo tiene el mensajero de WhatsApp en su teléfono inteligente. Pero, ¿qué pasa si estás trabajando en tu PC y tu teléfono móvil no está a mano? te diremos cómo usar mejor WhatsApp Desktop en PC y lo que debes considerar. En la competencia de mensajería, WhatsApp se ha impuesto ahora con bastante claridad

Google Translate vs DeepL

Google Translate vs. DeepL, ¿cuál es el mejor?

Google Translate ayuda de manera confiable al traducir a más de 100 idiomas. Pero la herramienta de traducción inteligente tiene una dura competencia, hablamos de DeepL. Google Translate hace posible el trabajo y la comunicación global sin complicaciones y sin barreras. Con cada nueva versión y entrada de texto, la popular herramienta de traducción se vuelve más inteligente y