Ir para o conteúdo

Identidade Visual

Introdução

A identidade visual é o conjunto de todas as formas visuais que irão fazer parte da aplicação. Geralmente o manual de identidade visual engloba o logotipo, as cores, a tipografia, a simbologia e os demais itens que serão utilizados no desenvolvimento do projeto.

Logotipo

Foram criados 4 modelos de logotipo mudando apenas as cores.

Logo

Por hora, utilizaremos o logotipo de número 4, já validado em reunião com o cliente.

Logo

Variação do logotipo

O logotipo pode variar de acordo com o background da aplicação e dos documentos onde for inserida. A imagem a seguir mostra as possíveis variações do logotipo, respectivamente, em backgound escuro, em background claro e a possível marca d'água.

variacoes_logo

Cores

As cores utilizadas nas aplicações (web e mobile) são 5 consistem em tons de azul, branco e preto, usadas nas simbologias, backgrounds, textos e outros elementos utilizados nos protótipos.

cores

Tipografia

Quanto a tipografia, escolheu-se apenas uma para todos os textos das aplicações: Roboto, trazendo as variações dessa fonte para diferenciar títulos e textos comuns: Roboto Black, Roboto Medium e Roboto SemiBold. Além de fazer a diferenciação por tamanho e disposição dos textos nas telas.

tipografia

Simbologia

Alguns símbolos foram escolhidos para compor os elementos e menus necessários nas aplicações. Sendo os principais os listados na imagem a seguir.

simbologia

Versionamento

Data Versão Descrição Autor
28/11/2022 1.0 Criação do documento Eduarda
30/11/2022 1.1 Correção no formato das imagens Eduarda
12/12/2022 1.2 Complementação do documento Eduarda