Cíñete a la forma del contenido real
Utilice el esqueleto para conocer la estructura del contenido; No implica que haya datos disponibles.
esqueleto Sistema de diseño
Indica el contenido próximo sin que el diseño salte.
Contenido de la lista
Progreso de la revisión
01
Estructura y significado
Comparar información y presentación en contexto de uso.
02
Interacción y usabilidad
Pruebe la operación, cambie el estado y continúe trabajando.
El progreso se guarda automáticamente en este navegador.
GUÍA
Cómo revisar
EJEMPLOS
Ejemplos de uso
Cíñete a la forma del contenido real
La tarjeta de resultados de carga tiene un área de imagen, un título y dos líneas de descripción.
Variantes y casos de uso
El marco es fiel a la estructura real.
Marcador de posición según el área de la imagen y el texto que está a punto de aparecer para que el contenido de reemplazo no haga que el diseño salte.
Compare los marcos de espera con datos reales con encabezados largos; La altura principal se mantiene estable.
Ejemplo Las tarjetas con imágenes tienen la misma área cuadrada y pie de página del autor que la tarjeta cargada.
Nombre para mostrarActivoForma por tipo de datos
Elija círculos, bloques de texto o fotos por función, no use un bloque grande para todo.
Pruebe listados con avatares y fotos; Los espectadores pueden adivinar qué contenido está a punto de aparecer.
Ejemplo El avatar en espera tiene un marco redondo, el título tiene una línea corta y la imagen tiene un marco cuadrado.