1 / 6

BOTONES

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.

aimee
Download Presentation

BOTONES

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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 inkscapewww.inkscape.org, observa los botones. Botón de Menú Botón Redes Sociales Botón Descarga • ¿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 YouTube, 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

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

More Related