Resumindo
- Crie painéis da Twitch em 640×320 pixels, um quadro 2:1 que a Twitch exibe com 320 pixels de largura.
- Criar com o dobro da largura de exibição mantém o texto do painel nítido em telas de celular e notebook de alta densidade.
- Os painéis da Twitch ficam na seção Sobre, abaixo do player de vídeo, e cada um pode ter imagem, link e uma descrição escrita.
- Um conjunto de painéis parece um só design quando todos compartilham o mesmo fundo, a mesma fonte, a mesma posição de rótulo e as mesmas margens.
- Mantenha os rótulos com uma ou duas palavras, porque a imagem tem mais ou menos o tamanho de uma miniatura na página.
Nesta página
O tamanho de painel da Twitch para criar é 640×320 pixels, um quadro 2:1. A Twitch exibe os painéis com 320 pixels de largura na seção Sobre, abaixo da sua live, então um design de 640 pixels é desenhado em dobro de resolução e fica nítido em telas de alta definição. Trate cada painel como um título com rótulo, uma ou duas palavras como Sobre ou Agenda, e coloque o detalhe no texto de descrição do painel, que a Twitch mostra embaixo e continua legível em qualquer tamanho.
Dimensões dos painéis da Twitch
Valor
Valor
Valor
Valor
Valor
Os painéis dividem o canal com duas peças maiores de arte: o banner do perfil no topo e a tela offline dentro do player. Lado a lado, o painel é minúsculo. Esse único fato decide a maior parte das escolhas de design a seguir.
Painel 640×320
640 × 320
Banner do perfil 1200×480
1200 × 480
Tela offline 1920×1080
1920 × 1080
Planeje o conjunto de painéis antes de criar um
A maioria dos canais precisa de quatro a oito painéis. Escreva a lista primeiro e depois crie todos de uma vez, para que compartilhem cada decisão. Quem rola a página deve ver uma fileira de blocos iguais, como um bom cardápio usa a mesma fonte em todos os títulos.
O que vai na descrição
O que vai na descrição
O que vai na descrição
Rótulo da imagem
O que vai na descrição
O que vai na descrição
O que vai na descrição
O que vai na descrição
Deixar o detalhe fora da imagem tem uma segunda vantagem: quando sua agenda muda, você edita uma linha de texto em vez de refazer uma imagem. Use o campo de link do painel para tudo que for clicável, como o convite do Discord, para que a imagem inteira vire o botão.
Como deixar os painéis da Twitch consistentes
O painel Sobre: uma palavra, centralizada, sobre o fundo do canal.
O painel Agenda: mesmo fundo, mesma fonte, mesma posição. Só a palavra muda.
A consistência vem de fixar quatro coisas e mudar só uma. Fixe o fundo, a fonte, a posição do rótulo e as margens; mude apenas a palavra. Se quiser variedade, desloque de painel em painel onde a luz cai no fundo, mas mantenha as cores de uma só família para que a fileira ainda se leia como um conjunto.
Parece um mural de avisos
- Uma cor diferente em cada painel
- Rótulos alinhados à esquerda em um e centralizados no seguinte
- Um tamanho de fonte diferente conforme o tamanho da palavra
- Horários da agenda digitados na imagem
- Ícones de três conjuntos diferentes
Parece um conjunto
- Uma família de fundo em todos os painéis
- O rótulo na mesma posição sempre
- Um tamanho de fonte, escolhido para caber o rótulo mais longo
- Horários na descrição, fáceis de atualizar
- Um estilo de ícone, ou nenhum ícone
Dimensione a fonte pelo rótulo mais longo, não pelo mais curto. Se Comunidade cabe em determinado tamanho, use esse tamanho em todos os outros rótulos, mesmo que Sobre pudesse ser maior. Tamanhos iguais fazem a fileira parecer intencional.
Tamanho do texto em um painel da Twitch
Na página, um painel de 640×320 vira 320×160, então cada letra encolhe pela metade. Como regra prática, use rótulos em maiúsculas com pelo menos 60 pixels de altura no design de 640 pixels, o que dá cerca de 30 pixels na tela. Deixe uns 40 pixels livres em cada borda, para nenhum rótulo parecer espremido contra o limite do painel.
- Use um peso negrito ou pesado: traços finos se quebram quando reduzidos à metade. Fontes em negrito tem opções que aguentam tamanhos pequenos.
- Fique em uma ou duas palavras por painel. Uma frase em uma imagem é uma frase que ninguém lê.
- Confira o contraste em todo o rótulo, não só no meio. Os gradientes mudam atrás das letras, como explica texto sobre gradiente.
- Evite contornos e sombras para salvar um contraste fraco. Escolha uma parte mais calma do fundo.
Antes de enviar, reduza o design para 320 pixels de largura na sua tela e olhe a um braço de distância. Se algum rótulo exigir esforço para ler, ele está pequeno demais ou com pouco contraste.
Faça os painéis combinarem com o resto do canal
Os painéis funcionam melhor quando parecem parte do seu overlay, da tela offline e do banner do perfil. Use o mesmo fundo e a mesma tipografia em todos, o que identidade visual para streamers da Twitch cobre por inteiro, e veja telas offline da Twitch e fundos para live para as peças maiores.
- 1
Escolha um fundo
Escolha a cor ou o material que vai correr por overlay, banner, tela offline e painéis.
- 2
Crie um painel mestre
Defina o rótulo mais longo em 640×320, decida tamanho, posição e margens, e pare por aí.
- 3
Duplique para cada rótulo
Mude só a palavra. Resista a ajustar qualquer outra coisa painel por painel.
- 4
Exporte em PNG
O PNG mantém cores chapadas e letras limpas, onde um JPG comprimido pode borrar as bordas das letras.
- 5
Adicione os painéis por ordem de importância
Ative Editar painéis sob a sua live, envie cada imagem, defina o link e escreva a descrição. Sobre e Agenda vêm primeiro.
O passo três é onde os conjuntos feitos à mão se desencontram. No Gradiently Pro, você pode colocar os rótulos em uma planilha e usar a criação em lote para fazer cada painel a partir de uma página, de uma só vez, sem que nada se mova entre eles, e o mesmo Mark segue para a tela offline e o banner nos tamanhos próprios. O mesmo método serve para qualquer série, como mostra o guia de criação em lote.
Perguntas frequentes
Qual o tamanho dos painéis da Twitch?
Crie em 640×320 pixels. A Twitch exibe os painéis com 320 pixels de largura, então isso dá uma imagem nítida em dobro de resolução.
Os painéis da Twitch podem ser mais altos que 320 pixels?
Sim, a Twitch aceita imagens de painel mais altas, mas uma altura 2:1 constante mantém a fileira organizada. Coloque informações longas na descrição, não em uma imagem alta.
Onde os painéis da Twitch aparecem?
Na seção Sobre do seu canal, abaixo do player de vídeo. Ative Editar painéis ali para adicionar, reordenar ou remover.
Devo colocar minha agenda na imagem do painel?
Coloque a palavra Agenda na imagem e os dias e horários na descrição. O texto da descrição é fácil de atualizar e legível em qualquer tela.
Quantos painéis da Twitch devo ter?
De quatro a oito atende à maioria dos canais: Sobre, Agenda, Regras, Discord, Redes e talvez Setup ou Apoio.
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