BOTONES Diseño Digital – Módulo 4. ¿Qué es un botón? Un botón es un elemento web que funciona como una tecla para activar alguna función o comando: Dirigirse.

Presentación del tema: "BOTONES Diseño Digital – Módulo 4. ¿Qué es un botón? Un botón es un elemento web que funciona como una tecla para activar alguna función o comando: Dirigirse."— Transcripción de la presentación:

1 BOTONES Diseño Digital – Módulo 4

2 ¿Qué es un botón? Un botón es un elemento web que funciona como una tecla para activar alguna función o comando: Dirigirse a otra página Descargar un archivo Comenzar a ver un video Pausar Escuchar Música, etc. Los botones pueden tener diversos formatos que acompañan al diseño general de la página, incluso gifs animados se pueden utilizar como botón.

3 Análisis de una web Analiza la página oficial de inkscape www.inkscape.org, observa los botones.www.inkscape.org Botón de Menú Botón Descarga Botón Redes Sociales ¿Qué pasa si el mouse se mueve sobre los botones? Aparece un menú desplegable Cambia el tono de la letra o fondo Se subraya el vínculo (hipervínculo)

4 Diseño de un botón Si deseo diseñar un botón en un programa de animación debo tener en cuenta 3 momentos: - Reposo (Up): Cuando el boton está solo, el puntero del mouse no lo toca. - Sobre (Over Mouse): Cuando el puntero del mouse está sobre él - Presionado (Press): Cuando el usuario está haciendo click También a la hora de diseñar un botón debo definir cuál será la zona activa, es decir la parte del botón que cumplirá la función. En este caso la zona activa de los botones de Música, Deportes y Juegos es la zona gris, y se ve cuando poso el mouse sobre esta zona.

5 Análisis de un caso Analicemos la pagina principal de You Tube, el botón para subir videos.You Tube Estado reposo: Botón color gris claro Estado sobre: Botón gris oscuro Estado Presionado: Botón Gris más Oscuro

6 Diseña un botón online Entra AQUÍ para crear botones Online y sigue los pasos para crear un botón.AQUÍ El botón debe mostrar tu nombre, debe cambiar al pasar el mouse por encima y nos debe llevar a la página de la plataforma TramixSakai Muestra el trabajo terminado al profesor o envía un videíto mostrando como funciona tu botón.