Tarjetas

Las tarjetas pueden contener una amplia variedad de información, como texto, íconos, imágenes, respuestas de Gemini o acciones.

Principios

Coherentes: Las tarjetas agrupan información y acciones relacionadas en una sola unidad fácil de comprender.

Claridad: Presentan el contenido de forma clara y organizada, lo que mejora la capacidad de lectura rápida.

Versátiles: Las tarjetas pueden adaptarse para mostrar una amplia variedad de contenido, desde textos breves hasta resúmenes más complejos con varios elementos.

Modular: Está diseñado para ser modular y reutilizable en diferentes partes de la interfaz de Jetpack Compose Glimmer para Glasses.

Uso y posición

Las tarjetas pueden contener una amplia variedad de información, como texto, íconos, imágenes, acciones o respuestas de Gemini.

Usa las plantillas de tarjetas de Glimmer de Jetpack Compose para el contenido, ya que vienen en muchas variaciones y están optimizadas para seguir los principios de diseño de los lentes de inmediato.

check_circle

Qué debes hacer

Mantén el contenido conciso y ten en cuenta las prácticas recomendadas de estilo, como el uso del color.

cancel

Qué no debes hacer

Sobrecargar a los usuarios con demasiado contenido en las tarjetas o abandonar los lineamientos de estilo

Anatomía

Las tarjetas se compilan con plantillas de ranuras predefinidas.

1. Encabezado: Es la sección superior de la tarjeta, diseñada para contener una imagen. 

2. Título y subtítulo: Estos campos de texto proporcionan las etiquetas principal y secundaria de la tarjeta. 

3. Ícono principal: Es un ícono opcional que aparece al principio del área de contenido de la tarjeta.

4. Ícono final: Es un ícono opcional que aparece al final del área de contenido de la tarjeta.

5. Acción: Es un espacio para un elemento interactivo principal, como un botón. Esto permite que los usuarios realicen una acción directamente desde la tarjeta. La ranura está disponible en una sobrecarga independiente del elemento componible Card. 

6. Contenido principal: Es el cuerpo central de la tarjeta, donde colocas el texto principal o cualquier otro contenido.

Enfoque

En el caso de las tarjetas cuyo propósito principal es alojar un elemento interactivo específico (como el botón de la acción), el enfoque debe dirigirse directamente a ese elemento, no al contenedor de la tarjeta. Una tarjeta se puede enfocar cuando representa un elemento único y navegable, como una entrada en una lista. Esto proporciona una experiencia del usuario más directa y accesible.

Una tarjeta que tiene el enfoque como un elemento de lista.

Se enfoca un botón dentro de una tarjeta como el elemento interactivo.

Personalización