elementos de la interfaces graficas de usuario
-
Upload
luciagiarocco -
Category
Education
-
view
840 -
download
0
description
Transcript of elementos de la interfaces graficas de usuario
![Page 1: elementos de la interfaces graficas de usuario](https://reader038.fdocuments.net/reader038/viewer/2022102723/559277441a28ab11238b45f3/html5/thumbnails/1.jpg)
Acerca de Nos da la ayuda para saber del programa.
![Page 2: elementos de la interfaces graficas de usuario](https://reader038.fdocuments.net/reader038/viewer/2022102723/559277441a28ab11238b45f3/html5/thumbnails/2.jpg)
Barra de desplazamiento (scroball)Elemento que consta de una barra horizontal
o vertical con dos extremos con flechas que apuntan en sentido contrario.
![Page 3: elementos de la interfaces graficas de usuario](https://reader038.fdocuments.net/reader038/viewer/2022102723/559277441a28ab11238b45f3/html5/thumbnails/3.jpg)
Barra de estado Muestra información acerca del archivo
modificado, como el tamaño del archivo, el esquema HTML y el esquema CSS.
![Page 4: elementos de la interfaces graficas de usuario](https://reader038.fdocuments.net/reader038/viewer/2022102723/559277441a28ab11238b45f3/html5/thumbnails/4.jpg)
Barra de herramientasIconos con los cuales es posible acceder a
determinadas herramientas o funciones de una aplicación.
![Page 5: elementos de la interfaces graficas de usuario](https://reader038.fdocuments.net/reader038/viewer/2022102723/559277441a28ab11238b45f3/html5/thumbnails/5.jpg)
Barra de progreso Es un recurso muy utilizado en interfaces
graficas en las que se muestra el avance determinada tarea y según el porcentaje de completitud, medir en que punto de la operación nos encontramos
![Page 6: elementos de la interfaces graficas de usuario](https://reader038.fdocuments.net/reader038/viewer/2022102723/559277441a28ab11238b45f3/html5/thumbnails/6.jpg)
Barra de titulo Aparece como una barra horizontal en la
parte superior de la ventana.
![Page 7: elementos de la interfaces graficas de usuario](https://reader038.fdocuments.net/reader038/viewer/2022102723/559277441a28ab11238b45f3/html5/thumbnails/7.jpg)
Botón Son rectangulares y tienen una descripción o
imagen en el centro que resume la acción.
![Page 8: elementos de la interfaces graficas de usuario](https://reader038.fdocuments.net/reader038/viewer/2022102723/559277441a28ab11238b45f3/html5/thumbnails/8.jpg)
Botón de opción Permite al usuario elegir entre diferentes
opciones dentro de un grupo de opciones.
![Page 9: elementos de la interfaces graficas de usuario](https://reader038.fdocuments.net/reader038/viewer/2022102723/559277441a28ab11238b45f3/html5/thumbnails/9.jpg)
Casillero de verificación Son aquellos que permiten tildar o destilar
una opción.
![Page 10: elementos de la interfaces graficas de usuario](https://reader038.fdocuments.net/reader038/viewer/2022102723/559277441a28ab11238b45f3/html5/thumbnails/10.jpg)
Cuadro de dialogo Suelen abrirse como automáticamente con
alguna acción del usuario, prohibiendo acceder a la ventana principal del programa y seguir trabajando.
![Page 11: elementos de la interfaces graficas de usuario](https://reader038.fdocuments.net/reader038/viewer/2022102723/559277441a28ab11238b45f3/html5/thumbnails/11.jpg)
Cuadro de texto Suelen ser rectangulares, generalmente
tienen un fondo blanco y están vacios de texto, para que el usuario pueda escribir en este.
![Page 12: elementos de la interfaces graficas de usuario](https://reader038.fdocuments.net/reader038/viewer/2022102723/559277441a28ab11238b45f3/html5/thumbnails/12.jpg)
Icono Imagen grafica que suele ser pequeña que
representa un acceso directo, un programa, un archivo, un enlace, o cualquier otro recurso. El icono suele ser una buena forma de identificación para lo representado.
![Page 13: elementos de la interfaces graficas de usuario](https://reader038.fdocuments.net/reader038/viewer/2022102723/559277441a28ab11238b45f3/html5/thumbnails/13.jpg)
listaElemento que permite al usuario seleccionar
una o mas opciones de la lista estática
![Page 14: elementos de la interfaces graficas de usuario](https://reader038.fdocuments.net/reader038/viewer/2022102723/559277441a28ab11238b45f3/html5/thumbnails/14.jpg)
Lista desplegable Son una combinación entre un cuadro de
texto y un menú desplegable
![Page 15: elementos de la interfaces graficas de usuario](https://reader038.fdocuments.net/reader038/viewer/2022102723/559277441a28ab11238b45f3/html5/thumbnails/15.jpg)
Menú Es una herramienta grafica en la interfaz de
paginas web y aplicaciones que consiste en una lista de opciones que puede desplegarse para mostrar mas opciones o funciones.
![Page 16: elementos de la interfaces graficas de usuario](https://reader038.fdocuments.net/reader038/viewer/2022102723/559277441a28ab11238b45f3/html5/thumbnails/16.jpg)
Menú contextualEl Windows y otros sistemas, el menú
contextual se accedo con el clic derecho sobre sobre el elemento en la pantalla.
![Page 17: elementos de la interfaces graficas de usuario](https://reader038.fdocuments.net/reader038/viewer/2022102723/559277441a28ab11238b45f3/html5/thumbnails/17.jpg)
Menú desplegablepermite a un usuario seleccionar de una lista
desplegable una opción. Se distingue de una simple lista en el hecho de que el usuario debe presionar sobre el menú para que se muestren las opciones disponibles.
![Page 18: elementos de la interfaces graficas de usuario](https://reader038.fdocuments.net/reader038/viewer/2022102723/559277441a28ab11238b45f3/html5/thumbnails/18.jpg)
Panel lateral Permite mostrar diferentes formas de
información en un lado de la aplicación o el escritorio.
![Page 19: elementos de la interfaces graficas de usuario](https://reader038.fdocuments.net/reader038/viewer/2022102723/559277441a28ab11238b45f3/html5/thumbnails/19.jpg)
Pestaña (tab)Permite cambiar entre distintos documentos
o secciones de forma rápido.
![Page 20: elementos de la interfaces graficas de usuario](https://reader038.fdocuments.net/reader038/viewer/2022102723/559277441a28ab11238b45f3/html5/thumbnails/20.jpg)
Slider Permite seleccionar un valor moviendo un
indicador o, en algunos casos, el usuario puede hacer clic sobre algún punto del slider para cambiar hacia ese valor.
![Page 21: elementos de la interfaces graficas de usuario](https://reader038.fdocuments.net/reader038/viewer/2022102723/559277441a28ab11238b45f3/html5/thumbnails/21.jpg)
Spinner Permite al usuario ajustar un valor dentro de
un cuadro de texto adjunto a dos flechas que apuntan en direcciones opuestas.
![Page 22: elementos de la interfaces graficas de usuario](https://reader038.fdocuments.net/reader038/viewer/2022102723/559277441a28ab11238b45f3/html5/thumbnails/22.jpg)
tooltipSe emplea junto con el cursor del mouse.
Cuando el usuario posiciona el cursor sobre un elemento aparece un pequeño rectángulo para brindar información de ese elemento.
![Page 23: elementos de la interfaces graficas de usuario](https://reader038.fdocuments.net/reader038/viewer/2022102723/559277441a28ab11238b45f3/html5/thumbnails/23.jpg)
Ventana Parte delimitada de la pantalla en un sistema
operativo que suele ser rectangular y que contiene elementos a fines entre si ellas.