Qué es un megamenú y su uso

Qué es un megamenú y su uso

Qué es un megamenú y su uso en páginas web.

El megamenú es un menú enriquecido nacido de una evolución de los menús desplegables. El megamenú permite dividir el contenido en secciones, mostrar imágenes, widgetizarlo, incluir un formulario de contacto o cualquier otra cosa que se incluya en una web normal. Permitiendo así mostrar mucha más información y dar un orden lógico a menús que antes se desplegaban hasta el infinito. Además conseguimos tener una nueva herramienta de marketing mostrando banners publicitarios que enganchen a las personas que simplemente estaban navegando por el menú.

Captura de pantalla 2014-03-17 a la(s) 09.48.48

Toda gran empresa debería de usar los megamenús para simplificar la navegación dentro de su web. Haciendo así que las personas tengan claras las diferentes secciones dentro de las que están y reduciendo el número de clics.

¡Puedes reducir la cantidad de clics necesarios para llegar a un formulario de contacto de tres golpes de ratón a uno!

Es importante que los megamenús estén diseñados como listas con las etiquetas <ul> y <li> para que google indexe correctamente el contenido y que dentro de cada menú, esté clasificado correctamente con sus etiquetas <h2> y subsiguientes.

Normalmente, debido a esta forma de lista, los megamenús están divididos en bloques, podemos modificar el ancho y el alto de estos bloques. Se puede permitir que cada bloque tenga un alto diferente, aunque es aconsejable que todos los bloques tengan la misma altura para no descolocar al visitante aunque una sección tenga menos elementos que otra. También es importante que el megamenú cargue rápidamente porque el usuario entiende que está cargando un menú normal y no otro trozo de html y es importante el escaneo vertical, por encima del horizontal porque el uso habitual es leerlo de arriba a abajo y en orden alfabético.

Sitios como la casa blanca en su web whitehouse.gov han implantado el megamenu para facilitar la navegación por la web. Nosotros lo hemos implantado en diseños propios como la editorial ItsBook como se puede ver en la siguiente imagen.

Editorial ItsBook sin mostrar el megamenú

Editorial ItsBook sin mostrar el megamenú

 

Editorial ItsBook mostrando el megamenú

Editorial ItsBook mostrando el megamenú

 

Insertar objetos interactivos en 3d en tu web con jquery

Insertar objetos interactivos en 3d en tu web con jquery

Insertar objetos interactivos en 3d en tu web con jquery es muy sencillo.

¿Cuántas veces habéis querido insertar uno de esos llamativos objetos interactivos en 3d que pinchas con el ratón encima de ellos y puedes moverlos?

Se puede crear un objeto interactivo en 3D mediante imágenes y un simple javascript.

Al clickar sobre la imagen arrastramos el objeto de tal modo que parece que estamos realizando un giro en 3D. En realidad estamos cargando un grupo de imágenes que componen ese movimiento 360º, creando el efecto óptico de que es un objeto que estás girando. El efecto es perfecto para una galería de perfumes por ejemplo. Aunque tendremos que tener todas las imágenes que componen el movimiento alrededor del objeto.

Funciona en todos los navegadores modernos, Chrome, Firefox y Safari, tanto en ordenadores como en smartphones y tabletas, en IE, como siempre, unas veces si o otras no…
El jQuery reconoce el orden de las imágenes por el número que va al final de cada uno de los archivos, tenedlo en cuenta a la hora de guardar las imágenes y nombradlas como imagen_1.jpg, imagen_2.jpg, …

Para ver el ejemplo y descargar el código gratuitamente podéis ir a ésta página.

Dibujar Trucos, técnicas y recursos para la inspiración visual

Dibujar Trucos, técnicas y recursos para la inspiración visual

Dibujar

Trucos, técnicas y recursos para la inspiración visual

“Dibujar puede ser tan sencillo como coger un lápiz y un papel, pero existen infinidad de trucos y técnicas que pueden multiplicar exponencialmente nuestro potencial creativo”. Este es el fundamento de Dibujar. Trucos, técnicas y recursos para la inspiración visual, la nueva apuesta de Gustavo Gili dentro del campo de la ilustración. Como apunta la anterior observación, no se trata es un libro para aprender a dibujar, sino un repertorio de recetas y modelos de comunicación visual, una excelente relación de posibilidades de interpretar la ilustración. A través de numerosos ejemplos de reputados artistas de todo el mundo, de estilos y procesos creativos muy dispares, Helen Birch (artista, profesora de ilustración en la Bradford School if Arts & Media y autora de diferentes blogs, como draw draw draw) trata de revelar algunas de las alternativas plásticas de que dispone el ilustrador para efectuar su trabajo: el efecto del papel cuadriculado, cómo ilustrar el movimiento, la creación patrones de imágenes a través de la repetición de un motivo, técnicas de collage digital o los diferentes usos del color son algunos de los ejemplos prácticos que incluye este libro en su recorrido por las inmensas alternativas visuales que ofrece la ilustración. En definitiva, un manual de inspiración de extraordinario interés para todo profesional del diseño, el arte, la ilustración o la comunicación visual, en general.

¿Qué es dibujar?

Dibujar es algo que hacemos con toda naturalidad y alegría desde bien pequeños. No es hasta que nos volvemos conscientes de que los demás pueden juzgar nuestros dibujos cuando muchos de nosotros empezamos a pensar que no sabemos dibujar. Entonces pasamos a criticar nuestros dibujos o, simplemente, dejamos de dibujar.

