Closed salviotonon closed 2 months ago
revisão dessa task vai ser mediante call com a equipe
vamos analisar as 6 telas e propor melhorias e sugestões durante a call
assim que finalizar as 6 telas no figma marcamos a call para revisão geral do padrao de paginas de components
até a data da call, pode ser adicionado sugestões diretamente no figma via comentarios
https://www.figma.com/design/ELAe3wVG5F0tb2IdhwZOhl/Left-Pallete---Guia-de-boas-pr%C3%A1ticas-de-Design?node-id=539-815&node-type=FRAME&t=BV1tBmGBev5zjZFb-0
Requisitos do Preparo
Nao mecher em Side Bar.
Não mecher Header.
Não mecher Footer.
Identificar os Componentes Botões (buttons): Tipos diferentes de botões com tamanhos, estilos e comportamentos variados. Campos de Entrada (input fields): Formatos para texto, senha, pesquisa, etc. Listas e Tabelas: Estruturas para exibir dados ou opções. Cartões (cards): Para exibir informações resumidas. Barras de Navegação (navbars): Elementos de navegação. Modal e Popups: Componentes para diálogos ou notificações. Ícones e Imagens: Gráficos que complementam o design.
Wireframe Básico Criar uma estrutura simples com caixas, representando cada componente de forma visual. Por exemplo: Uma caixa com o rótulo "Botão" para mostrar onde o botão vai ficar. Um retângulo para as tabelas e listas, e assim por diante.
Organização em Grid Distribuir os componentes dentro de um grid para garantir a responsividade e facilidade de visualização.
Adicione Anotações Explique a funcionalidade de cada componente no wireframe para referência futura.