Forma e elevação para projetar seu aplicativo teams

Este artigo fornece como usar forma e elevação para criar hierarquia adicional em seu aplicativo.

O exemplo mostra a forma e a elevação para criar hierarquia adicional em seu aplicativo.

Forma e forma

Dependendo do componente, o Teams usa raios de canto de 0 pixels, 4 pixels e totalmente arredondado. A maioria dos componentes do Teams, incluindo botões, tem um raio de canto de 4 pixels. As principais chamadas à ação podem usar formas diferentes, como botões de ação flutuante arredondados. Nos casos em que você deve alterar uma forma de botão do Teams, siga as diretrizes de dimensionamento e espaçamento para manter uma experiência consistente.

O exemplo mostra as diretrizes de forma e formulário para os componentes do aplicativo.

Práticas recomendadas

O exemplo mostra a alteração da forma básica do componente da interface do usuário.

Não: alterar a forma dos componentes básicos da interface do usuário

Evite modificar a forma dos componentes básicos da interface do usuário o máximo possível. Tente seguir as regras comuns de dimensionamento e espaçamento de cada componente, mesmo quando a forma precisar ser alterada.

O exemplo mostra a modificação ou adição ao nível da sombra.

Não: modificar ou adicionar aos níveis de sombra

Personalizar os valores de sombra pode criar uma hierarquia visual confusa quando seu aplicativo é renderizado na interface do Teams.