Como configurar as cores, o logótipo e o fundo?

Publicado · Atualizado

O aspeto dos ecrãs dos convidados define-se na página Telas do jogo do menu lateral. O primeiro separador da página, Principal, reúne os elementos aplicados a todos os ecrãs de uma vez: estilo de design (linguagem de formas e tipo de letra), cores, logótipo, fundo e ícone de cadeado. Os outros separadores (Call to Action, Cadastro, Jogo, Agradecimento, Placar, Pausa) só alteram esse ecrã. Este artigo descreve o que cada definição do separador Principal muda no ecrã do convidado e os elementos comuns aos separadores de ecrã.


i
Em resumo
  1. No separador Telas do jogo → Principal, escolha primeiro um Estilo de design e depois uma paleta de cores. Os dois são independentes: o estilo define a forma e o tipo de letra, a paleta define as cores.
  2. Carregue o seu ficheiro em Logotipo padrão e ligue o interruptor. A posição do logótipo em cada ecrã define-se no separador desse ecrã.
  3. Coloque uma imagem ou um vídeo em Fundo padrão; com Opacidade do fundo escolhe quanto se vê.
  4. O Ícone do painel é o ícone de cadeado que serve para sair do jogo; fica no mesmo sítio em todos os ecrãs dos convidados.
  5. A Pré-visualização da tela em cima mostra de imediato cada alteração que fizer.

Separador Principal


Pré-visualização

No topo do separador há um ecrã de exemplo: título, subtítulo, um pequeno tabuleiro com três linhas preenchidas e um botão. Este exemplo não é um ecrã de convidado em particular; mostra num só sítio como ficam o estilo e as cores escolhidos. Ao tocar num elemento da pré-visualização, a página desloca-se até à definição correspondente. Tela cheia amplia a pré-visualização.

Restaurar padrões faz a pergunta Restaurar esta tela?; se responder Restaurar, o estilo, a paleta, as 12 linhas de cor, o fundo predefinido, a opacidade e a posição do ícone de cadeado voltam aos valores iniciais. O logótipo fica fora desta reposição; se quiser removê-lo, desligue o interruptor dele.

Estilo de design

Há cinco cartões; um está selecionado. O estilo define a forma dos cantos, os contornos, as sombras e o tipo de letra de todos os ecrãs dos convidados. Não há uma definição de tipo de letra à parte; o tipo de letra vem com o estilo. Não toca nas cores.

DefiniçãoO que fazPredefinição
GeloAspeto de vidro fosco: superfícies suaves, arredondadas e translúcidas. Usa o tipo de letra do próprio dispositivoSelecionado
Noite de fliperamaCantos cortados e contorno de impressão desalinhado. Um tipo de letra de título estreito e em maiúsculas—
ArgilaSuperfícies inchadas, sem moldura, com volume dado pela sombra. Um tipo de letra de contornos arredondados—
BrutalImpressão de cartaz: contorno grosso e sombra dura. Um tipo de letra de título muito grosso—
PixelEcrã de consola antiga: contornos em degraus e linhas de varrimento. Todos os textos em letra de máquina de escrever—

Cores da interface

Em cima estão as paletas prontas: Sonho roxo, Brisa do mar, Pôr do sol, Modo escuro, Claro minimalista e Personalizado. Ao tocar numa paleta, as seis cores base são escritas a partir dessa paleta e as seis linhas específicas do jogo (de Marca X a Caixa da casa) voltam ao automático. O cartão Personalizado apenas marca a seleção, não toca nas cores. Alterar uma cor à mão não muda o cartão selecionado para Personalizado.

Cada linha abre um seletor de cor; pode escolher uma cor lisa ou um gradiente de duas cores. A cor do texto não se escolhe à parte: se o fundo for claro os textos ficam escuros, se o fundo for escuro ficam brancos.

DefiniçãoO que fazPredefinição
FundoO fundo do ecrã. Sem imagem de fundo, é o único fundo que o convidado vêDa paleta
Texto principalTítulos, realces, o anel do tempo por jogada e a linha de tempo limite em cima. Se Marca X e Caixa da casa estiverem em automático, derivam desta corDa paleta
Texto secundárioSubtítulos e a segunda cor da linha de tempo limite. Se Marca O estiver em automático, deriva desta corDa paleta
Fundo do botãoO fundo de todos os botõesDa paleta
Texto do botãoO texto dos botõesDa paleta
Contagem regressivaSó pinta a linha do contador na pré-visualização; no ecrã do convidado nenhum elemento usa esta corDa paleta
Marca XAs marcas X no tabuleiro e o painel do Jogador 1Automático (Texto principal)
Marca OAs marcas O no tabuleiro e o painel do Jogador 2Automático (Texto secundário)
Linha vencedoraO realce das marcas vencedoras no fim da rodadaAutomático (verde)
Empate / avisoA cor de aviso para que o anel do contador passa quando o tempo por jogada está a acabarAutomático (vermelho)
Caixa do tabuleiroDesenha uma caixa colorida atrás do tabuleiroNenhuma (transparente)
Caixa da casaO preenchimento e o contorno das casasAutomático (tom esbatido de Texto principal)

Logótipo padrão

Carregue um JPG ou PNG no campo Logotipo e ligue o interruptor. O logótipo aparece nos cinco ecrãs dos convidados e no ecrã de pausa. O interruptor vem desligado por predefinição; com um ficheiro selecionado mas o interruptor desligado, o logótipo não aparece no ecrã. Com o interruptor ligado mas sem ficheiro, o seletor mostra um logótipo de exemplo e no ecrã do convidado não aparece nada.

