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 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.

Análisis de una web Analiza la página oficial de inkscape www.inkscape.org,

observa los botones.

Botón de Menú

Botón Descarga

Botón RedesSociales

¿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)

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.

Análisis de un caso Analicemos la pagina principal de You Tube, el

botón para subir videos.

Estado reposo: Botón color gris claro Estado sobre: Botón gris oscuro Estado Presionado: Botón Gris más Oscuro

Diseña un botón online

Entra AQUÍ para crear botones Online y sigue los pasos para crear un botón.

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.