4 Consideraciones importantes en el diseño del menú de navegación de su blog

1Blog de la navegación del menú de diseño cuenta # 1: colores

Probablemente ya has elegido los colores y fuentes para su diseño general del blog. Cuando se trata de su menú de navegación, sin embargo, los colores y la fuente que seleccione no deben obstaculizar la capacidad del menú para ayudar en la navegación de un visitante a otras partes de su blog.

El blog Simplemente Vintagegirl utiliza un menú de un solo color de navegación junto con tipo de letra Times New Roman. La barra amarilla significa una división de la cabecera y el contenido, mientras que la elección de la fuente hace que el menú fácil de leer.

Al seleccionar un color o colores a utilizar para su barra de menú, elegir los que complementan su diseño general. Esto podría implicar 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. Aún no hay color en absoluto podría funcionar si quieres un look sencillo.

Para cada elemento de menú, asegúrese de que el texto y el contraste de fondo para que los títulos sean legibles. Por ejemplo, el uso de títulos de color verde claro sobre un fondo blanco podría no contrastar lo suficiente, pero oscuros títulos verdes sobre un fondo de color verde claro puede tener un aspecto perfecto.

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

Al seleccionar los tipos de letra, simple funciona mejor. Aquí hay dos errores comunes en las fuentes de menú de navegación:

• Demasiado delgado: Una fuente muy delgado hace que las palabras difíciles de leer, sobre todo porque los menús de navegación suelen utilizar tamaños de fuente más pequeños. Elija las fuentes que no desaparecen en su fondo. A veces una fuente delgada puede funcionar incluso si el color de fondo proporciona suficiente contraste.

• demasiado de lujo: Una fuente en gran medida con guión o una fuente con un montón de estilo pueden ser dominante en un menú de navegación. Usted quiere que su menú para ser leído pero no le quita el foco de su encabezado o el contenido del blog. No importa el tipo de fuente, asegúrese de que es fácil de leer en tamaños de fuente más pequeños.

3Blog menú de navegación de diseño cuenta # 3: el espaciamiento

Aparte de la fuente y el color, ver que sus títulos de menú de navegación no funcionan juntos y confundir a sus visitantes. Nótese aquí el confuso espacio entre las palabras. Es lo que tiene y mis fotos, o acerca de mis fotos? Ajustar el relleno entre los elementos del menú para solucionar este problema.

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

Para encontrar el código exacto para ajustar su menú y la ubicación del código, utilice Firebug. También se puede jugar con los cambios de color y tipo de letra antes de que realmente hacen ellos.

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

Cuando se hace efectiva, la adición de imágenes a su menú de navegación puede añadir un toque especial a tu blog de diseño. A veces con un poco de imagen a la izquierda de cada pestaña del menú se convierte simplemente en otro lugar para atar en su imagen de marca global de blog - en otras palabras, simplemente para una buena apariencia!

Sin embargo, las imágenes también pueden desempeñar un papel más funcional mediante la adición de más contexto a un título del menú. Por ejemplo, una imagen de un avión junto a una pestaña Dónde Ir ayuda al lector a entender mejor en que enlazan los lleva.