Skip to content

Padronização de componentes / Identidade visual #707

Description

@AndreiEduPrime
  • O titulo de todas as telas devem estar nesse padrão, sem o acréscimo da informação "- Municipal" e com essa fonte e paleta de cor.
  • Atualizar o subtítulo para: "Todas as informações de (nome do cadastro), reunidas de forma prática e intuitiva em um único lugar.".
Image

Inclusão:

  • O botões devem ficar alinhados a esquerda (Cancelar) e a direita (Salvar) como exibido na primeira imagem abaixo. INDEPENDENTE DA RESOLUÇÃO do dispositivo desktop. Devem ficar alinhadas no rodapé da tela.
  • Não existe "Salvar professor", "Salvar turma" e etc. O padrão será APENAS "Salvar" em todas as telas, além de evitar redundância, fica mais simples de replicarmos esse padrão em telas futuras.
Image Image
  • O header de TODAS as telas deve seguir o padrão da primeira imagem abaixo.
Image Image

Alteração:

  • O botões devem ficar alinhados a esquerda (Cancelar) e a direita (Salvar) como exibido na primeira imagem abaixo. INDEPENDENTE DA RESOLUÇÃO do dispositivo desktop. Devem ficar alinhadas no rodapé da tela.
  • Retirar "Salvar alterações" e etc. O padrão será APENAS "Salvar" em todas as telas de edição, além de evitar redundância, fica mais simples de replicarmos esse padrão em telas futuras.
Image Image Image

Exclusão:

  • A mensagem de negativa para a exclusão deve seguir o padrão da primeira imagem abaixo.
Image Image
  • O botões devem ficar alinhados a esquerda (Cancelar) e a direita (Excluir) como exibido na primeira imagem abaixo. INDEPENDENTE DA RESOLUÇÃO do dispositivo desktop. Devem ficar alinhadas no rodapé da tela.
Image Image Image
  • A padronização dos ícones no modo mobile deve seguir o formato da primeira imagem abaixo, sem textos, centralizados e levemente separados.
Image Image Image
  • A padronização do ícone de adicionar cadastro no modo mobile deve seguir o formato da primeira imagem abaixo: "Novo (nome do cadastro)" e alinhado ao canto superior direito da tela.
Image Image
  • Após o usuário concluir um edição e pressionar o botão "Salvar" em TODAS as telas de cadastro devem voltar para a tela de detalhes do registro que foi editado.
  • Já na criação, sempre que finalizado um novo cadastro e pressionado o botão "Salvar" a tela deve voltar para a listagem dos registros. Em TODAS telas de cadastro esse deve ser o comportamento.

  • O padrão que devemos aderir para esse componente é um mix das duas imagens abaixo, sendo para o label do campo apenas "Buscar" para TODOS os cadastros e na descrição do campo (dentro da caixa de busca) a qual busca se refere, por exemplo: "Buscar servidor por Nome", "Buscar escola por Nome" e etc.
Image Image
  • No menu lateral, devemos substituir o ícone de Série pelo ícone de Curso e vice e versa.
  • Devemos garantir que em todos os lugares do sistema que possuírem ícones para identificar determinado assunto/elemento, esteja sendo seguido os ícones que estão no menu lateral.
Image ----------------------------------------------------------------------------------------------------------------------------------------- - Seguindo a mesma linha da inclusão, alteração e exclusão, na tela de detalhe os botões devem ficar alinhados a esquerda (Voltar) e a direita (Editar) como exibido na imagem esquerda abaixo. INDEPENDENTE DA RESOLUÇÃO do dispositivo desktop. Devem ficar alinhadas no rodapé da tela. Image

Metadata

Metadata

Labels

No labels
No labels

Type

No type

Fields

No fields configured for issues without a type.

Projects

Status
To Do

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions