NEW
Font size
WorksheetsDAM (AD25) - Diseño Responsivo [T12]
Total questions: 36
Worksheet time: 17mins
¿Cuál estimas que es el porcentaje actual de uso de dispositivos móviles a nivel mundial?
Aproximadamente 40 por ciento
Aproximadamente 50 por ciento
Aproximadamente 60 por ciento
Aproximadamente 70 por ciento
¿A qué se refiere el término Diseño Responsivo en interfaces digitales?
La interfaz adapta su ancho al dispositivo
La interfaz cambia colores según el usuario
La interfaz añade animaciones automáticas
La interfaz reduce la cantidad de contenido
Responsivo significa hacer los elementos más pequeños según el dispositivo de visualización.
Verdadero, implica reducir dimensiones
Falso, implica reordenar elementos
Verdadero, se eliminan componentes
Falso, solo cambia tipografías
Los términos Adaptativo y Responsivo se pueden usar de manera indistinta porque significan lo mismo.
Verdadero, ambos son equivalentes
Falso, uno es solo para móviles
Verdadero, solo difieren en nombre
Falso, tienen enfoques distintos
A qué personaje corresponde las máscaras usadas por los "atracadores" en la serie "La casa de Papel"
Sakonji Urokodaki
Pablo Picasso
Salvador Dalí
Guy Fawkes
Identifica el enfoque que crea un único layout flexible que se ajusta a la resolución del dispositivo.
Diseño responsivo clásico
Diseño adaptativo múltiple
Diseño fijo centrado
Diseño híbrido estático
Selecciona el enfoque que aplica múltiples versiones de un mismo diseño según el dispositivo donde se visualizará.
Modelo responsivo único
Modelo adaptativo múltiple
Modelo fluido básico
Modelo estático fijo
Elige el ejemplo mencionado de diseño responsivo en plataformas conocidas.
YouTube
Wikipedia
¿A qué se refiere el término breakpoints en diseño responsivo?
Puntos de corte de contenido
Anchuras estándar de dispositivos
Momentos de carga de recursos
Secciones de navegación fija
El lema “Sufragio efectivo, no reelección” fue la bandera política de:
Francisco Villa
Plutarco E. Calles
Benito Juárez
Francisco I. Madero
Cuando se usa un diseño basado en columnas de ancho relativo al tamaño del dispositivo y cada elemento se ajusta al espacio de esas columnas, ¿qué enfoque se está utilizando principalmente?
Sistema de cuadrícula responsivo (Fluid)
Plantilla adaptativa fija
Estructura monolítica estática
Patrón de tarjetas aisladas
Comparando enfoques, ¿cuál sería una ventaja del diseño adaptativo frente al responsivo en términos de rendimiento?
Menos vistas especializadas
Recursos más ligeros por dispositivo
Mayor dependencia del servidor
Mayor complejidad en CSS
Método de diseño que ajusta diseños de tamaño grande hacia uno pequeño.
Graceful Degradation / Desktop-first
Progressive Advancement / Mobile-first
Atomic Design / Pattern-first
Adaptive Layout / Device-first
Método de diseño que ajusta diseños de tamaños pequeños hacia tamaños grandes.
Skeuomorphic Approach / UI-first
Graceful Degradation / Desktop-first
Progressive Advancement / Mobile-first
Fixed Grid / Canvas-first
¿Quién es el boxeador mexicano considerado El mejor de todos los tiempos, por el número de peleas ganadas?
Saúl "Canelo" Álvarez
Juan Manuel Márquez
Julio César Chávez
Ricardo "Finito" López
Relaciona resolución mínima con tipo de dispositivo: Móvil, Tablet, Desktop.
360px, 720px, 1440px
320px, 640px, 1024px
414px, 800px, 1366px
375px, 768px, 1280px
Para un diseño responsivo fluido se debe establecer una rejilla relativa. ¿Cuáles son los componentes de los grids?
Capas, tipografías y colores
Columnas, espaciado y márgenes
Bloques, iconos y botones
Areas, módulos y patrones
Las columnas de un grid deben establecerse en píxeles absolutos.
Falso, en porcentaje
Verdadero, en píxeles
Depende, en ems
Opcional, en rems
A la distancia entre columnas se le conoce con el término:
Interlineado
Padding interno
Gutter / espaciado
Separador visual
La distancia entre el contenido y el borde del dispositivo se conoce como:
Margen
Gutter
Padding
Sangría
Nombre de la poción que gana Harry Potter en su primera clase con el Prof. Slughorn
Multijugos
Veritaserum
Amortentia
Felix Felicis
Configuración recomendada de grid para celulares: ¿cuál es la correcta?
20px para gutter/margen y 6 columnas
12px para gutter/margen y 3 columnas
24px para gutter/margen y 5 columnas
16px para gutter/margen y 4 columnas
Configuración recomendada de grid para tabletas: ¿cuál es la correcta?
32px para gutter/margen y 6 columnas
24px para gutter/margen y 4 columnas
16px para gutter/margen y 8 columnas
40px para gutter/margen y 5 columnas
Selecciona el conjunto correcto de nombres de breakpoints usados en Canvas.
Phone, Tablet, Desktop
Small, Normal, Large
Tiny, Regular, Wide
Compact, Medium, Expanded
Según Canvas, en diseño responsivo, ¿qué significa el breakpoint "Compact" en una cuadrícula responsive?
Ancho reducido para pantallas pequeñas
Ancho óptimo para monitores medianos
Ancho ampliado para resoluciones altas
Altura mínima para orientación vertical
"Los peces son amigos, no comida", ¿Quién dice esta frase en "Buscando a Nemo"?
Bruce
Nemo
Dori
Marlin
¿Cuál es el propósito principal de definir breakpoints en un sistema de diseño?
Mejorar colores del tema
Ajustar layout según el ancho
Optimizar tiempos de carga
Añadir animaciones complejas
Cuando el viewport pasa de Medium a Expanded, ¿qué cambio es más probable en el layout?
Mayor número de columnas visibles
Menor tipografía en todo el sitio
Reducción de espaciado entre elementos
Ocultar navegación principal
En un sistema con tres breakpoints, ¿qué criterio es típico para decidir el breakpoint activo?
Número de interacciones por minuto
Memoria disponible del dispositivo
Ancho del viewport en píxeles
Versión del sistema operativo
Para componentes responsivos, ¿qué práctica ayuda a mantener coherencia entre Compact, Medium y Expanded?
Usar tokens de diseño escalables
Escribir CSS sin variables
Duplicar reglas para cada página
Evitar sistemas de grid por completo
Lugar en donde se encontraba el generador de escudo de la Estrella de la Muerte en el Episodio VI
Sistema Dagobah
Sistema Mustafar
Luna de Endor
Sólo George Lucas lo sabe
Si un dashboard se ve saturado en Compact, ¿qué decisión de diseño mejora la legibilidad?
Mantener igual número de columnas
Añadir más widgets en la misma vista
Incrementar el zoom del navegador
Priorizar contenido esencial y colapsar paneles
¿Qué riesgo implica definir breakpoints sin pruebas en dispositivos reales?
Comportamientos inconsistentes entre pantallas
Mejoras uniformes en accesibilidad
Rendimiento superior en móviles
Compatibilidad perfecta con navegadores
Al planificar contenidos para Medium, ¿qué enfoque equilibra información y espacio?
Usar tipografía muy pequeña en todo
Mostrar todo en una sola columna larga
Ocultar navegación y filtros críticos
Distribuir en dos columnas y agrupar módulos
En Expanded, ¿qué estrategia aprovecha la amplitud sin perder foco?
Introducir zonas de respiro y rejilla amplia
Forzar elementos centrados muy compactos
Eliminar márgenes para llenar la pantalla
Aumentar texto hasta ocupar todo el ancho
¿De dónde es la capital Estocolmo?
Estambul
Suecia
Nueva Zelanda
Grecia
