4 Consideraciones importantes al diseñar el menú de navegación de su blog

El menú de navegación es un aspecto importante del diseño general de tu blog. Un menú de navegación eficaz para su blog no sólo mejora la experiencia del visitante, sino que también ayuda a ilustrar quién es usted y de qué se trata su blog. Hay cuatro consideraciones principales que usted debe examinar al decidir sobre un diseño para el menú de navegación de su blog.

1Blog menú de navegación Consideración de diseño #1: colores

Probablemente ya has elegido los colores y las fuentes para el diseño general de tu blog. Sin embargo, cuando se trata del menú de navegación, los colores y la fuente que seleccione no deben impedir que el menú le ayude a navegar a un visitante a otra parte de su blog.

El blog Simply Vintagegegirl utiliza un menú de navegación de un solo color junto con la fuente Times New Roman. La barra amarilla significa una división entre el encabezado y el contenido, mientras que la elección de la fuente hace que el menú sea fácil de leer.

Al seleccionar un color o colores para usar en la barra de menús, elija los que complementen su diseño general. Esto puede significar el uso de un color que se utiliza dentro de un determinado elemento de diseño o ir con un color neutro como el gris. Incluso ningún color en absoluto podría funcionar si quieres un aspecto simple.

Para cada elemento del menú, asegúrese de que el texto y el contraste de fondo sean legibles. Por ejemplo, el uso de títulos de color verde claro sobre un fondo blanco puede no contrastar lo suficiente, pero los títulos de color verde oscuro sobre un fondo verde claro pueden parecer perfectos.

2Blog de navegación del menú de la consideración #2 del diseño del menú de la navegación: fuentes

Cuando se seleccionan las fuentes, lo simple funciona mejor. Aquí hay dos errores comunes en las fuentes de los menús de navegación:

  • Demasiado delgada: Una fuente realmente delgada hace que las palabras sean difíciles de leer, especialmente porque los menús de navegación a menudo usan tamaños de fuente más pequeños. Elija fuentes que no desaparezcan en su fondo. A veces una fuente delgada puede funcionar si el color de fondo proporciona suficiente contraste.
  • Demasiado elegante: Una fuente con mucho guión o una fuente con mucho estilo puede ser dominante en un menú de navegación. Usted quiere que su menú sea legible, pero que no le quite el foco a su encabezado o contenido de blog. No importa el tipo de fuente, asegúrese de que sea fácil de leer en tamaños de fuente más pequeños.

3Consideración #3 del diseño del menú de navegación del blog: espaciamiento

Aparte de la fuente y el color, observe que los títulos de su menú de navegación no se ejecuten juntos y confunda a sus visitantes. Observe aquí el confuso espacio entre las palabras. ¿Es Acerca de y mis fotos, o Acerca de mis fotos? Ajuste el relleno entre los elementos del menú para solucionar este problema.

Para cambiar las fuentes y los colores, a menudo puede modificar la configuración del tema o de la plantilla. Si no, puedes hacer estos cambios, así como ajustar el relleno, en tu archivo style.css.

Para encontrar el código exacto para ajustar tu menú y la ubicación del código, usa Firebug. También puede jugar con los cambios de color y fuente antes de realizarlos.

4Blog del menú de navegación Consideraciones sobre el diseño #4: imágenes del menú

Cuando se hace con eficacia, la adición de imágenes a su menú de navegación puede añadir estilo a su diseño de blog. A veces, el uso de una pequeña imagen a la izquierda de cada pestaña del menú se convierte en otro lugar para vincular la marca general de su blog – en otras palabras, ¡simplemente por su buen aspecto!

Sin embargo, las imágenes también pueden desempeñar un papel más funcional al añadir más contexto al título de un elemento del menú. Por ejemplo, una imagen de un avión junto a la pestaña Dónde ir ayuda a los lectores a comprender mejor adónde los lleva ese enlace.

Leave a Reply

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *