Continuamos con el ciclo de estructura de una web hablando del Menú de Navegación.
Recordamos que esta es la tercera entrega del ciclo, la primera hablábamos del Header, la segunda era la del Menú Navegación y esta tercera vamos a hablar del Contenido Principal.
¿Qué es el contenido Principal?
El contenido principal es la columna que normalmente esta a la izquierda y es más ancha que la de la derecha, y que ocupada entre el 70-80% de la web. Aquí es donde va el contenido, donde van los servicios, donde van los artículo de nuestra web. Hablo de columnas porque es posible que tu web tenga la columna principal y la columna del sidebar.
El Sidebar, comúnmente llamado columna lateral, es la barra más estrecha de una web que normalmente se utiliza para colocar elementos que queramos que estén a la vista del usuario. Normalmente son formularios de contacto, entradas del blog, enlaces a otras zonas de la web…
Este sidebar lo podemos mostrar o si queremos lo podemos ocultar. Tenemos que pensar, si el contenido que tenemos queremos que ocupe el 100% de todo el ancho. La tendencia ya en casi todas las webs, es que este sidebar tiende a desaparecer, o dejarlo sólo para los artículos del blog. Entonces con esta decisión dejaremos el ancho completo para todo nuestro contenido, que en definitiva es lo más importante.
Características del cotenido.
Hablamos de los colores: La paleta de colores que utilizemos para nuestro contenido principal debe de ser agradable de leer, tiene que ser colores neutros que relaje los ojos del lector. Normalmente se utilizan unas tonalidades de grises que sean muy fáciles de leer. Incluso si le metemos un color al fondo, debe de ser un sepia o un gris con unas letras un poco más oscuras. En definitiva que sean colores relajados para que nuestro visitante no se canse en las primeras de cambio. La gente ya de entrada no lee, pero si se lo dificulta la jodimos.
Formato: Otras de las características que tenemos que tener mucho cuidado es el formato del texto. Es muy común que si copiamos el texto proveniente de un word, cuando lo pegamos en nuestro editor de wordpress lleve el formato establecido. Quedará todo como un churro, intenta siempre que no ocurra eso.
Tipografía: La tipografía tiene que ser clara, limpia y fácil de leer. No pongas por ejemplo las letras estas que es como si escribieras a mano. Esto esta bien para un logo ó para un título de un cartel, pero no para un artículo entero. También dentro de la web, utilizar máximo 2 tipografías, una para los títulos y otra para los artículos. Y si puedes 1 mucho mejor.
Y el tamaño de la tipografía mínimo 12 puntos, lo ideal seria 14.
Por último quiero hacer hincapié en la moda, como todo en la vida la moda es importante y los diseños en la web no iban a ser menos. Tenemos que tener nuestra web adaptada a las tendencias del momento. No podemos dejar la web anticuada porque eso es lo primero que nota nuestro usuario, da sensación de dejadez. Deberíamos de adaptarla cada dos años aproximádamente.
Muy bien pues hasta aquí la píldora de hoy, espero que hayáis sacado algo de provecho y empecéis a configurar vuestro contenido.
Nos vemos en la siguiente clase. Hasta pronto!
Píldoras estructura web
2.- Estructura web: Menú de navegación.