Personalizar Design
Uma das funcionalidades mais poderosas da gettickr.app é a possibilidade de personalizar completamente a aparência do seu temporizador. Ajuste cores, fontes, tamanhos e layouts para criar uma contagem decrescente que corresponde perfeitamente à sua marca ou estética.
Aceder às opções de design
Abra o separador Estilos no editor para personalizar a aparência do seu temporizador. A pré-visualização ao vivo é atualizada em tempo real à medida que faz alterações, para que veja exatamente como ficará o temporizador antes de o incorporar.
Compreender os elementos do temporizador
O seu temporizador é composto por vários elementos que podem ser personalizados:
| Elemento | Finalidade | Propriedades personalizáveis |
|---|---|---|
| Fundo | Aparência geral e cor | Apenas cor |
| Título | Texto acima da contagem | Visibilidade, Tamanho da fonte, Cor, Família tipográfica, Peso, Estilo |
| Números do timer | A apresentação da contagem | Tamanho da fonte, Cor, Família tipográfica, Peso, Estilo |
Mostrar ou ocultar o título
No separador Geral, encontra o interruptor „Mostrar título", que permite mostrar ou ocultar o título do seu temporizador. Quando o título está oculto, apenas os números da contagem são apresentados — sem texto acima.
Isto é especialmente útil quando:
- Pretende utilizar o temporizador como overlay apenas de números no stream
- O título já é apresentado noutro local na sua cena de OBS ou no seu website
- Prefere um design minimalista sem texto adicional
Personalização de cores
Cores de fundo:
- Fundos escuros funcionam bem em overlays de stream
- Fundos claros adequam-se a banners promocionais em websites
- Fundos pretos podem surgir como transparentes no OBS e noutros programas
Cores dos números do temporizador:
- Use alto contraste para legibilidade (claro sobre escuro, escuro sobre claro)
- Combine com as cores da sua marca para consistência
- Considere a psicologia das cores (vermelho = urgência, azul = calma, verde = positivo)
Cores do título e rótulos:
- Crie hierarquia visual com cores diferentes
- Use a cor primária da marca para títulos
- Use cores complementares para os números da contagem
Seleção de fontes
Escolha fontes que reflitam a personalidade da sua marca:
Estilos de fonte:
- Sans-serif (moderna, limpa): Melhor para contagens profissionais
- Display (decorativa): Excelente para temporizadores criativos ou promocionais
- Monospace (técnica): Perfeita para gaming ou designs com foco tecnológico
Dimensionamento de fontes:
- Números grandes e em negrito para máxima visibilidade
- Título proporcional para uma composição equilibrada
- Considere a distância de visualização (overlay de stream vs. banner de website)
Layout
Organização dos elementos:
- Pode alterar a ordem entre título e contagem (título em cima ou contagem em cima).
Tamanho e dimensões
Tamanhos comuns de temporizador:
| Caso de utilização | Tamanho recomendado | Notas |
|---|---|---|
| OBS Ecrã Completo | 1920x1080 px | Corresponder à resolução do stream |
| Overlay no canto (OBS) | 300–500 px de largura | Compacto, não intrusivo |
| Website Hero Banner | Largura total | Design responsivo |
| Barra lateral Website | 250–350 px de largura | Adapta-se a barras padrão |
Boas práticas de design
Legibilidade em primeiro lugar:
- Alto contraste entre texto e fundo
- Tamanhos de fonte suficientemente grandes para leitura rápida
- Layouts simples e descomplicados
Consistência de marca:
- Combine com as cores existentes da sua marca
- Use fontes das suas diretrizes de marca
- Mantenha estilo visual consistente entre todos os temporizadores
Design orientado pela finalidade:
- Contagem urgente (promoção relâmpago) = Vermelho, negrito, grande
- Contagem calma (início de evento) = Azul, elegante, moderado
- Contagem divertida (pausa de stream) = Cores vivas, fontes divertidas
Próximos passos
- Pré-visualização vs. Renderizador — Entenda os diferentes modos de visualização
- Guardar & Gerir Temporizadores — Guarde o seu design para reutilização
- Integração com OBS — Adicione o seu temporizador ao stream