Resumindo
- As zonas seguras das redes sociais são as áreas de um design que a interface do próprio app nunca cobre, em qualquer celular.
- Num quadro vertical de 1080×1920, uma regra prática comum é manter o texto fora de cerca de 250 pixels do alto e 250 pixels da base de um story.
- Reels, TikTok e YouTube Shorts levam uma legenda ao longo da base e botões na lateral direita, então pedem uma margem inferior mais funda e também uma margem direita.
- Os banners têm suas próprias zonas cobertas: a foto de perfil sobrepõe a parte inferior esquerda dos cabeçalhos do LinkedIn e do X, e os celulares cortam as laterais das capas do Facebook.
- As interfaces mudam com as atualizações dos apps e variam entre celulares, então trate qualquer medida de zona segura como um guia generoso e confira postando em privado primeiro.
Nesta página
As zonas seguras das redes sociais são as partes de um post que nenhuma interface de app cobre. Nos formatos verticais, o perigo está no alto, onde ficam nomes e barras de progresso, na base, onde ficam legendas e campos de resposta, e, em Reels, TikTok e Shorts, na borda direita, onde correm os botões de curtir e compartilhar. Deixe o fundo preencher o quadro inteiro e mantenha cada palavra, logo e rosto dentro da área segura.
Zonas seguras para vídeo vertical e stories
Todos esses formatos compartilham o quadro de 1080×1920, mas as sobreposições diferem. As medidas abaixo são margens de trabalho, arredondadas para cima de propósito, tiradas de como cada app organiza sua interface e das orientações que as plataformas dão aos anunciantes. Não são medidas oficiais, e todo app muda as coisas entre versões e formatos de tela.
Alto
Base
Laterais
Alto
Base
Laterais
Alto
Base
Laterais
Base
Laterais
Alto
Base
Laterais
Alto
Base
Laterais
Se você lembrar de uma só regra, que seja esta: em qualquer vídeo vertical, mantenha o conteúdo importante dentro de uma caixa central de cerca de 800 pixels de largura e 1.150 de altura, começando a uns 250 pixels do topo. Essa caixa respeita todas as margens da tabela. Mais detalhes por plataforma estão em tamanho de story do Instagram, tamanho de capa do TikTok e tamanho de capa do YouTube Shorts.
Quadro inteiro 1080×1920
1080 × 1920
Seguro em todo app 800×1150
800 × 1150
Corte da grade 1080×1440
1080 × 1440
O que fica em cada zona
Saber o que cobre cada borda ajuda a decidir o que pode ficar perto dela. Fundos, texturas e a ponta de um gradiente podem ficar sob a interface. Palavras, preços, logos e rostos, não.
Alto e base de um story
- Barra de progresso e foto de perfil
- Nome da conta e hora da postagem
- Botões de fechar e de menu
- Campo de resposta e botão de compartilhar
- Stickers de link que você acrescenta no app
Base e direita de um Reel ou TikTok
- Legenda, que cresce quando tocada
- Nome da conta e botão de seguir
- Rótulo de áudio ou som
- Botões de curtir, comentar, compartilhar e salvar
- A própria barra de navegação do app
A legenda é a traiçoeira. Uma legenda curta ocupa duas linhas, mas quando o espectador a toca, ela se expande para cima sobre o vídeo. Se o seu texto fica baixo no quadro, uma legenda longa vai cobri-lo.
Palavras na caixa segura, mais ou menos no meio superior. Nada importante perto da base ou da direita.
Um layout de lista mantido à esquerda e ao centro, deixando livre a borda direita para os botões do app.
Zonas seguras em banners e cabeçalhos
Banners largos não têm botões por cima, mas têm outros dois problemas: uma foto de perfil que sobrepõe parte da imagem e cortes diferentes em celulares e desktops.
Tamanho
Mantenha livre
Tamanho
Mantenha livre
Tamanho
Mantenha livre
Tamanho
Mantenha livre
Tamanho
Mantenha livre
O YouTube é o caso extremo: a arte do canal é uma imagem enorme de 2560×1440, mas os celulares mostram só uma faixa estreita do meio. Nossos guias do banner do LinkedIn e do banner do YouTube mapeiam as áreas exatas.
Posts de feed e miniaturas também têm zonas seguras
- Grade de perfil do Instagram: os posts aparecem como blocos 3:4 cortados do centro. Um post de 1080×1350 perde uma lasca de cada lado; a capa de um Reel perde cerca de 240 pixels em cima e embaixo. Veja o corte da grade do Instagram.
- Miniaturas do YouTube: a duração do vídeo fica no canto inferior direito, então mantenha rostos e palavras fora dele.
- Carrosséis: os pontos ficam logo abaixo da imagem, mas alguns apps sobrepõem um contador de slides no canto superior direito.
- Pins do Pinterest: os botões de salvar e o título do pin aparecem ao passar o mouse e abaixo do pin, então deixe a borda inferior calma.
Como embutir as zonas seguras no seu fluxo de trabalho
- 1
Faça uma camada-guia uma vez
Em cada template, desenhe a caixa segura como uma camada-guia travada. Deixe-a visível enquanto cria e oculte-a antes de exportar.
- 2
Crie para a plataforma mais exigente
Se um design vertical vai para Stories, Reels e TikTok, use as margens do TikTok. Assim ele é seguro em todo lugar.
- 3
Deixe o fundo sangrar
As zonas cobertas ainda mostram seu fundo. Leve cor e textura até todas as bordas para o quadro nunca parecer encaixotado.
- 4
Deixe uma folga para o sticker
Se você vai acrescentar um sticker de link ou de enquete no app, deixe uma área vazia no meio inferior da caixa segura.
- 5
Veja a prévia com a interface ligada
Poste para um público privado ou de melhores amigos, ou salve um rascunho e veja em tela cheia. É a única verificação de verdade.
O Gradiently ajuda em duas frentes. Quando você redimensiona um design para outros formatos com o Pro, cada cópia é diagramada de novo para a sua forma em vez de cortada, e você só ajusta as palavras para dentro da caixa segura. O Mark por trás preenche o quadro inteiro, zonas da interface incluídas, e mantém sua área mais calma e de melhor contraste atrás das palavras onde quer que elas se movam. O texto sobre gradiente trata do lado da legibilidade em detalhe.
Perguntas frequentes
O que são zonas seguras das redes sociais?
São as partes de um post que nenhuma interface de app cobre. Texto, logos e rostos pertencem a elas; os fundos podem passar além.
Qual é a zona segura dos Reels do Instagram?
Como regra prática num quadro de 1080×1920, mantenha o texto fora dos 250 pixels de cima, dos 420 pixels de baixo e dos 120 pixels da direita, onde ficam a legenda e os botões.
Qual é a zona segura do TikTok?
O TikTok cobre a base com a legenda e o rótulo do som e a direita com seus botões. Manter o texto fora de cerca de 480 pixels da base e 140 da direita de um quadro de 1080×1920 é um guia seguro.
Existe uma zona segura que funcione em todas as plataformas verticais?
Mais ou menos. Uma caixa central de cerca de 800 pixels de largura e 1.150 de altura, começando a uns 250 pixels do topo de um quadro de 1080×1920, fica livre em Stories, Reels, TikTok e Shorts.
As zonas seguras mudam?
Mudam. Os apps redesenham suas interfaces e os celulares têm formas diferentes, então trate as medidas como guias generosos e veja a prévia de cada post com a interface à mostra.
Escrito pelo Gradiently
A equipe por trás do Gradiently, uma ferramenta de design criada em torno dos Marks: gradientes vivos que fazem tudo o que você cria ter a sua cara.
Ver nosso perfil