Leaf-Pallete / leaf-pallete

official repository leaf pallete
https://www.leafpallete.com
MIT License
6 stars 7 forks source link

criar wireframe button page #78

Closed salviotonon closed 2 months ago

salviotonon commented 3 months ago

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

  1. Nao mecher em Side Bar.

  2. Não mecher Header.

  3. Não mecher Footer.

  4. 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.

  5. 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.

  6. Organização em Grid Distribuir os componentes dentro de um grid para garantir a responsividade e facilidade de visualização.

  7. Adicione Anotações Explique a funcionalidade de cada componente no wireframe para referência futura.

salviotonon commented 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