From 142e9a88df925d85a5314f1f9a80713329c503f7 Mon Sep 17 00:00:00 2001 From: Allana <64492902+allana-tb@users.noreply.github.com> Date: Sat, 8 Oct 2022 15:13:13 -0300 Subject: [PATCH] =?UTF-8?q?Update=2006=20-=20Template=20Padr=C3=A3o?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...dr\303\243o da Aplica\303\247\303\243o.md" | 23 ++++++++++++------- 1 file changed, 15 insertions(+), 8 deletions(-) diff --git "a/docs/06-Template Padr\303\243o da Aplica\303\247\303\243o.md" "b/docs/06-Template Padr\303\243o da Aplica\303\247\303\243o.md" index 6c54807c..198b80f0 100644 --- "a/docs/06-Template Padr\303\243o da Aplica\303\247\303\243o.md" +++ "b/docs/06-Template Padr\303\243o da Aplica\303\247\303\243o.md" @@ -2,11 +2,18 @@ Pré-requisitos: Especificação do Projeto, Projeto de Interface, Metodologia -Layout padrão da aplicação que será utilizado em todas as páginas com a definição de identidade visual, aspectos de responsividade e iconografia. - -> **Links Úteis**: -> -> - [CSS Website Layout (W3Schools)](https://www.w3schools.com/css/css_website_layout.asp) -> - [Website Page Layouts](http://www.cellbiol.com/bioinformatics_web_development/chapter-3-your-first-web-page-learning-html-and-css/website-page-layouts/) -> - [Perfect Liquid Layout](https://matthewjamestaylor.com/perfect-liquid-layouts) -> - [How and Why Icons Improve Your Web Design](https://usabilla.com/blog/how-and-why-icons-improve-you-web-design/) +Foi desenvolvido pelo grupo o símbolo do TimeUp, com um relógio de modo a simbolizar o objetivo da aplicação de facilitar gerenciamento de tempo. O símbolo principal utiliza a cor vermelha escolhida como cor principal, mas é customizado em algumas telas do aplicativo de modo a manter a coesão gráfica dos elementos. + +![Símbolo](https://github.com/ICEI-PUC-Minas-PMV-ADS/TimeUpPomodoro/blob/ee1442d903d0e495de4d03a4366b540ea9917ca4/docs/img/S%C3%ADmbolo%20principal.jpg) + +As telas foram criadas conforme o [Modelo ER](docs/05-Arquitetura da Solução.md), que simboliza a jornada do cliente no aplicativo. Com base nisso, desenvolvemos no [Figma](https://www.figma.com/file/j3IXXF3Ovc3VrjcOi2mTeV/TimeUP?node-id=32%3A462) os wireframes e o protótipo inicial de nossa aplicação, que pode ser acessado [nesse link](https://www.figma.com/proto/j3IXXF3Ovc3VrjcOi2mTeV/TimeUP?node-id=32%3A576&scaling=scale-down&page-id=32%3A462&starting-point-node-id=32%3A576). + +Assim, temos todas as telas da aplicação: +![Telas](https://github.com/ICEI-PUC-Minas-PMV-ADS/TimeUpPomodoro/blob/ee1442d903d0e495de4d03a4366b540ea9917ca4/docs/img/Figma%20completo.jpg) + +Temos também os fluxos entre elas: +![Fluxos de telas](https://github.com/ICEI-PUC-Minas-PMV-ADS/TimeUpPomodoro/blob/ee1442d903d0e495de4d03a4366b540ea9917ca4/docs/img/figma.jpg) + +A paleta de cores foi testada no Adobe Colors para sua acessibilidade para pessoas daltônicas, bem como avaliada sua legibilidade em termos de contraste. Além da paleta de cores principal, à direita na imagem, é possível que as cores principais (vermelho, verde e azul) sejam customizadas por usuários, conforme pode ser visto no seguinte print: +![Paletas](https://github.com/ICEI-PUC-Minas-PMV-ADS/TimeUpPomodoro/blob/ee1442d903d0e495de4d03a4366b540ea9917ca4/docs/img/paletas.jpg) +