Skip to content

GitLab

design_mockups · Changes

Page history
Update design_mockups authored by Adriana Anacleto Serpa's avatar Adriana Anacleto Serpa
Show whitespace changes
Inline Side-by-side
design_mockups.md
View page @ 3dad2d8a
...@@ -12,7 +12,6 @@ Nesta seção serão apresentadas as telas da interface do sistema, planejadas e ...@@ -12,7 +12,6 @@ Nesta seção serão apresentadas as telas da interface do sistema, planejadas e
- [Escolha de cores e padrões](#escolha-de-cores-e-padrões) - [Escolha de cores e padrões](#escolha-de-cores-e-padrões)
- [Protótipos de Alto Nível](#protótipos-de-alto-nível) - [Protótipos de Alto Nível](#protótipos-de-alto-nível)
> **Observação:** Consulte a seção *UX/UI* no menu [Qualidade](qualidade#ux-ui) para mais detalhes sobre design patterns.
## Escolha de cores e padrões ## Escolha de cores e padrões
...@@ -40,8 +39,8 @@ Estamos utilizando componentes criados na ferramenta Figma para compor as telas ...@@ -40,8 +39,8 @@ Estamos utilizando componentes criados na ferramenta Figma para compor as telas
#### Card com o status atual da operação #### Card com o status atual da operação
![image](uploads/7bde52d0442e91d603ae10f56b654f6d/image.png) ![image](uploads/7bde52d0442e91d603ae10f56b654f6d/image.png)
#### Botão para cadastro #### Botões para cadastro
![image](uploads/26e6cc97388ebdfa9e0a55131cccb1d0/image.png) ![image](uploads/080d147ce4eb2bd80d621a434352a091/image.png)
#### Ícone de etapa concluída #### Ícone de etapa concluída
![image](uploads/c305431731d644bbcada259da7032a6c/image.png) ![image](uploads/c305431731d644bbcada259da7032a6c/image.png)
...@@ -57,34 +56,26 @@ Estamos utilizando componentes criados na ferramenta Figma para compor as telas ...@@ -57,34 +56,26 @@ Estamos utilizando componentes criados na ferramenta Figma para compor as telas
![image](uploads/b39292b879e052b2d12210ad9a1898bb/image.png) ![image](uploads/b39292b879e052b2d12210ad9a1898bb/image.png)
### Tela Inicial ### Tela Inicial
![image](uploads/a05a7a9888c2419f353fc8e9ce44e5b1/image.png) ![image](uploads/63e0d15f147c08cc0c8395f762858fcf/image.png)
### Cadastro de Operação ### Cadastro de ordem de produção
![image](uploads/6264747d423d978ca3b8062d1622fcae/image.png) ![image](uploads/9fa1f9a41debe3aeccf0d1e3b09507c6/image.png)
### Seleção de Etapas da Operação ### Seleção de Etapas da Operação
![image](uploads/5ad027c2baeb6cd6efeba0a4da87763b/image.png) ![image](uploads/5ad027c2baeb6cd6efeba0a4da87763b/image.png)
### Finalização e Historico de uma Operação ### Cadastro de lotes
![image](uploads/9800df3a7d2f3571697591714d8a3de5/image.png) ![image](uploads/e4f177cd7fef4437969e28bd05cb36b5/image.png)
### Cadastro de Matéria Prima ### Cadastro de Matéria Prima
![image](uploads/8386cfa9fb657ee06279e1a0f7a70566/image.png) ![image](uploads/56b12db9d5d61d874d1a90ed1530a8b7/image.png)
### Cadastro do Produto Final ### Cadastro do Produto Final
![image](uploads/51643599570a286b4a9593b24da0b9ac/image.png) ![image](uploads/32193e6f40815152e01c6f674528f6d0/image.png)
### Estoque para Matéria Prima ### Painel de configuração
![image](uploads/bf0b18ae3ab3be2da54029bccf5c7cb0/image.png) ![image](uploads/ac72f6ab5bebf8cde26146288b04b4e1/image.png)
### Lote de Matéria Prima
![image](uploads/f4cbf0260cd2864f6fc5fd56ba1a481c/image.png)
### Estoque para Produto Final
![image](uploads/cf3b7d814073b6b2504a7c7bfb19b1f6/image.png)
### Lote de Produto Final
![image](uploads/1ae3421e65ce3e48b2d0498359fc3d92/image.png)
### Observações Gerais ### Observações Gerais
......