WorksheetsInterfaz Gráfica de Usuario (UI) e Ilustraciones
Total questions: 15
Worksheet time: 8mins
¿Cuál es el objetivo principal de la interfaz gráfica de usuario (UI)?
Hacer que la experiencia del usuario sea intuitiva, accesible y satisfactoria.
Permitir únicamente la interacción táctil con el sistema.
Mostrar solo información visual sin interacción.
Limitar el acceso del usuario a las funciones del sistema.
¿Qué beneficio clave aportan las ilustraciones en la interfaz de usuario (UI)?
Mejoran la experiencia del usuario y facilitan la comunicación.
Reducen la cantidad de información disponible.
Eliminan la necesidad de diseño gráfico.
Restringen la creatividad en la aplicación.
¿Cuál es la diferencia principal entre ilustración y diseño gráfico según el texto?
La ilustración puede formar parte del diseño gráfico, mientras que el diseño gráfico es un concepto más amplio que abarca marketing, arte y tecnología.
El diseño gráfico es solo para aplicaciones móviles y la ilustración para sitios web.
La ilustración siempre tiene una orientación comercial y el diseño gráfico no.
La ilustración se utiliza únicamente en logotipos y el diseño gráfico en publicidad.
¿Cuál de los siguientes tipos de ilustraciones en UI se utiliza para simplificar información compleja como estadísticas o procesos?
Infografías y gráficos de datos.
Personajes (mascotas).
Stickers y emojis.
Ilustraciones de gamificación.
Selecciona dos beneficios que aportan las ilustraciones personalizadas en la interfaz de usuario (UI).
Crean un sentido de marca y generan familiaridad.
Limitar la interacción del usuario.
Reducen la motivación del usuario.
Eliminan la necesidad de comunicación visual.
¿Cuál de los siguientes estilos de ilustración en UI se caracteriza por ilustraciones sencillas con pocos colores y formas básicas?
Estilos planos y minimalistas
Estilos grotescos o neobrutalistas con tipografías audaces y contornos negros
Estilos neumórficos con sombras y luces que crean profundidad
Estilos abstractos con formas geométricas complejas
Observa la imagen que muestra un lago rodeado de montañas y árboles. ¿Por qué es importante que el color de fondo de la página web sea parecido al color principal de la imagen usada como fondo?
Para que la transición visual entre la imagen y el fondo sea armoniosa y no se note el cambio de color.
Para que la imagen se cargue más rápido en el navegador, evitando demoras.
Para que los archivos sean más fáciles de encontrar en la carpeta de gráficos.
Para que el texto y los vínculos definidos en
sean invisibles.¿Cuál es la función principal del atributo 'alt' en la etiqueta en HTML?
Proporcionar una descripción textual de la imagen para situaciones en las que no puede ser mostrada.
Definir el ancho de la imagen en píxeles.
Establecer la alineación de la imagen en la página.
Agregar un borde alrededor de la imagen.
¿Qué formato de imagen digital permite animaciones y soporta 8 bits por píxel?
GIF
JPEG
PNG
SVG
Selecciona el atributo que se utiliza para controlar el espacio horizontal alrededor de una imagen en HTML.
hspace
vspace
align
border
En HTML, ¿qué valor del atributo 'align' coloca la imagen en la parte más superior de la línea de texto?
top
middle
bottom
left
Observa el siguiente fragmento de código HTML: 
¿Cuál es la función del atributo 'title' en este contexto?
Proporcionar información adicional sobre la imagen que se muestra como ayuda.
Definir la ruta de la imagen que se va a mostrar.
Establecer el tamaño de la imagen en píxeles.
Indicar la alineación de la imagen en la página.
¿Cuál es la función principal del atributo 'align' en una etiqueta de imagen HTML?
Permite alinear la imagen respecto al texto en posiciones como TOP, MIDDLE y BOTTOM.
Permite cambiar el tamaño de la imagen automáticamente según el dispositivo.
Permite agregar un borde de color a la imagen.
Permite agregar un enlace a la imagen.
Observa la imagen que muestra varias banderas con diferentes espacios alrededor. ¿Qué atributo se utiliza para agregar espacio horizontal entre la imagen y el texto?
hspace
vspace
align
border
En HTML5, ¿qué ventaja ofrece el elemento
Permite seleccionar y cargar automáticamente la imagen más adecuada según el dispositivo y el tamaño de la ventana del navegador.
Permite agregar animaciones a las imágenes sin usar JavaScript.
Permite cambiar el color de fondo de la imagen según el navegador.
Permite agregar bordes personalizados a las imágenes.
