14 min
Se ler só uma coisa
O grito do layout — badges de oferta, balões, passos numerados.
Pontos-chave
Callouts e badges codifica valores como um rótulo contido que interrompe a ordem de leitura. Balões do Yellow Kid (1890); stickers burst de embalagens do século. Em relatorios, anuncios e trabalhos: promos, passos numerados, HQ, chips de UI. Evite quando se o badge repete o título, escolha um grito. Esta pagina reune anatomia, encaixe, oficio, falhas e receitas de trabalho, anuncios e escola para Callouts e badges.
Ir à seção
Anterior
Setas e conectores
Seguinte
Blocos de infográfico
Sistemas locais
BCP-47 + CSV pt-BR; CSV com ; e agrupamento 1.200.
Formato numérico O agrupamento 1.200 não é universal.
Download do studio SVG/PNG ficam no navegador; nada é enviado. Exemplos locais Veja a tabela local antes de importar CSV. Abra o studio depois do seletor. FAQ local O Make envia meu CSV? Não — o parse fica no navegador.
Por que CSV europeu quebra? Separadores e milhares diferem; veja a nota local no Make.
Termos locais
Seletor Escolha a forma antes do studio.
Make Transforme CSV/tabela num visual inicial.
Studio Editor no navegador — SVG/PNG local. Sistemas locais
BCP-47 + CSV pt-BR; CSV com ; e agrupamento 1.200.
Formato numérico O agrupamento 1.200 não é universal.
Download do studio SVG/PNG ficam no navegador; nada é enviado. Exemplos locais Veja a tabela local antes de importar CSV. Abra o studio depois do seletor. FAQ local O Make envia meu CSV? Não — o parse fica no navegador.
Por que CSV europeu quebra? Separadores e milhares diferem; veja a nota local no Make.
Termos locais
Seletor Escolha a forma antes do studio.
Make Transforme CSV/tabela num visual inicial.
Studio Editor no navegador — SVG/PNG local. Fontes Editorial atlas Locale pack Licensed media Instituições locais
Guia de contraste WCAG Linhas de base de acessibilidade para cor e texto.
Guias de estilo / kits de marca Paleta e tipografia podem sobrescrever defaults do estúdio.
Políticas de ética/divulgação de dados Notas de fonte e honestidade de truncamento são do publicador. Mitos vs fatos 3D sempre parece mais profissional → A distorção de perspectiva prejudica a comparação; o plano lê mais limpo. Mais tinta = mais insight → O chartjunk compete com o sinal dos dados. Exportar do estúdio não precisa de revisão → Sempre confira contraste, rótulos e fontes antes de publicar. FAQ avançada O estúdio substitui uma suíte de design completa? Não. É um espaço de ofício viz com defaults honestos.
As pontuações coroam o “melhor” gráfico? Não. São medidores editoriais de dimensões de ofício.
O estúdio garante passar WCAG? Não. Defaults ajudam; contraste e semântica finais exigem revisão.
Gráficos de pizza são sempre ruins? Muitas vezes mal usados com muitas categorias; conjuntos pequenos parte-todo ainda podem funcionar.
Lista de verificação
1 Escreva a pergunta que o viz deve responder.
2 Prefira encodings de posição/comprimento ao comparar.
3 Faça checagem de contraste antes de publicar.
4 Abra o estúdio cedo; itere marcas, não temas. Aviso importante Não é carimbo de conformidade. Cor, contraste e integridade ainda exigem revisão humana.
Profundidade editorial Medidores editoriais comparam clareza e utilidade, não troféus de “melhor gráfico”. Nas VS, pergunte qual encoding reduz mentiras sob sua forma de dados.
Fontes aprofundadas Gramática dos gráficos / encoding perceptual Documentação de contraste WCAG Notas de qualidade do estúdio viz Tool-Lifes Aviso importante Não é carimbo de conformidade. Cor, contraste e integridade ainda exigem revisão humana.
Para quem O grito do layout — badges de oferta, balões, passos numerados.
Imprimir esta pagina
Pontuacoes-chave Clareza 80 Persuasao 92 Densidade 24 Custo de oficio 20 Encaixe escolar 82 Encaixe laboral 70 Gráfico de barras Gráfico de linhas Pizza e rosca Gráfico de dispersão Como escolher um viz Escolha a forma — Comece pela pergunta, não por um template bonito.Codifique, depois decore — Posição e comprimento primeiro; tinta e efeitos depois.Verifique contraste — Defaults do estúdio ajudam, mas WCAG ainda é necessário antes de publicar.Abra o estúdio amplo — Use o espaço ampliado para iterar marcas sem lotar painéis.Ferramentas práticas Abrir estúdio viz
Próxima ferramenta Depois desta forma, abra Estúdio ou Seletor — rótulos sanitizados.
Usar esta página Escolha a forma — Comece pela pergunta, não por um template bonito. Codifique, depois decore — Posição e comprimento primeiro; tinta e efeitos depois. Verifique contraste — Defaults do estúdio ajudam, mas WCAG ainda é necessário antes de publicar.
01
Callouts e badges Callouts e badges codifica valores como um rótulo contido que interrompe a ordem de leitura. Balões do Yellow Kid (1890); stickers burst de embalagens do século.
Em relatorios, anuncios e trabalhos: promos, passos numerados, HQ, chips de UI. Evite quando se o badge repete o título, escolha um grito.
Esta pagina reune anatomia, encaixe, oficio, falhas e receitas de trabalho, anuncios e escola para Callouts e badges.
Como Callouts e badges aparece aqui
Excel ou Planilhas Google e PowerPoint partilham esta geometria. Uma tese por slide; exporte SVG ou PDF, nao uma captura.
Em Meta, Google e impressos, um numero e uma forma falam primeiro. Se Callouts e badges nao cabe num banner, fique com o numero e mostre o grafico na landing.
Em relatorios de laboratorio e cartazes, escolha a forma que responde a a rubrica. Eixos, unidades e uma linha de fonte e o que se corrige.
Forma Callouts e badges
Desde 1890s
Codifica um rótulo contido que…
Melhor para promos, passos numerados,…
Evitar se o badge repete o…
Estudio Formas
Sete capitulos Ideia
O grito do layout — badges de oferta, balões, passos numerados. Historia. promos, passos numerados, HQ, chips de UI.
Ler →
Anatomia
O grito do layout — badges de oferta, balões, passos numerados. Marca. promos, passos numerados, HQ, chips de UI.
Ler →
Quando
O grito do layout — badges de oferta, balões, passos numerados. Encaixe. promos, passos numerados, HQ, chips de UI.
Ler →
Ofício
O grito do layout — badges de oferta, balões, passos numerados. Regras. promos, passos numerados, HQ, chips de UI.
Ler →
Erros
O grito do layout — badges de oferta, balões, passos numerados. Falhas. promos, passos numerados, HQ, chips de UI.
Ler →
Estúdio
O grito do layout — badges de oferta, balões, passos numerados. Trabalho. promos, passos numerados, HQ, chips de UI.
Ler →
Ferramentas
O grito do layout — badges de oferta, balões, passos numerados. Software. promos, passos numerados, HQ, chips de UI.
Ler →
Perguntas frequentes Quando escolho Callouts e badges? Quando a historia e: promos, passos numerados, HQ, chips de UI.
Quando evitar? Em casos como: se o badge repete o título, escolha um grito.
Quem inventou ou popularizou? Balões do Yellow Kid (1890); stickers burst de embalagens do século
O que codifica? um rótulo contido que interrompe a ordem de leitura
Serve em anuncios? Sim se uma tese se ve de relance em Meta, Google e impressos; senao ligue para a figura completa.
Um professor aceita? Sim em relatorios de laboratorio e cartazes se houver eixos, unidades e uma linha de fonte.
Qual ferramenta? Excel ou Planilhas Google ou PowerPoint; exporte SVG/PDF.
Como manter acessivel? Nao dependa so da cor. Rotule diretamente e confira o cinza.
Estúdio →
Qual visual?
Comparar formas
Fazer um visual a partir de um arquivo