design_mockups.md

+<table>
+<tr>
+
+<th>
+
+[Home](home)
+
+</th>
+
+<th>
+
+[Escopo](escopo)
+
+</th>
+
+<th>
+
+[Arquitetura](arquitetura)
+
+</th>
+
+<th>
+
+[Código](codigo)
+
+</th>
+
+<th>
+
+[Configuração](configuracao)
+
+</th>
+
+<th>
+
+[**Design/Mockups**](design_mockups)
+
+</th>
+
+<th>
+
+[BD](banco_dados)
+
+</th>
+
+<th>
+
+[Instalação](instalação)
+
+</th>
+
+<th>
+
+[Gerência](gerencia)
+
+</th>
+
+<th>
+
+[Qualidade](qualidade)
+
+</th>
+
+<th>
+
+[Processo](processo)
+	
+</th>
+
+<th>
+
+[Retro](retro)
+	
+</th>
+
+<th>
+
+[Utilização](utilizacao)
+	
+</th>
+
+<th>
+
+[Estudos dirigidos](estudos) 
+	
+</th>
+
+</tr>
+</table>
+
+## Sumário
+
+- [Design do Sistema](#design-do-sistema)
+  - [Descrição](#descrição)
+  - [Protótipos de Baixo Nível](#protótipos-de-baixo-nível)
+  - [Protótipos de Alto Nível](#protótipos-de-alto-nível)
+  - [Cores](#cores)
+  - [Tipografia](#tipografia)
+  - [Elementos Visuais](#elementos-visuais)
+
+## Descrição
+
+Nesta seção constam todos os protótipos e dados do design do sistema. Confeccionados na Sprint 0, os mockups foram desenvolvidos na ferramenta Figma e podem ser encontrados [aqui](https://www.figma.com/file/znT0iF53mKsZoeLn0E2k3X/Tela-de-inicio?node-id=0%3A1). v
+
+## Protótipos de Baixo Nível
+
+Os protótipos de baixo nível foram feitos no encontro do dia 10/08/2022. O grupo discutiu as funcionalidades do sistema enquanto desenhava as telas no quadro.
+
+Abaixo temos o registro dos protótipos realizados:
+Tela de Login
+
+![baixoNivelLOGIN](uploads/2b0ec7dea462155c975cd8107c859c06/baixoNivelLOGIN.jpg)
+
+Tela Inicial
+
+![baixoNivelINICIO](uploads/4e7c62ed5b82da75b2254e1f7b8c23c9/baixoNivelINICIO.jpg)
+
+Tela de Criação de Ficha
+
+![baixoNivelTIPOS](uploads/c70577baf67a518c098940291a0dd3be/baixoNivelTIPOS.jpg)
+
+Tela FICAIS na Rede
+
+![baixoNivelFICAISREDE](uploads/b719b878168b7d07b81a63290c2fd512/baixoNivelFICAISREDE.jpg)
+
+## Protótipos de Alto Nível
+
+![Screen_Shot_2022-09-21_at_21.39.54](uploads/ebcf12f3b7f646ec9949e24ffdd1517a/Screen_Shot_2022-09-21_at_21.39.54.png)
+
+![Screen_Shot_2022-09-21_at_21.40.10](uploads/fab70a32d3fd5348a1c1a5413759f8c4/Screen_Shot_2022-09-21_at_21.40.10.png)
+
+![Screen_Shot_2022-09-21_at_21.40.48](uploads/21791bb903789af68ca79265b5b2a37f/Screen_Shot_2022-09-21_at_21.40.48.png)
+
+## Cores
+
+As cores utilizadas para o desenvolvimento do trabalho foram:
+
+Laranja: #FF7D61
+
+Azul claro: #EFF3F6
+
+Cinza: #666666
+
+## Tipografia
+
+Montserrat medium
+
+Montserrat regular
+
+## Elementos Visuais
+
+A imagem encontrada na tela de inicio foi disponibilizada pelas stakeholders e os demais os temas ícones e desenhos foram coletados no site: https://undraw.co/illustrations e https://fonts.google.com/icons