Tutoriais ExpoScreen: uma apresentação interativa em uma hora

Lição 1. Crie um projeto

1. Registe-se — é grátis, sem cartão. Depois de entrar verá a lista dos seus projetos.

   

2. Clique em «Novo projeto», introduza um título (por exemplo, «Stand na Web Summit 2027») e, se quiser, carregue uma capa — recomendamos 1920×1080 em JPG, PNG ou WEBP. Clique em «Criar».

   

3. O editor abre com três painéis: à esquerda «Elementos de controlo» (ecrã, logótipo, fundo, botões), ao centro a pré-visualização ao vivo e à direita três separadores: «Estrutura» (secções do menu), «Media» (os seus ficheiros) e «Tema» (aspeto e cores, incluindo o design por IA).

   

Lição 2. Carregue os seus ficheiros

1. À direita abra o separador «Media» e clique em «Adicionar arquivos». Na janela «Carregar item de mídia» clique em «Carregar arquivos» — pode escolher vários de uma vez — e confirme com «Carregar».

   

2. Formatos aceites: PDF, PPTX, PPT, PNG, JPG, JPEG e vídeo. Carregue as apresentações como ficheiros — os slides passam a deslizar no ecrã tátil, sem conversão.

3. Os ficheiros carregados aparecem na lista da biblioteca; a ordem muda-se arrastando. O espaço da biblioteca depende do plano: 1 GB antes do pagamento, 2 GB no Lite, 5 GB no Standard, 20 GB no Pro — o contador fica por cima da lista.

Lição 3. Monte a estrutura de secções

A lição mais importante. Uma apresentação é uma árvore: menus em pastas com conteúdo dentro.

1. À direita abra o separador «Estrutura» e clique em «Adicionar item ao menu».

   

2. Na janela «Criar item de estrutura» escolha o tipo: «Apresentação», «Imagem», «Vídeo» ou «Pasta». Introduza o título, escolha um ficheiro da biblioteca e, se quiser, defina uma capa — é o que o visitante vê no cartão. Carregue-a como ficheiro ou escolha uma das imagens que a IA gerou para o projeto (ver lição 5).

   

3. Uma «Pasta» é um ecrã de menu feito de cartões. O visitante toca num cartão e entra. Coloque dentro conteúdo ou pastas aninhadas (por exemplo: «Produtos» → «Série A» → cartões de produto). A ordem muda-se arrastando.

4. Cada alteração aparece de imediato na pré-visualização central. Amplie com os botões «+» e «−» ou Shift + roda do rato e desloque com Ctrl + arrastar.

   

Lição 4. Personalize o visual

1. «Tamanho da tela»: introduza a largura e a altura do seu ecrã em píxeis (até 5000 px) — por exemplo, 1920×1080, ou 1080×1920 para um ecrã vertical. «Logótipo»: carregue uma imagem, escolha a posição (esquerda, centro, direita) e o tamanho. A opção «Mostrar logótipo» retira o logótipo e o nome do projeto do ecrã inicial — por exemplo, quando o logótipo já faz parte da imagem de fundo.

   

2. «Fundo»: uma imagem («Selecionar ficheiro»), um fundo de vídeo («Selecionar vídeo») ou apenas uma cor.

   

3. «Itens do menu»: cor e opacidade do fundo dos cartões, desfoque, cor do texto, raio da borda, sombra, fonte, posição no ecrã, altura dos cartões e itens por linha (1–4).

   

4. O interruptor «Modo avançado» no mesmo bloco abre valores exatos em píxeis em vez de predefinições: raio até botões totalmente redondos (largura e altura iguais com um raio grande), espessura e cor da borda, cor, tamanho e deslocamento da sombra, largura e altura fixas do botão e o espaço entre botões. A opção «Ocultar texto» retira a legenda e o ícone — para botões com o texto já desenhado na imagem da capa. A importação do Figma (lição 5) preenche estes mesmos campos.

   

5. «Controles»: cor e tamanho dos botões, posição e opacidade dos botões «Início» e «Voltar», das setas de navegação e dos botões de som e play — útil em ecrãs verticais.

   

Lição 5. Tema e design por IA

O ecrã inicial pode seguir a sua marca em poucos minutos — à mão, com a IA ou a partir de um mock-up do Figma.

1. À direita abra o separador «Tema». Na galeria «Aspeto» escolha como os cartões do menu são desenhados: clássico, cartões suaves, mosaicos com fotografia, vidro, contorno ou minimal. Na galeria «Esquema de cores» — o fundo e as cores dos cartões, do texto, do destaque e dos botões. Qualquer combinação funciona e as miniaturas mostram o resultado antes. Abaixo, cada parâmetro pode ser afinado.

   

