design_mockups.md

@@ -17,30 +17,37 @@ Após a primeira semana desenvolvendo os protótipos de baixa fidelidade, inicia
 
 ### Logo
 Foi criado um novo logo para o projeto já que o logo anteriormente criado na ideia do projeto não encaixaria no design dos outros assets e padrões que projetamos, por isso decidimos fazer um novo.
+
 <img src="./resources/images/autis-logo.png" width="400">
 
 ### Header e Background
 O header acompanha o usuário durante toda navegação para saber sempre em que área ele se situa seja de professor, aluno, especialista, coordenador etc. O mesmo acontece com o background, mas ele é apenas visual.
+
 <img src="./resources/images/mockups-header-background.png" width="400">
 
 ### Icones utilizados
 Foram utilizados os icones da biblioteca Font Awesome e na imagem abaixo estão disponíveis as imagens, nomes e onde foram utilizados na prototipação em diversos componentes.
+
 <img src="./resources/images/mockups-componentes-icons.png" width="400">
 
 ### Botões
 Campos clicáveis ao usuário para efetuar das mais diversas ações tais como submeter, deletar ou editar alguma informação ou navegar para alguma tela.
+
 <img src="./resources/images/mockups-componentes-botao.png" width="400">
 
 ### Inputs
 Campos em que o usuário insere informações sejam dele mesmo ou de busca.
+
 <img src="./resources/images/mockups-componentes-input.png" width="400">
 
 ### Cards
 Cards que são utilizados na listagem de alunos, materiais, relatórios e características de alunos.
+
 <img src="./resources/images/mockups-componentes-cards.png" width="400">
 
 ### Popups e Tags
 Os popups foram usados principalmente para indicar algum erro ou sucesso ao usuário, já as tags foram utilizadas para categorizar os materiais que são postados.
+
 <img src="./resources/images/mockups-componentes-popup-tag.png" width="400">
 
 Depois de definidos os assets e padrões a serem utilizados, o time seguiu com o desenvolvimento dos protótipos de alta fidelidade, os quais como apresentado nos protótipos de baixa fidelidade terão três fluxos diferentes, um de professor, um de especialista e um de coordenador sendo que todos partem da tela de login comum entre eles. A seguir são apresentadas imagens contendo as telas desenvolvidas do protótipo de alta fidelidade para o login e segue juntamente o fluxo demonstrado nos protótipos de baixa fidelidade para cada um dos usuários.