Diseño
Convierte márgenes sueltos en una escala de espaciado
Cuando una interfaz acumula separaciones de 13, 18 o 27 píxeles, una escala corta ayuda a decidir más rápido y deja visibles las excepciones reales.
Archivo
Diseño de interfaces
Decisiones visuales y de interacción aplicadas a productos y servicios digitales.
5 artículos
Diseño
Controla el foco al abrir y cerrar un diálogo modal
Un modal accesible mueve el foco dentro, lo mantiene entre sus controles y lo devuelve al botón que lo abrió. Ese recorrido evita que el teclado acabe bajo la capa.
Diseño
Equilibra los saltos de un titular con text-wrap: balance
Un salto manual puede arreglar un titular en escritorio y romperlo en móvil. Esta guía explica cuándo usar text-wrap: balance y cómo probarlo.
Diseño
Reserva espacio para que las imágenes no desplacen el texto
Un método breve para evitar saltos de diseño: declarar las dimensiones de cada imagen, fijar la proporción de los contenedores y probar la carga con una red lenta.
Diseño
Contraste en interfaces: qué medir además del texto
Una guía para revisar texto, controles, estados y señales de color sin dar por resuelto el contraste de una interfaz con un único ratio.