Cartão básico

Use cartões básicos (também chamados de cartões de entidade) para exibir uma imagem e um texto aos usuários.

Veja um exemplo de cartão básico quando todos os campos obrigatórios e opcionais são preenchidos.

Requisitos

No momento, esse componente visual é compatível com personalização.

Nome do campo Obrigatório? Restrições/personalizações
Imagem de primeiro plano Sim, obrigatório se não houver descrição
  • Máximo de 1 imagem em primeiro plano.
  • A largura e a altura variam de acordo com a tela. Se a proporção da imagem for diferente da da tela, ela será centralizada com barras na parte superior ou lateral.
  • A origem da imagem é um URL. Se um link de imagem estiver corrompido, uma imagem de marcador será usada.
  • Forma de imagem personalizável (cantos angulares ou arredondados).
  • GIFs são permitidos.
  • O texto alternativo é necessário para a acessibilidade.
Plano de fundo do cartão Não
  • Imagem ou cor personalizável.
Title Não
  • Família de cores personalizável.
  • É recomendado usar no máximo 1 linha.
  • A altura do card será recolhida se nenhum título for especificado.
Subtitle Não
  • Texto simples. Fonte e tamanho fixos.
  • É recomendado usar no máximo 1 linha.
  • A altura do card será recolhida se nenhuma legenda for especificada.
Descrição

(também chamado de corpo ou texto formatado)

 Sim, obrigatório se não houver imagem
  • Texto simples por padrão. Fonte e tamanho fixos.
  • Negrito, itálico e novas linhas disponíveis por meio de um subconjunto limitado de marcações.
  • Máximo de 10 linhas com uma imagem. Isso tem cerca de 500 caracteres, dependendo da tela. Caracteres adicionais serão cortados.
  • Máximo de 15 linhas sem imagem. Isso tem cerca de 750 caracteres, dependendo da tela. Caracteres adicionais serão cortados.
Link de ação Não
  • 1 link pode ser especificado no final de um cartão de texto.
  • Os links podem levar diretamente a páginas da Web ou gerar outros componentes visuais para avançar a caixa de diálogo. Elas também podem ser links diretos para apps.
  • O título do link é obrigatório e não pode ser enganoso. Isso é verificado durante o processo de aprovação.

Orientação

Os cartões básicos são usados para descrever entidades (ou seja, tópicos como pessoas, lugares ou coisas). Eles são mais úteis quando um formato de resposta de "estilo de definição" é necessário. Use-as para resumir informações ou fornecer informações adicionais e relevantes ao usuário.

O que fazer:

Resuma elementos como detalhes de eventos usando um cartão básico. Isso permite que os usuários verifiquem rapidamente as informações desejadas.

O que não fazer:

É menos eficiente apresentar informações, como detalhes do evento, nas solicitações.

O que fazer:

Use as solicitações faladas e de exibição para dar a resposta específica para a pergunta direcionada do usuário (neste exemplo, 11h30). Use o visual para ver detalhes relacionados.

O que não fazer:

Evite redundância entre a solicitação falada, a solicitação de exibição e os recursos visuais.

O que fazer:

Às vezes, uma imagem é a melhor maneira de transmitir informações ao usuário.

O que não fazer:

Embora a descrição seja boa, uma foto seria melhor.

Anterior
Personalização
Próxima
Navegação no carrossel