Guia de Estilo
| Data | Data Prevista de Revisão | Versão | Descrição | Autor | Revisor |
|---|---|---|---|---|---|
| 11/12/2022 | 12/12/2022 | 1.0 | Criação do documento | Arthur | Eduardo |
| 11/12/2022 | 12/12/2022 | 1.1 | Remove listas duplicadas e adiciona imagens | Ana | Thiago |
| 25/01/2023 | 25/01/2023 | 1.2 | Padronização e Revisão Final | João Lucas | Pedro Lucas |
Introdução
O guia de estilo é um documento criado com o intuito de reunir as decisões de design tomadas no projeto. Isso facilita encontrar informações sobre este tópico, auxiliando na implementação do produto final, uma vez que essas diretrizes guiarão a implementação do projeto. Pode-se, portanto, definir este documento como uma linha de comunicação entre a equipe de design e a equipe de desenvolvimento. Este documento irá se referir ao sítio Simples Nacional, o qual é o foco do projeto desenvolvido pela equipe.
Objetivo
O guia de estilo possui o objetivo de reunir informações sobre as decisões de design do Simples Nacional. Neste guia de estilo, serão abordados os seguintes tópicos:
- Layout;
- Tipografia;
- Simbolismo;
- Cores;
- Visualização de informação;
- Design de telas e elementos de interface.
Com essas informações documentadas, espera-se que o documento proposto sirva de apoio para as próximas fases de design, avaliação e desenvolvimento do site.
Público-alvo do guia
O público-alvo principal desse guia são os integrantes do grupo 3, responsáveis pela análise do Simples nacional e visando auxiliar no desenvolvimento posterior de etapas do projeto. Ademais, outros alunos da disciplina de Interação Humano-Computador podem ser beneficiados pelo guia, uma vez que este pode servir de consulta para outros grupos de estudantes que cursam ou cursarão a matéria.[1]
Utilização do guia de estilos
O guia deverá ser utilizado para consulta sempre que for necessário tomar decisões de projeto. Exemplos dessa situação seriam decisões de manutenção ou desenvolvimento de novas funcionalidades.
Mantendo o guia de estilo
É de extrema importância que sempre que uma decisão de projeto que gere modificações nele mesmo for tomada pela equipe, o guia seja atualizado para constar esta modificação. Desenvolve-se assim um documento sempre conforme o projeto, garantindo a padronização.[2]
Elementos da interface
Os elementos da interface podem ser observados nas figuras de 1 a 4 a seguir:
Logotipo
Figura 1 - Logotipos
Tipografia
Figura 2 - Tipografia
Cores
Figura 3 - Paleta de Cores
Ícones
Figura 4 - Ícones
Bibliografia
[1] BARBOSA, Simone; DINIZ, Bruno. Interação Humano-Computador. Editora Elsevier, Rio de Janeiro, 2010.
[2] Github - Interação Humano Computador - Lichess 2022.2, Disponivel em: https://interacao-humano-computador.github.io/2022.2-Lichess/, Acessado em 11 de dezembro de 2022