Mostradores de relógio
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
O mostrador do relógio é a primeira camada com que os usuários interagem no
smartwatch, bem como a camada mais usada do Wear OS. É possível personalizar
o mostrador de acordo com o estilo ou as necessidades de cada usuário.
Princípios da UX
As seções a seguir descrevem os princípios que precisam ser considerados ao criar
mostradores de relógio.
Com visualização do horário |
Expressivo |
Útil |
| A finalidade principal do mostrador do relógio é mostrar as horas. Em média,
as pessoas conferem o horário 150 vezes por dia. Garanta que a hora esteja altamente visível
na tela. |
Mostradores de relógio oferecem maneiras únicas para os usuários expressarem personalidade
e estilo. Inclua variedade nos designs de mostrador e facilite a
personalização. |
Mostradores de relógio oferecem aos usuários a possibilidade de visualizar rapidamente
informações importantes. Use complicações para permitir que
visualizem o que quiserem. |
Diretrizes
Os mostradores são uma experiência fundamental em todos os relógios. Ao projetar mostradores de relógio,
você tem flexibilidade para criar experiências exclusivas que chamam a atenção dos usuários. Lembre-se
das diretrizes a seguir.
 |
Facilite a visualização
Facilite a visualização dos mostradores de relógio com fontes nítidas,
ícones legíveis e
um layout simples. Isso permite que os usuários acessem informações importantes rapidamente.
|
 |
Inclua complicações
As complicações oferecem acesso rápido a informações importantes e podem ser
personalizadas para mostrar o que é relevante para o usuário.
|
 |
Permita a personalização
Ofereça opções de personalização para mostradores de relógio, como temas de cores,
ponteiros personalizáveis e complicações. Isso permite que os usuários personalizem o
smartwatch de acordo com as necessidades funcionais e o estilo de cada um, melhorando a
aparência e praticidade do mostrador.
|
 |
Use a cor preta
Use preto como a cor principal para ajudar a economizar a bateria
do relógio. O preto também é versátil e neutro, permitindo que outros
elementos de design se destaquem.
|
 |
Deixe o mostrador dentro da borda
Projete mostradores de relógio para caber na borda do smartwatch, garantindo
uma aparência limpa e evitando que elementos essenciais sejam cortados ou
cobertos pela borda.
|
Considerações importantes
Projete mostradores de relógio para economizar bateria com gráficos simples, planos de fundo
escuros e código otimizado. Isso melhora a experiência do usuário e permite
que a bateria dure mais tempo.
Cada mostrador de relógio tem dois modos.
 |
 |
|
Interativo
Este é o mostrador que aparece quando o usuário está interagindo com o
relógio.
|
Tela sempre ativada (AoD)
Este é o mostrador que aparece quando o usuário não está interagindo com
o relógio. Mostradores de relógio AoD precisam iluminar 15% ou menos dos pixels na
tela para economizar a bateria.
|
Para saber mais sobre mostradores de relógio, consulte
Criar mostradores de relógio.
O conteúdo e os exemplos de código nesta página estão sujeitos às licenças descritas na Licença de conteúdo. Java e OpenJDK são marcas registradas da Oracle e/ou suas afiliadas.
Última atualização 2025-07-27 UTC.
[null,null,["Última atualização 2025-07-27 UTC."],[],[],null,["# Watch faces\n\nA watch face is the first surface users interact with when they check their\nsmartwatch and the most used surface of Wear OS. Users can customize their\nwatch face to their style or for their needs.\n\nUX Principles\n-------------\n\nThe following sections describe principles to keep in mind when creating\nwatch faces.\n\n|-----------------------------------------------------------------------------------------------------------------------------------------------------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| Time-telling ------------ | Expressive ---------- | Useful ------ |\n| The purpose of a watch face is foremost to tell the time. On average, people check the time 150 times a day. Ensure that time is highly visible on your screen. | Watch faces provide unique ways for users to express their personality and style. Include variety in your watch face designs and facilitate customization. | Watch faces provide users with the ability to quickly glance at important information. Use complications on the watch face to let users to view what they want. |\n\nGuidelines\n----------\n\nWatch faces are a core experience on every watch. When designing watch faces\nyou have flexibility to create unique watch faces that resonate with users. Keep\nin mind the following guidelines.\n\n|---|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| | **Make glanceable** Make watch faces glanceable with clear fonts, legible icons, and a simple layout. This lets users access important information quickly. |\n| | **Include complications** Complications provide quick access to important information and can be personalized to display what is relevant to the user. |\n| | **Allow for customization** Offer customization options for watch faces such as color ways, customizable hands and complications. This allows users to personalize their smartwatch to their style and functional needs. This enhances the aesthetic appeal and practicality of the watch face. |\n| | **Use the color black** Use black as the primary color as this helps to conserve battery life on your watch. Black is also versatile and neutral, so it allows other design elements to stand out. |\n| | **Stay within the bezel** Design watch faces to fit within the bezel of the smartwatch to ensure a clean appearance and minimize essential elements being cropped or covered by the bezel. |\n\nPower considerations\n--------------------\n\nDesign watch faces to conserve battery life with simple graphics, dark\nbackgrounds, and optimized code. This improves the user experience and allows\nthe battery to last longer.\n\nEvery watch face has two modes.\n\n|-------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| | |\n| **Interactive** This is the watch face shown when the user is interacting with the watch. | **Always-on display (AoD)** This is the watch face shown when the users are not interacting with the watch. AoD watch faces must illuminate 15% or less of the pixels on the watch face to conserve battery life. |\n\nFor more information about watch faces, see\n[Build watch faces](/training/wearables/watch-faces)."]]
