O Designer: crie layouts personalizados para sua tela

O Designer

Com o Screenbird Designer, você cria layouts totalmente personalizados para suas telas de digital signage. Combine texto, imagens, formas, vídeos e aplicativos dinâmicos em um editor visual. Nenhuma experiência em design necessária.

Criar um design

  1. Vá para Content na barra lateral.
  2. Clique em Criar design.
  3. Escolha um tamanho de canvas: HD horizontal (1920x1080), HD vertical (1080x1920), 4K horizontal (3840x2160), 4K vertical (2160x3840) ou um tamanho personalizado.
  4. Opcional: comece com um template (tela de informações, tela de boas-vindas, cardápio) ou com um canvas em branco.
  5. Adicione elementos, personalize-os e salve.

Adicionar elementos

Você pode adicionar os seguintes elementos ao seu design:

Texto

Adicione campos de texto com controle total sobre fonte, tamanho, cor, alinhamento, altura da linha e espaçamento de letras. Escolha entre fontes do sistema ou faça upload de suas próprias fontes através da biblioteca de arquivos.

Imagens

Arraste imagens de sua biblioteca de mídia ou escolha na biblioteca de fotos de stock integrada (Pexels). As imagens suportam cantos arredondados, transparência e rotação.

Formas

  • Retângulo (com raio de canto ajustável para cantos arredondados)
  • Círculo
  • Triângulo
  • Linha
  • Seta

Todas as formas suportam cor sólida ou degradê como preenchimento, contorno e transparência.

Vídeo

Adicione um vídeo ao seu design através de uma URL. O vídeo será reproduzido quando o design for exibido em uma tela.

Apps

Adicione aplicativos dinâmicos ao seu design, como relógio, previsão do tempo, ticker de notícias, vídeo do YouTube, feed de redes sociais ou apresentação do Google Slides. Todos os 40+ aplicativos do Screenbird estão disponíveis. O app é exibido ao vivo na tela, diretamente em seu design.

Canvas e fundo

  • Tipo de fundo - Escolha entre cor sólida, degradê (duas cores com ângulo ajustável) ou imagem através de um controle segmentado
  • Imagem de fundo - Faça upload de uma imagem como fundo (exibição: preencher, conter ou esticar)
  • Grade - Ative a grade para alinhamento preciso
  • Réguas - Réguas em pixels ao longo da borda superior e esquerda do canvas

Editar elementos

Posição e tamanho

Mova elementos arrastando ou insira coordenadas X/Y exatas. Ajuste largura e altura ou dimensione proporcionalmente.

Alinhamento

Alinhe vários elementos selecionados: esquerda, centro, direita, topo, meio ou inferior. Com três ou mais elementos, você também pode distribuí-los uniformemente.

Camadas

Cada elemento tem uma posição de camada. Use o painel de camadas à direita para reorganizar, ocultar ou bloquear elementos. Elementos bloqueados não podem ser movidos acidentalmente.

Agrupar

Selecione vários elementos e agrupe-os para mover e dimensionar como um todo.

Atalhos de teclado

  • Ctrl+Z - Desfazer
  • Ctrl+Y - Refazer
  • Ctrl+C / Ctrl+V - Copiar / Colar
  • Delete - Excluir
  • Setas de direção - Mover elemento 1px
  • Shift + setas de direção - Mover elemento 10px
  • Ctrl+S - Salvar
  • Barra de espaço - Deslocar canvas

AI Designer

O AI Designer é uma barra lateral de chat que você abre através do ícone de IA no canto inferior direito do canvas. Descreva em um prompt o que você quer (por exemplo, "crie uma tela de boas-vindas com nosso logo e o texto Bem-vindo") e a IA gera um design completo. Você pode refinar o resultado com mensagens subsequentes, como uma conversa. A IA ajusta cores, textos, posições e elementos com base em seu feedback.

Visualizar exemplo

Clique no botão de reprodução na barra de ferramentas para visualizar seu design. A visualização é reproduzida inline no canvas (animações e vídeos são reproduzidos no local), sem modo de tela cheia.

Enviar design para sua tela

Quando seu design estiver pronto, você pode enviá-lo para sua tela de duas formas:

  1. Enviar diretamente - Clique no botão Enviar para tela na editor e selecione uma ou várias telas.
  2. Via playlist - Adicione o design a uma playlist e agende-o através de um cronograma.

Dicas

  • Use templates como ponto de partida e personalize-os com seu próprio texto, cores e logo.
  • Combine uma imagem de fundo com formas e texto semi-transparentes para resultados profissionais.
  • Adicione um relógio dinâmico ou previsão do tempo ao seu design para mantê-lo dinâmico.
  • Use alinhamento e distribuição para posicionar elementos com precisão.
  • O design é salvo automaticamente conforme você trabalha.

© screenbird.app