Criar um design no Designer

Você cria um design em Arquivos: clique em Novo, escolha Novo design, dê um nome ao design, defina a orientação e a resolução, escolha um modelo ou Design em branco e clique em Criar design. O Designer abre em seguida. A partir daí, o design é um item de conteúdo como qualquer outro: você envia para uma tela, coloca em uma playlist ou agenda em uma programação.

Criar um design

  1. Vá em Arquivos e clique em Novo.
  2. Escolha Novo design.
  3. Preencha o campo Nome do design.
  4. Em Orientação, escolha entre Paisagem e Retrato.
  5. Em Resolução, escolha entre Full HD (1920x1080) e 4K (3840x2160). Só escolha 4K se as suas telas forem 4K: a renderização pesa mais em hardware simples.
  6. Escolha um modelo na grade ou clique em Design em branco. Use o campo de busca e os filtros para encontrar um modelo mais rápido.
  7. Clique em Criar design.

Novo design só aparece no menu do computador, não no celular.

Modelos

A grade traz mais de 250 modelos profissionais para 11 setores, entre eles gastronomia, varejo, saúde, escritório, educação e imóveis. Cada modelo tem uma variante em paisagem e uma em retrato. A que você recebe depende da orientação que escolheu.

Pesquise por nome ou palavra-chave, filtre por setor nos botões acima da grade e use Filtros para filtrar por utilização, objetivo, estilo, cor, claro ou escuro e foto. Um modelo abre com textos e fotos de exemplo, que você troca pelos seus. Para trocar de modelo mais tarde, use Modelos na barra da esquerda; se o canvas já tiver conteúdo, o Designer pede a sua confirmação antes de substituí-lo.

Veja também Encontrar um modelo.

Adicionar elementos

A barra da esquerda do Designer tem:

  • Texto: escolha entre Título, Subtítulo e Corpo de texto. Cada um assume a fonte correspondente da identidade da marca.
  • Formas: Retângulo, Retângulo arredondado, Círculo, Triângulo, Linha e Seta. Mais abaixo há uma biblioteca com Ondas, Bordas rasgadas, Manchas, Selos, Brilhos, Molduras e Separadores.
  • Ícones: milhares de ícones em várias espessuras, além do conjunto Pictogramas. Pesquise no seu idioma, por exemplo "café", ou navegue por categoria. Todo ícone assume a cor que você escolher.
  • QR: um código QR com cores e estilo personalizados.
  • Conteúdo: uma imagem ou um vídeo dos seus arquivos, uma imagem do banco de imagens ou um arquivo enviado do seu computador.
  • Playlist: uma playlist como elemento dentro do design.
  • Apps: oito elementos de app, que são Relógio, Clima, Contagem regressiva, Quadro de avisos, Letreiro, Notícias, Site e Cronômetro.
  • Dados: valores de um arquivo do Excel Online ou do Planilhas Google, vinculados a um texto para que suas telas fiquem sempre atualizadas. Veja Mostrar dados do Excel ou do Planilhas Google em um design.
  • Marca: o seu logo (também em branco, em preto ou em uma das cores da marca), as cores da marca e os estilos de texto da identidade da marca. Clique em uma cor da marca para aplicá-la ao elemento selecionado. Ainda não definiu a sua marca? Clique em Configurar a marca.

Editar

  • Clique em um elemento para selecionar, arraste para mover e puxe pelos cantos para redimensionar. As propriedades do elemento selecionado ficam no painel à direita. Você pode recolher esse painel para dar mais espaço ao design; para abri-lo de novo, clique duas vezes em um elemento.
  • Clique duas vezes em um texto para editar. Fonte, tamanho, peso, alinhamento e cor ficam no painel da direita.
  • Em Camadas você define a ordem de sobreposição com Mover para cima e Mover para baixo, e, em cada elemento, pode usar Bloquear, Ocultar, Duplicar ou Excluir.
  • As cores da sua marca aparecem como uma fileira de amostras no rodapé de cada seletor de cor. Nos navegadores compatíveis (Chrome e Edge) há ainda um conta-gotas para capturar uma cor direto do monitor. Veja Definir a identidade da marca.
  • Desfazer e Refazer funcionam em qualquer edição.
  • Para fotos (remover o fundo, recortar, formas, bordas suaves, cores), veja Fotos e formas no Designer. Para efeitos de texto, preços e texto curvo, veja Efeitos de texto e preços no Designer.
  • Para fazer um elemento se mover, por exemplo um título que entra deslizando ou um preço que fica sempre pulsando, veja Animações no Designer.

Salvar e atualizar as suas telas

O Designer salva o seu trabalho sozinho; você não precisa salvar nada. Cada alteração salva chega em poucos segundos às telas que mostram este design. No topo aparece Salvando... enquanto algo está sendo salvo e, depois, Salvo. Com Ctrl+S, você salva na hora e a alteração já segue para as telas. Se o salvamento falhar, por exemplo porque a conexão caiu, você vê Falha ao salvar no topo e o Designer continua tentando até conseguir.

Se quiser ajustar um design sem que as suas telas mudem junto na mesma hora, faça antes uma cópia com Duplicar em Arquivos, trabalhe nessa cópia e envie para as suas telas quando ela estiver pronta.

Baixar o design

Clique em Baixar, no topo, e escolha PNG ou JPEG para salvar o design como imagem. A imagem é criada do mesmo jeito que as suas telas mostram o design, por isso o resultado é igual.

Pedir ajuda ao Assistente de IA

Com o Assistente de IA, você pode criar um design a partir de uma descrição e alterar o design que está aberto, por exemplo trocando os preços, usando outra foto ou passando de paisagem para retrato. Veja Usar o Assistente de IA.

Levar o design até uma tela

  • No canto superior direito do Designer fica Enviar para tela, para enviar o design direto para uma ou mais telas. Veja Enviar conteúdo para uma tela.
  • Em Arquivos, clique com o botão direito no design e escolha Adicionar à playlist. Veja Criar uma playlist.
  • Para mostrar o design em horários específicos, use uma programação. Veja Criar uma programação.

© screenbird.app