Nova Identidade do SIGAF

Conheça aqui a nova identidade do SIGAF.

Em 2021 iniciamos a reconstrução do SIGAF em uma nova tecnologia de desenvolvimento (framework). Nesse mesmo ano foi iniciado um estudo para atualização da identidade visual do SIGAF de forma que o sistema tivesse um design moderno que acompanhasse as mudanças estruturais realizadas. A intenção foi manter as cores já conhecidas pelos usuários, mas de forma aprimorada, e criar uma disposição amigável e dinâmica para o sistema.

Logo

A nova logo do SIGAF foi criada pela Prodemge em conjunto com a CQGI e trata-se da inicial "S" do sistema em uma nova paleta de cores - laranja, verde e amarelo.

177KB

Logo_SIGAF_.png

image

Abrir

25KB

Logo_SIGAF.png

image

Abrir

Paleta de Cores

A paleta de cores principais do sistema é composta por laranja, verde e branco. Já a paleta de cores secundárias, laranja e verde claros, cinza e preto. As cores são as mesmas antes utilizadas, mas agora em tonalidades e disposições diferentes no sistema.

Iconografia

A Iconografia é o conjunto de imagens, no caso, ícones padronizados de um sistema de informação. Estes tem um padrão estético, seja por seu traçado, cor, ou design utilizado. Os ícones são símbolos que, numa interface gráfica, representam uma função ou um documento que o utilizador pode selecionar.

Para garantir um design mais intuitivo e agradável para os usuários os ícones utilizados no sistema também foram reformulados, conforme segue:

> Ferramenta de Atalho

Esses são os ícones de atalhos, estarão presentes na página inicial do sistema.

> Opções do Grid de Resultados

Esses são ícones de ação, opções que podem ser selecionadas.

> Inputs de Dados

Esses são ícones de filtro e busca.

> Navegação e Outros

Esses são os ícones para navegar no sistema e definir algumas preferências.

Depois dessa apresentação da nova identidade visual você pode estar pensando: Legal saber mais sobre os ícones, mas onde eles vão aparecer no sistema e quais serão as suas funcionalidades?

A resposta é que o detalhamento de cada um dos ícones será tratado nos manuais específicos para cada ação no sistema, então siga acompanhando os conteúdos!

Fique ligado!

Todos os conteúdos que tenham "Raio-x" no título vão apresentar um pouco mais sobre a identidade visual e principais comandos presentes naquela página do sistema. Funciona como uma fotografia da página, mas não entra nos detalhes.

Já os conteúdos que tenham "passo a passo" no título irão detalhar as etapas necessárias para cada ação no sistema.

Saiba Mais

No Raio-X você poderá comparar o antes e depois do SIGAF.

Para conhecer a identidade visual aplicada em cada nova página e ferramentas dessa versão do SIGAF veja os conteúdos a seguir:

Raio-x do Acesso ao SIGAFRaio-x da Página InicialRaio-x do Cadastro de Usuários