A posição do logótipo em cada ecrã define-se à parte: a grelha Posição do logo no separador do ecrã respetivo. A posição predefinida é em cima ao centro. Não se aceita vídeo como logótipo.

Fundo padrão

Carregue uma imagem ou um vídeo no campo Fundo. Há três situações:

  • Ficheiro selecionado e interruptor ligado: todos os ecrãs sem fundo próprio mostram este ficheiro por trás. O vídeo toca sem som e em ciclo.
  • Interruptor desligado: não é desenhada nenhuma imagem; os ecrãs são pintados apenas com a cor Fundo.
  • Nunca tocado: é usada a imagem de exemplo da própria aplicação (uma versão para ecrã vertical e outra para horizontal).

A secção Fundo dos separadores de ecrã substitui esta escolha para esse ecrã (ver abaixo).

Opacidade do fundo

Um controlo deslizante de 0 a 100; predefinição 20. O valor é quanto se vê a imagem de fundo: a 100 a imagem vê-se por completo, a 20 a cor da paleta domina e a imagem transparece ligeiramente por baixo. Com o interruptor do fundo desligado, o controlo fica esbatido e não pode ser usado. O controlo próprio de cada separador de ecrã substitui este valor para esse ecrã.

Ícone do painel

A posição e a visibilidade do ícone de cadeado. Há uma grelha de três linhas por três colunas e um interruptor de ligar/desligar; as células têm nomes como Canto superior esquerdo, Topo, Centro, Canto inferior direito. As opções ao lado definem a visibilidade: 100%, 50%, 25%, 0%. Predefinição: Canto inferior direito e 100%.

Embora a descrição fale em "ecrã inicial", o ícone fica no mesmo sítio em todos os ecrãs dos convidados e durante a pausa. Há três situações:

  • Visível (100%, 50%, 25%): um único toque abre a janela do PIN.
  • 0%: o ícone não se vê mas a posição funciona; toque 5 vezes nesse canto em 3 segundos.
  • Interruptor desligado (Desligado): não há nada no ecrã; só é possível sair com F11 ou F12 no teclado.

Quando volta a ligar o interruptor a partir de Desligado, o ícone vai para a célula Parte inferior; se quiser Canto inferior direito, escolha a célula. O atalho do troféu usa a mesma grelha; se os dois estiverem na mesma célula, o cadeado fica por cima.

Elementos comuns aos separadores de ecrã


Os cinco separadores de ecrã usam o mesmo esqueleto; afetam apenas esse ecrã.

  • Pré-visualização da tela: a pré-visualização em direto desse ecrã. O Restaurar padrões daqui só repõe o fundo, a opacidade, os textos e a visibilidade dos textos deste ecrã. A posição, o alinhamento, a posição do logótipo, a posição do troféu e as definições do tabuleiro do separador Jogo ficam como estão.
  • Posição do conteúdo: a posição dos textos e dos botões no ecrã, grelha 3×3, sem opção de desligar. Predefinição ao centro. No separador Jogo esta secção não existe; o tabuleiro está sempre ao centro.
  • Posição do logo: a posição do logótipo neste ecrã, grelha 3×3. Predefinição em cima ao centro. O logótipo em si vem do separador Principal.
  • Alinhamento do texto: Esquerda, Centro, Direita. É o alinhamento das linhas dentro do bloco; a posição do bloco vem da grelha acima. Em Cadastro e Placar só desloca o bloco do título; os cartões e a tabela ficam no lugar. Não existe no separador Jogo.
  • Textos: os textos desse ecrã. Detalhes: artigo Como alterar os textos dos ecrãs dos convidados?.
  • Fundo: imagem ou vídeo específico deste ecrã. Se selecionar um ficheiro, neste ecrã é usado em vez do de Principal. Se desligar o interruptor aqui, mesmo com imagem em Principal, este ecrã é pintado só com a cor. Depois de tocar uma vez no seletor, o ecrã deixa de seguir Principal; Restaurar padrões restabelece a ligação.
  • Opacidade do fundo: controlo deslizante específico deste ecrã. Enquanto não for tocado mostra o valor de Principal e segue-o. Depois de o mexer uma vez, este ecrã usa o seu próprio valor e não é afetado quando Principal muda; para voltar ao mesmo valor, escreva o número à mão ou prima Restaurar padrões.
!
Erros frequentes

Carregar o logótipo e não ligar o interruptor, ou ligar o interruptor e não selecionar ficheiro: nos dois casos o logótipo não aparece no ecrã do convidado.

Mudar o Estilo de design e esperar que as cores também mudem: o estilo é só forma e tipo de letra, as cores vêm de Cores da interface.

Escolher uma paleta depois de ajustar as cores de X e O: a escolha da paleta repõe em automático as seis linhas específicas do jogo. Escolha primeiro a paleta, depois dê as cores de X/O.

Depois de tocar na Opacidade do fundo de um ecrã, esperar que o controlo de Principal afete esse ecrã: esse ecrã passa a usar o seu próprio valor.

Pôr o Ícone do painel em Desligado num tablet ou telemóvel: sem teclado não é possível sair do jogo.

Este artigo foi útil?

Não sabe por onde começar? Nós ajudamos.

Conte-nos o seu projeto. A nossa equipa ajuda com o próximo passo.

Ao enviar, aceita os nossos Termos e a Política de Privacidade.