Ir para o conteúdo

Identidade Visual

Introdução

Identidade visual é o conjunto de elementos gráficos que objetivam comunicar ao público a ideia, os valores, o propósito e a missão do produto. Os elementos da identidade visual que serão abordados são:

  • Paleta de cores: cores utilizadas na aplicação. Caracteriza o site;
  • Logomarca: Logo do site;
  • Tipografia: fonte utilizada.

Paleta de cores

Para realizar a definição das cores, escolhemos manter as cores atual do site, entretanto, adicionando alguns outros tons, afim de modernizar a sua interface e a disposição de cores do site, de acordo com as definições do protótipo de baixa e média fidelidade.

paleta_1

paleta_2

paleta_3

Com as cores escolhidas podemos ver um exemplo do protótipo de média fidelidade para observarmos como ficaria a interface:

exemplo_paleta_aplicada

Tipografia

A tipografia utilizada na produção do projeto não será alterada, sendo ela a Tribuchet MS.

Interface

A interface do projeto, implementada através dos protótipos, será feita pela aplicação Figma, respeitando os conceitos estudos de Interação Humano Computador e as leis de usabilidade.

Logomarca

A logomarca não será alterada de nenhuma maneira, mantendo o seu padrão de design original, já que não é o foco do nosso projeto.

logo

Referências

  • Adobe Color CC. Disponível em: https://color.adobe.com/pt/create/color-wheel/. Acesso em: 01 set. 2021.
  • Figma. Disponível em: https://figma.com/.

Histórico de revisão

Data Autor Modificações Versão
01/09/2021 Luís Lins Criação do documento, introdução e paleta de cores 1.0
01/09/2021 Luís Lins Adiciona tipografia, informações da interface, logomarca e referências 2.0
10/09/2021 Luís Lins Adiciona imagem de exemplo com a paleta de cores aplicada 3.0