design_mockups.md

@@ -12,88 +12,113 @@ Esta seção apresentará todos os dados do Design do Sistema, sejam eles escolh
 - [Design do Sistema](#design-do-sistema)
   - [Descrição](#descrição)
   - [Sumário](#sumário)
+  - [Ferramenta Utilizada](#ferramenta-utilizada)
   - [Protótipos](#protótipos)
   - [Cores](#cores)
   - [Tipografia](#tipografia)
   - [Elementos Visuais](#elementos-visuais)
 
+## Figma
+
+[Protótipos do Apus Drones no Figma](https://www.figma.com/file/pMrt1GO9aZ8FfIX2FeZlhW/Apus-Drone-%2B-Material-Baseline-Design?node-id=411%3A3368)
+
 ## Protótipos
 
 ### Usuário Cliente:
 
-#### Login do Cliente              Cadastro do Cliente
+#### Login do Cliente
 <img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/login.png"  width="220" height="400">
 
+#### Cadastro do Cliente
 <img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/cadastro.png"  width="220" height="400">
 
-<img src=""  width="220" height="400">
-<img src=""  width="220" height="400">
-<img src=""  width="220" height="400">
-
-
+#### Tela Inicial
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/inicio.png"  width="220" height="500">
 
-![Tela de Início do Cliente](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/inicio.png)
+#### Carrinho
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/carrinho.png"  width="220" height="400">
 
-![Tela do Carrinho do Cliente](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/carrinho.png)
+#### Histórico de Pedidos do Cliente
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/historico_de_pedidos.png"  width="220" height="400">
 
-![Tela de Histórico de Pedidos do Cliente](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/historico_de_pedidos.png)
+#### Pedido do Cliente
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/meu_pedido.png"  width="220" height="400">
 
-![Tela de Pedido do Cliente](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/meu_pedido.png)
+#### Detalhes do Pedido do Cliente
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/detalhe_pedido_1.png"  width="220" height="500">
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/detalhe_pedido_2.png"  width="220" height="500">
 
-![Detalhe do Pedido do Cliente](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/detalhe_pedido_1.png)
+#### Acompanhamento do Pedido do Cliente
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/acompanhamento_do_pedido.png"  width="220" height="400">
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/acompanhamento_do_pedido_2.png"  width="220" height="400">
 
-![Detalhe do Pedido do Cliente](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/detalhe_pedido_2.png)
+#### Compra Finalizada
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/compra_finalizada.png"  width="220" height="400">
 
-![Acompanhamento do Pedido do Cliente](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/acompanhamento_do_pedido.png)
-
-![Acompanhamento do Pedido do Cliente](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/acompanhamento_do_pedido_2.png)
-
-![Acompanhamento do Pedido do Cliente](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/cliente/compra_finalizada.png)
 
 ### Usuário Parceiro:
 
-![Tela de Cadastro do Parceiro](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/cadastro.png)
+#### Cadastro do Parceiro
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/cadastro.png"  width="220" height="400">
+
+#### Login do Parceiro
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/login.png"  width="220" height="400">
 
-![Tela de Login do Parceiro](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/login.png)
+#### Tela CRUD produtos
 
-![Tela CRUD produtos - Create](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/CRUD_produtos_create.png)
+##### Create
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/CRUD_produtos_create.png"  width="220" height="400">
 
-![Tela CRUD produtos - Delete](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/CRUD_produtos_delete.png)
+##### Retrieve
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/CRUD_produtos_retrieve.png"  width="220" height="400">
 
-![Tela CRUD produtos - Retrieve](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/CRUD_produtos_retrieve.png)
+##### Update
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/CRUD_produtos_update.png"  width="220" height="400">
 
-![Tela CRUD produtos - Update](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/CRUD_produtos_update.png)
+##### Delete
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/CRUD_produtos_delete.png"  width="220" height="400">
 
-![Tela de Pedidos do Parceiro](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/pedidos_1.png)
+#### Pedidos
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/pedidos_1.png"  width="220" height="400">
 
-![Tela de Pedidos do Parceiro](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/pedidos_2.png)
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/pedidos_2.png"  width="220" height="400">
 
-![Tela de Pedidos do Parceiro](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/pedidos_3.png)
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/pedidos_3.png"  width="220" height="400">
 
-![Tela de Pedidos do Parceiro](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/pedidos_4.png)
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/pedidos_4.png"  width="220" height="400">
 
-![Tela de Perfil do Parceiro](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/perfil.png)
+#### Perfil do Parceiro
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/perfil.png"  width="220" height="400">
 
-![Tela de Solicitação de Pedido](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/solicitacao_de_pedido.png)
+#### Solicitação de Pedido
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/solicitacao_de_pedido.png"  width="220" height="400">
 
-![Tela Inicial do Parceiro](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/tela_inicial.png)
+#### Tela Inicial do Parceiro
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/parceiro/tela_inicial.png"  width="220" height="400">
 
 ### Usuário Piloto:
-![Tela de Cadastro do Piloto](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/cadastro.png)
 
-![Tela de Aceitar Corrida](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/aceitar_corrida.png)
+#### Cadastro do Piloto
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/cadastro.png"  width="220" height="400">
 
-![Tela de Realizar Entrega do Pedido](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/realizar_coleta_-_entrega.png)
+#### Aceitar Corrida
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/aceitar_corrida.png"  width="220" height="400">
 
-![Tela de Realizar Coleta do Pedido](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/realizar_corrida_-_coleta.png)
+#### Realizar Entrega do Pedido
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/realizar_coleta_-_entrega.png"  width="220" height="400">
 
-![Tela de Detalhes da Corrida](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/detalhes_da_corrida.png)
+#### Realizar Coleta do Pedido
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/realizar_corrida_-_coleta.png"  width="220" height="400">
 
-![Tela de Histórico de Corridas](http://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/historico_de_corridas.png)
+#### Detalhes da Corrida
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/detalhes_da_corrida.png"  width="220" height="400">
 
-![Tela Dash](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/dash.png)
+#### Histórico de Corridas
+<img src="http://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/historico_de_corridas.png"  width="220" height="400">
 
-![Tela Dash 2](https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/dash_2.png)
+#### Dash
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/dash.png"  width="220" height="400">
+<img src="https://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/piloto/dash_2.png"  width="220" height="400">
 
 ## Cores
 
@@ -113,6 +138,3 @@ Títulos e corpo: fonte Roboto.
 
 ![Elementos](http://tools.ages.pucrs.br/apus-drones/apus-drones-wiki/raw/mockup/mockups/Tema_Cores.png)
 
-## Figma
-
-[Protótipos do Apus Drones no Figma](https://www.figma.com/file/pMrt1GO9aZ8FfIX2FeZlhW/Apus-Drone-%2B-Material-Baseline-Design?node-id=411%3A3368)