dibujar1

Hay demasiadas personas que ven el dibujo como un truco o conjuro mágico —algo para lo que es necesario estar dotado de un talento innato—, pero no se trata de eso. Si quieres dibujar, lo más importante es que tengas interés por hacerlo. Si disfrutas de los dibujos de los demás, si te intriga la cantidad de posibilidades que ofrece esta actividad, te gusta juguetear con distintos materiales o, simplemente, si quieres probar en qué consiste esto del dibujo, entonces ya estás a medio camino de conseguirlo.

Básicamente, dibujar consiste en hacer trazos sobre papel. Pero puede ser mucho más. Piensa en todas las veces en las que te pones a dibujar inconscientemente: cuando haces rayas en la arena, cuando garabateas mientras hablas por teléfono, cuando pasas el dedo por el vaho de una ventana, cuando mueves el cursor por la pantalla del ordenador o cuando rellenas con un boli los blancos de las letras de un texto. El objetivo de todos los ejemplos que te proponemos en este libro es darte confianza para que pruebes nuevas ideas de manera consciente, o que reconsideres aquellas que ya se te hayan ocurrido. Te puede apetecer emular los motivos o temas que aquí aparecen, probar los materiales de dibujo que se muestran o ambas cosas.

Dibujar es una actividad muy fácil de realizar y que requiere materiales muy básicos. Te puede venir bien centrarte en lo que te rodea o experimentar con ideas suscitadas por colores, texturas, líneas, composiciones… lo que sea. Las aplicaciones digitales de dibujo han ampliado increíblemente estas posibilidades.

No tienes por qué buscar un objetivo para dibujar. Puedes hacerlo para relajarte o liberar energía visual. No hace falta tener un propósito, aunque no pasa nada si lo tienes. Dibujar puede ser algo instintivo, emocional o intelectual. Puedes tener grandes ambiciones o dibujar por mero capricho. Da igual que seas estudiante de arte o que dibujes por simple entretenimiento. Sea lo que sea y sea como sea, dibujar es genial.

Banderas del mundo creadas con los productos típicos

Banderas del mundo creadas con los productos típicos

Banderas del mundo creadas con los productos típicos de cada país

La agencia de publicidad australiana Whybin / TBWA ha creado una simpática campaña publicitaria para promover el festival gastronómico de Sidney, que es el evento sobre cocina más importante de Australia.

La campaña es simple, pero resultona. Las imágenes en plano cenital y con platos que en algunos casos no son tan sabrosos como los originales, pero en un póster funcionan y sobre todo son muy reconocibles y memorables, que es lo esencial en el diseño y la publicidad.

En el caso de España, la bandera se ha compuesto con chorizo y arroz. Puede que no parezca del todo representativo, pero es cierto que desde fuera ven nuestra cocina así. Hay que admitir que el chorizo es un manjar que prácticamente sólo se puede disfrutar en España, así que podemos sentirnos orgullosos.

Y sin más, podéis ver el resultado de la campaña.

La bandera de Australia hecha de pastel de carne y salsa.

La bandera de Australia hecha de pastel de carne y salsa.

Bandera de Brasil hecha de hoja de plátano, limón, piña y fruta de la pasión.

Bandera de Brasil hecha de hoja de plátano, limón, piña y fruta de la pasión.

Bandera de China hecha de Pittaya y fruta estrellada.

Bandera de China hecha de Pittaya y fruta estrellada.

Bandera de Francia a partir de queso azul, queso brie y uva.

Bandera de Francia a partir de queso azul, queso brie y uva.

Bandera de Grecia de aceitunas Kalamata y queso feta.

Bandera de Grecia de aceitunas Kalamata y queso feta.

Bandera de la India a partir de curry, arroz basmati y la oblea pappadum.

Bandera de la India a partir de curry, arroz basmati y la oblea pappadum.

Bandera de Indonesia a partir de curry y arroz picantes (Sambal).

Bandera de Indonesia a partir de curry y arroz picantes (Sambal).

Bandera japonesa hecha de atún y arroz.

Bandera japonesa hecha de atún y arroz.

Bandera de Líbano a partir de lavash, fattoush y una ramita de hierbas.

Bandera de Líbano a partir de lavash, fattoush y una ramita de hierbas.

Bandera de Corea del Sur a partir de Kimbap y salsas.

Bandera de Corea del Sur a partir de Kimbap y salsas.

La bandera de España a partir de chorizo ​​y arroz.

La bandera de España a partir de chorizo ​​y arroz.

Bandera de Suiza a partir de jamón y emmental.

Bandera de Suiza a partir de jamón y emmental.

Bandera de Tailandia hecha de salsa de chile dulce, coco rallado y un cangrejo azul típico de allí.

Bandera de Tailandia hecha de salsa de chile dulce, coco rallado y un cangrejo azul típico de allí.

Bandera de Turquía hecha con Delicias turcas (lokum).

Bandera de Turquía hecha con Delicias turcas (lokum).

Bandera del Reino Unido hecha cremas y mermeladas.

Bandera del Reino Unido hecha cremas y mermeladas.

Estados Unidos de la bandera de América hecha de perritos calientes, salsa de tomate y mostaza o queso.

Estados Unidos de la bandera de América hecha de perritos calientes, salsa de tomate y mostaza o queso.

La bandera de Vietnam hecha de rambután, litchi y fruta estrellada.

La bandera de Vietnam hecha de rambután, litchi y fruta estrellada.