Recursos / Ideas sobre IA / Glosario
Diseño web e interfaces
Explicaciones sencillas de los componentes y decisiones visuales de sitios web y apps.
34 definiciones sencillas para quienes empiezan.
Accesibilidad
La accesibilidad permite que personas con distintas capacidades y necesidades puedan usar un producto.
Leer la definiciónEstado activo
El estado activo muestra el elemento que alguien está pulsando o usando ahora.
Leer la definiciónAnimación
La animación cambia el aspecto de un elemento con el tiempo para mostrar movimiento o cambio.
Leer la definiciónIcono de app
Un icono de app es la imagen que permite reconocerla y abrirla.
Leer la definiciónDesenfoque del fondo
El desenfoque del fondo suaviza lo que hay detrás de un panel translúcido.
Leer la definiciónRadio del borde
El radio del borde controla cuánto se redondean las esquinas de un cuadro.
Leer la definiciónModelo de caja
El modelo de caja describe el espacio que ocupan un elemento y sus bordes en una página.
Leer la definiciónBotón
Un botón es un control que se pulsa para realizar una acción.
Leer la definiciónTarjeta
Una tarjeta agrupa una pequeña cantidad de información relacionada en un recuadro.
Leer la definiciónCuadrícula de tarjetas
Una cuadrícula de tarjetas presenta elementos relacionados en filas y columnas.
Leer la definiciónSelector de color
Un selector de color ayuda a elegir un color.
Leer la definiciónContraste
El contraste es la diferencia visible entre colores o elementos cercanos.
Leer la definiciónModo oscuro
El modo oscuro utiliza fondos oscuros y texto más claro en la interfaz.
Leer la definiciónToken de diseño
Un token de diseño es un valor con nombre que se reutiliza para decisiones como el color, el espaciado o el tamaño del texto.
Leer la definiciónFlexbox
Flexbox organiza elementos en una fila o columna y distribuye el espacio disponible.
Leer la definiciónEstado de foco
El estado de foco indica qué control responderá al teclado.
Leer la definiciónCSS Grid
CSS Grid organiza elementos de una página en filas y columnas.
Leer la definiciónIcono
Un icono es una imagen pequeña que representa una acción o una idea.
Leer la definiciónCampo de entrada
Un campo de entrada es un espacio de la pantalla para introducir información.
Leer la definiciónEnlace
Un enlace te lleva a otra página, lugar o información.
Leer la definiciónMargen
El margen es el espacio exterior que separa un elemento de lo que lo rodea.
Leer la definiciónMenú
Un menú agrupa opciones para encontrar páginas o acciones.
Leer la definiciónVentana modal
Una ventana modal pide atender un mensaje o decisión antes de continuar.
Leer la definiciónBarra de navegación
Una barra de navegación agrupa enlaces a las partes importantes de un sitio.
Leer la definiciónDiseño adaptable
El diseño adaptable permite que un sitio web se ajuste a distintos tamaños de pantalla.
Leer la definiciónHTML semántico
El HTML semántico usa elementos que describen para qué sirve cada parte de una página web.
Leer la definiciónBauhaus
La Bauhaus fue una escuela y un movimiento de diseño que unió arte, artesanía y utilidad.
Leer la definiciónNeobrutalismo
El neobrutalismo es un estilo visual llamativo con contornos marcados, formas simples y mucho contraste.
Leer la definiciónInterfaz oscura
Una interfaz oscura usa fondos oscuros en las partes principales.
Leer la definiciónEstética de terminal
La estética de terminal hace que una página parezca inspirada en terminales de texto.
Leer la definiciónDiseño Y2K
El diseño Y2K es una estética retrofuturista asociada con finales de los años noventa y principios de los dos mil.
Leer la definiciónTipografía
La tipografía es la forma en que las palabras se ven y se leen en una página.
Leer la definiciónJerarquía visual
La jerarquía visual dirige primero la mirada hacia las partes más importantes de una página.
Leer la definiciónWireframe
Un wireframe es un esquema sencillo de una página o pantalla de una aplicación.
Leer la definición