2. O botão «Gerar um esquema de cores com IA» na galeria de esquemas: descreva a marca e o ambiente — a IA adiciona três esquemas a «Os meus esquemas», disponíveis em todos os seus projetos.

   

3. Clique em «Gerar um tema com IA» e descreva o stand em duas frases, por exemplo «estilo escuro premium com detalhes dourados para uma marca de joalharia». Se o projeto tiver logótipo, a IA lê a paleta a partir dele. Em quinze segundos recebe três variantes de tema — qualquer uma aplica-se com um clique.

   

4. Na mesma janela, «Imagens para o stand»: com a descrição a IA desenha o fundo do ecrã inicial e as capas dos itens do menu num só estilo, e a opção «Fundo em vídeo» transforma o fundo num ciclo contínuo. «Gerar o stand» faz tudo de uma vez: tema, fundo, capas — cerca de 10 minutos.

5. Já tem um mock-up no Figma? Clique em «Criar um tema a partir de um mock-up do Figma» e cole a ligação para o frame com o ecrã inicial (no Figma: Share → «Anyone with the link» → Copy link; a ligação deve conter o node-id). A IA lê as camadas, escolhe as cores, a fonte, a forma, os tamanhos e os espaçamentos dos botões, exporta o fundo e os botões em imagem e mostra o resultado ao lado do mock-up, com notas sobre o que foi reproduzido de forma aproximada. Nada é aplicado até clicar em «Aplicar ao projeto». Grelhas de botões iguais sobre um fundo ou fotografia transferem-se melhor; layouts livres, animações e vários ecrãs num só frame não são reproduzidos pelo motor — os exemplos e limites estão na própria janela. Uma importação gasta uma geração de tema.

   

6. As gerações estão incluídas nos planos: Lite — 1 tema e 1 execução de imagens, Standard — 5 e 3, Pro — 20 e 10. Antes do pagamento tem 2 gerações de tema e 1 execução de imagens para experimentar.

Lição 6. Modo de espera, modo de controlo e PIN

1. No bloco «Configurações de espera» clique em «Modo de descanso de tela».

   

2. Escolha na biblioteca os vídeos e imagens que passam enquanto ninguém está ao ecrã: à esquerda os disponíveis, à direita os escolhidos. Ative «Enable», defina o tempo antes de iniciar e o tempo por slide e, se quiser, a ordem aleatória. Clique em «Salvar alterações». Um toque devolve o visitante ao menu.

   

3. No bloco «Modo da aplicação» escolha o modo de controlo: Touch — os visitantes navegam sozinhos no ecrã tátil; Remote — o apresentador controla o ecrã grande a partir do telemóvel ou tablet; Presenter — um apontador comum passa os slides.

   

4. No bloco «Janela de definições na app» defina um PIN de quatro dígitos. No stand, a janela de definições (atualização de conteúdo, protetor de ecrã) abre com cinco toques rápidos no canto inferior direito do ecrã e, com PIN, só depois de introduzir o código — os visitantes não entram nela.

   

Lição 7. Descarregue e execute

1. Verifique o projeto na pré-visualização — até aqui tudo é grátis. Os botões «Ocultar pré-visualização» e «Pagar pelo projeto» ficam por cima do editor, à direita. Para ver o projeto num ecrã real antes de pagar, clique em «Compilação de teste»: recebe a mesma aplicação com um logótipo ExpoScreen semitransparente sobre o ecrã.

   

2. «Ocultar pré-visualização» expande a coluna direita com os separadores Estrutura, Media e Tema a toda a largura — útil em projetos grandes com dezenas de secções.

   

3. Clique em «Pagar pelo projeto» e escolha o plano: Lite ($79, modo tátil, uma plataforma), Standard ($199, todos os modos, Windows e macOS) ou Pro ($499, para agências). Depois do pagamento aparece o botão «Gerar»: clique, escolha a plataforma — Windows ou macOS — e inicie a compilação. Quando estiver pronta, o botão «Descarregar aplicação» fica ativo.

   

4. Instale a aplicação pronta no dispositivo com ecrã tátil — passo a passo para Windows e macOS na secção «Instalar a aplicação num dispositivo» abaixo. No local não é preciso internet — funciona totalmente offline.

5. Precisa de alterar algo? Atualize o conteúdo no painel e volte a gerar o projeto — uma atualização demora cerca de 15 minutos.