Páginas filhas
  • Menu lateral

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

O menu lateral do aplicativo é acessado através do

Toolbar ( na parte superior

cabeçalho da tela

)

, clicando no ícone conhecido como menu hambúrguer, localizado no lado esquerdo da tela.

Ele é indicado


Essa opção é recomendada especialmente para aplicativos que

possui muitas

apresentam diversas páginas e pode ser

utilizado mesmo que tenha o

utilizada mesmo quando há a presença de um menu horizontal.

A navegação do menu lateral segue o seguinte fluxo:

  • Ao clicar no botão, o menu se expande lateralmente, exibindo todas as seções do aplicativo, inclusive possíveis subseções.
  • Esse menu é projetado para ocupar a altura completa da página, com a opção de rolar para baixo caso seja necessário explorar mais opções.
  • Cada seção pode ser aberta ou fechada conforme a necessidade do usuário.
  • Uma característica distintiva é a diferenciação na cor da tipografia para destacar a seção principal e suas subseções. Essa prática visual facilita a identificação rápida da área em que o usuário está navegando.
  • Na parte inferior do menu, é incluído o logo
  • do aplicativo
  • da TOTVS varejo e o número da versão, oferecendo informações importantes de forma acessível e integrada ao design do menu lateral.



O arquivo do template está disponível no Figma e pode ser editado da seguinte forma:

  1. É necessário ter uma conta cadastrada.
  2. O conteúdo do link deve ser copiado e colado no novo arquivo, ou pode ser salvo localmente.

Button
Textotemplate figma
Linkhttps://www.figma.com/file/zDYIL4gt5fDnrSxDAub4bl/Padr%C3%A3o---mobile-2?type=design&node-id=1139%3A2076&mode=design&t=4g6wY4cLXmp5v088-1