Designer de Mostrador Garmin - Mostradores Personalizados Gratuitamente
Crie mostradores personalizados para Garmin online gratuitamente. Projete mostradores digitais para Fenix, Forerunner e Venu com interface de arrastar e soltar. Nenhum código necessário.
Designer de Mostrador de Relógio Garmin
Crie um mostrador de relógio personalizado para seu smartwatch Garmin
Configurações do Design
Pré-visualização
Arraste elementos para o mostrador
Configurações do Elemento
Designs Salvos
Documentação
O que é o Garmin Watch Face Designer?
O Garmin Watch Face Designer é uma ferramenta online gratuita para planejar o layout de um mostrador personalizado da Garmin. O usuário organiza cinco elementos de exibição — hora, data, contagem de passos, frequência cardíaca e nível da bateria — em uma prévia de uma tela de relógio circular ou retangular, escolhe cores e tamanhos de fonte e depois salva o layout ou faz o download como arquivo. A ferramenta serve para auxiliar no design e no planejamento. Ela não instala sozinha um mostrador funcional em um dispositivo Garmin; transformar um layout em um software que realmente rode no relógio exige as ferramentas de desenvolvimento Connect IQ da Garmin, descritas mais adiante.
Como funciona a tela de design
A tela de prévia é quadrada, exibida com cantos arredondados (formato retangular) ou como um círculo (formato circular), de acordo com o formato da tela do relógio. Cada elemento fica em uma posição indicada como porcentagem da largura e da altura da tela, e não em pixels. Assim, o layout não depende do tamanho da tela.
Quando um elemento é arrastado, sua nova posição é calculada da seguinte forma:
1x% = (mouse x position on canvas / canvas width) × 100
2y% = (mouse y position on canvas / canvas height) × 100
3Ambos os valores são limitados ao intervalo de 0 a 100, portanto um elemento nunca pode ser arrastado para fora do mostrador visível.
Exemplo resolvido. A tela de prévia é um quadrado de 280 pixels. Ao arrastar o elemento de frequência cardíaca para um ponto a 210 pixels da esquerda e a 210 pixels do topo, obtém-se:
1x% = (210 / 280) × 100 = 75
2y% = (210 / 280) × 100 = 75
3Isso corresponde à posição inicial do próprio elemento de frequência cardíaca na ferramenta, que, por padrão, é colocado em x = 75, y = 75 (parte inferior direita do mostrador).
Os cinco elementos e seus valores iniciais
Todo design novo é aberto com estes padrões:
| Elemento | Posição padrão (x%, y%) | Cor padrão | Tamanho de fonte padrão |
|---|---|---|---|
| Hora | 50, 40 | Branco | Grande |
| Data | 50, 60 | Branco | Média |
| Passos | 25, 75 | Azul-claro | Pequena |
| Frequência cardíaca | 75, 75 | Vermelho | Pequena |
| Bateria | 50, 85 | Verde-claro | Pequena |
O elemento de hora é sempre exibido em negrito na prévia, independentemente do tamanho de fonte escolhido. Escolher o tamanho "grande" para qualquer outro elemento também o deixa em negrito; os tamanhos "pequeno" e "médio" não ficam em negrito.
Cada elemento pode ser exibido ou ocultado, ter a cor alterada com um seletor de cores, ser redimensionado (pequeno, médio ou grande) e ser arrastado para qualquer lugar da tela. A prévia exibe valores de exemplo, não dados em tempo real: o elemento de hora mostra 10:30 (ou 10:30 AM no formato de 12 horas), a data mostra uma data de exemplo, os passos mostram 7.845, a frequência cardíaca mostra 72 BPM e a bateria mostra 85%. Esses números apenas ilustram a aparência do layout; não são lidos de um relógio real.
Opções de formato de hora e data
A hora pode ser exibida no formato de 24 horas (10:30) ou de 12 horas (10:30 AM). A data pode ser exibida em três formatos:
- DD/MM, por exemplo, 15/06
- MM/DD, por exemplo, 06/15
- DD/MM/YY, por exemplo, 15/06/23
Como criar um design
- Escolha um modelo e um formato de relógio. O menu suspenso de modelos oferece seis opções: Forerunner 245, Forerunner 945, Fenix 6, Fenix 7, Venu e Venu 2. O formato pode ser circular ou retangular. O nome do modelo é armazenado com o design para referência; ele não altera a forma como o arquivo de exportação é criado.
- Escolha uma cor de fundo usando o seletor de cores.
- Adicione elementos à tela clicando em um deles e depois arrastando-o para uma posição na prévia.
- Ajuste cada elemento: alterne sua visibilidade, defina a cor do texto, escolha um tamanho de fonte e, para hora e data, escolha um formato.
- Salve o design digitando um nome e selecionando "Salvar design". Os designs salvos são gravados no armazenamento local do navegador, não em um servidor; por isso, só reaparecem no mesmo navegador e dispositivo, e não automaticamente em outros dispositivos.
- Exporte o design para baixá-lo como arquivo (veja abaixo) ou use "Copiar JSON do design" para copiar os mesmos dados para a área de transferência.
Selecionar "Redefinir posições" move todos os elementos de volta para suas coordenadas padrão, sem alterar as cores ou a visibilidade. Selecionar "Redefinir" restaura todo o design aos padrões iniciais.
O que o arquivo de exportação realmente contém
Clicar em "Exportar mostrador" baixa um arquivo de texto .json contendo o nome do design, o rótulo do modelo do relógio, o formato, a cor de fundo e a lista de elementos com suas posições, cores, tamanhos e formatos. Trata-se de uma descrição estruturada do layout, útil para salvar um design fora do navegador, compartilhá-lo com outra pessoa ou manter um registro de um esquema de cores escolhido.
Ele não é um mostrador compilado que um dispositivo Garmin possa executar. Os relógios inteligentes Garmin usam mostradores criados com o Connect IQ, o kit de desenvolvimento de software da Garmin, que compila um programa na linguagem Monkey C em um binário específico para o dispositivo. Esse binário é instalado pelo Garmin Express, pela Connect IQ Store ou pelo processo de instalação manual do próprio desenvolvedor — não pela cópia de um arquivo JSON para o relógio via USB. Quem quiser que o layout exato produzido aqui seja executado em um relógio real precisará recriá-lo como um projeto Connect IQ, usando o JSON exportado como especificação das cores, posições e formatos a serem seguidos.
Dúvidas frequentes
Esta ferramenta instala um mostrador no meu dispositivo Garmin? Não. Ela produz um layout de design e um arquivo JSON que descreve esse layout. Para colocar um mostrador funcional em um dispositivo Garmin, é necessário criá-lo com as ferramentas Connect IQ da Garmin ou escolher um mostrador pronto na Connect IQ Store.
O Garmin Watch Face Designer é gratuito? Sim. Ele funciona no navegador, sem exigir download, conta ou pagamento.
É necessário programar? Não é necessário programar para usar o designer. Os elementos são posicionados por arrastar e soltar, e as cores e os formatos são escolhidos em menus.
Meus designs salvos estarão disponíveis se eu trocar de computador? Não. Os designs são salvos no armazenamento local do navegador em um dispositivo. Eles não são sincronizados entre dispositivos ou navegadores.
Quais modelos de relógio posso escolher? A ferramenta lista seis modelos: Forerunner 245, Forerunner 945, Fenix 6, Fenix 7, Venu e Venu 2. Esse é um rótulo associado ao design salvo, não um formato de exportação específico do dispositivo.
Quais formatos estão disponíveis para hora e data? A hora pode estar no formato de 12 horas ou de 24 horas. A data pode ser DD/MM, MM/DD ou DD/MM/YY.
Dicas de design
O contraste entre o texto e o fundo é o fator mais importante para a legibilidade, especialmente ao ar livre. Manter o elemento de hora grande e centralizado, com apenas três ou quatro outros elementos, evita um mostrador poluído. Fundos escuros tendem a ser mais fáceis de ler rapidamente e costumam ser recomendados para telas de relógio do tipo OLED, pois os pixels mais escuros consomem menos energia nessa tecnologia de tela. Agrupar informações relacionadas, como a frequência cardíaca próxima aos passos, dá ao layout uma estrutura mais clara do que distribuir os elementos uniformemente.