A legenda mais bem escrita do mundo n\u00e3o \u00e9 lida se a imagem n\u00e3o segurar o polegar. No feed, a decis\u00e3o de parar acontece antes de qualquer palavra, e ela \u00e9 tomada em uma fra\u00e7\u00e3o de segundo com base s\u00f3 na arte. Para quem publica conte\u00fado de blog, isso cria um problema pr\u00e1tico: escrever bem j\u00e1 custa tempo, e desenhar um card por artigo custa outro tanto. A sa\u00edda n\u00e3o \u00e9 desenhar mais r\u00e1pido, \u00e9 desenhar uma vez s\u00f3.<\/p>\n
Um card de conte\u00fado tem tr\u00eas trabalhos. Parar a rolagem, o que depende de contraste e de composi\u00e7\u00e3o. Dizer sobre o que \u00e9, o que depende do t\u00edtulo estar leg\u00edvel em tela pequena. E identificar quem publicou, o que depende de a marca aparecer sem ocupar o centro. Um card que resolve os tr\u00eas \u00e9 melhor do que um card bonito que resolve s\u00f3 o primeiro.<\/p>\n
O erro mais comum \u00e9 pular essa etapa e publicar a imagem destacada do artigo direto no feed. Ela foi escolhida para funcionar no topo de uma p\u00e1gina larga, com o t\u00edtulo em HTML logo acima. Sozinha, num quadrado pequeno, ela n\u00e3o diz nada.<\/p>\n
A documenta\u00e7\u00e3o da Meta define a faixa aceita para imagem de feed publicada por API: propor\u00e7\u00e3o entre 4:5 e 1.91:1, com largura entre 320 e 1440 pixels. Fora dessa faixa a publica\u00e7\u00e3o \u00e9 recusada; dentro dela, imagens mais largas que 1440 s\u00e3o reduzidas. O formato 4:5 \u00e9 o que ocupa mais altura de tela e por isso costuma render mais aten\u00e7\u00e3o do que o quadrado.<\/p>\n
O story usa 9:16, e a diferen\u00e7a n\u00e3o \u00e9 s\u00f3 de propor\u00e7\u00e3o. Ele \u00e9 uma tela inteira com interface por cima, ent\u00e3o o desenho precisa considerar o que fica coberto.<\/p>\n
No story, a faixa de cima carrega a foto do perfil, o nome e a barra de progresso; a de baixo carrega o campo de resposta e o indicador de deslizar. Qualquer texto colocado nessas faixas fica sob um elemento da interface em parte dos aparelhos. Como as alturas variam entre modelos e mudam com atualiza\u00e7\u00f5es do aplicativo, o h\u00e1bito seguro \u00e9 manter o conte\u00fado essencial no miolo vertical e usar as bordas apenas para fundo.<\/p>\n
No feed a interface interfere menos, mas a pr\u00e9via da grade do perfil recorta a imagem no centro. T\u00edtulo encostado na borda inferior de um card 4:5 some quando algu\u00e9m abre o perfil, e \u00e9 assim que uma arte perfeita no post fica ileg\u00edvel na vis\u00e3o de grade.<\/p>\n
Um template resolve as tr\u00eas decis\u00f5es dif\u00edceis uma vez s\u00f3: onde o t\u00edtulo fica, qual o tamanho m\u00ednimo da fonte, quanto espa\u00e7o a marca ocupa. Depois disso, cada artigo novo \u00e9 preenchimento, n\u00e3o cria\u00e7\u00e3o. O ganho de tempo \u00e9 evidente, mas o ganho de consist\u00eancia \u00e9 maior: uma sequ\u00eancia de cards com a mesma estrutura constr\u00f3i reconhecimento visual, e reconhecimento visual \u00e9 o que faz algu\u00e9m parar antes de ler o nome do perfil.<\/p>\n
O template tamb\u00e9m protege contra o pior defeito do card manual, que \u00e9 o t\u00edtulo comprido. Feito \u00e0 m\u00e3o, algu\u00e9m reduz a fonte at\u00e9 caber e o resultado fica ileg\u00edvel no celular. Gerado por regra, o sistema quebra a linha, ajusta dentro de um m\u00ednimo definido e mant\u00e9m a leitura poss\u00edvel.<\/p>\n