Tecna Webs - Desarrollo web Y Android ™

imagen cabecera y logo
Sección:
Desarrollo web.
Categoría:
Menús.
Nombre:
Pergamino.
Fecha:
28-07-2014
Asunto:
Creación de un menú con forma de pergamino para la web del enlace de una pareja de novios.

Menú pergamino.

Descripción.

Este menú se creó para la web del enlace de una pareja de novios. Para ello primero se creó un modelo en 3D con Blender, la forma ondulada del perfil del pergamino y el material con que está hecho son iguales que los de otros adornos de cintas que se hicieron para la misma web. La forma está inspirada en la técnica de filigrana de papel o "quilling" que consiste en enrollar tiras de papel, el pergamino es una de estas tiras pero más ancha. Se crearon a partir de curvas bezier, convertidas a malla y extrusionadas. El material simula ser metal pulido por lo que se le dió un valor alto de reflexión especular. Al texto de los enlaces se le aplicó un mapa de relieve para que parezca estar grabado en el metal. La opción activa se señala con un asterisco al lado del texto. Para sacar la imagen se movió la cámara a la izquierda para que tuviera una ligera perspectiva acorde a su posición en la página.

Se sitúa a la derecha del contenido pero su tamaño y posición final depende del tamaño de la ventana del navegador. En pantallas reducidas se coloca completamente a la derecha y sólo se muestra el perfil izquierdo del pergamino, al pulsar o poner el ratón sobre él se expande sobre el contenido dejando ver las opciones del menú, moviendo el ratón o pulsando fuera de la imagen se vuelve a plegar el menú. Así se aprovecha al máximo el poco espacio disponible.

Si la ventana es más ancha y hay espacio suficiente para el contenido y el menú, éste se muestra desplegado a la derecha de la ventana, pero si la ventana es excesivamente grande va dejando un espacio a su derecha que se rellena con un adorno. Así se acota el ancho y se encuadra el contenido para que resulte más cómodo de leer, al no ser el tamaño de los renglones excesivamente largo, pero unificando el espacio gracias a los adornos de las cintas doradas verticales.

Algunas partes de esta página son modificaciones basadas en el trabajo creado y compartido por Google según las condiciones descritas en la Creative Commons 3.0 Attribution. Más información en el enlace aviso legal del pie de página.

tecnawebs arroba gmail punto com