Definição de Cor

A cor principal 5E42AC foi escolhida para o design do nosso aplicativo devido à sua versatilidade e impacto visual. Esta tonalidade, um tom elegante e moderno de roxo, comunica profissionalismo e inovação, atributos essenciais para um aplicativo focado no desenvolvimento profissional e interações no ambiente de trabalho.

Para garantir consistência e flexibilidade no design, criamos uma escala de 10 cores derivadas do 5E42AC, com 5 tonalidades mais suaves e 5 mais fortes. As cores suaves serão usadas para fundos e elementos menos importantes, garantindo uma interface limpa e agradável. As cores mais fortes serão aplicadas em destaques e CTAs, proporcionando ótimo contraste.

Esse esquema de cores harmonioso não só melhora a estética do aplicativo, mas também facilita a navegação e a usabilidade, criando uma experiência visual coesa e intuitiva.

Untitled

Teste de contraste

Usei as normas da WCAG para testar o contraste das cores usadas no aplicativo. Utilize o site https://corhexa.com/verificador-contraste para garantir que a cor 5E42AC, aplicada ao fundo do CTA, e a cor EDEAF6, usada na fonte do CTA, atendam aos padrões de acessibilidade. Essa prática ajuda a criar interfaces inclusivas, focando na acessibilidade e legibilidade. Além disso, estabelece uma hierarquia visual clara, tornando a interface mais atraente e profissional. O contraste adequado entre os elementos também reforça a consistência visual da marca e reduz a fadiga visual dos usuários.

Untitled


Definição de Fonte

A fonte Inter foi escolhida para o design do aplicativo por sua clareza e legibilidade. Desenvolvida especificamente para interfaces digitais, a Inter oferece leitura fácil em todas as telas e tamanhos, garantindo que o conteúdo seja acessível e agradável para todos os usuários.

Aplicada seguindo uma hierarquia tipográfica com tamanhos de 32, 28, 24, 20, 18, 16 e 14px, essa abordagem estruturada organiza claramente a informação, destacando títulos, subtítulos e corpos de texto de maneira eficaz. O uso consistente desses tamanhos proporciona uma experiência visual harmoniosa e facilita a navegação, permitindo que os usuários encontrem rapidamente o que procuram.

Além disso, a Inter possui um design moderno e profissional, alinhando-se perfeitamente com os objetivos do aplicativo de desenvolvimento profissional e interação social. Ao escolher a Inter, a interface se torna atraente, funcional e fácil de usar, elevando a qualidade da experiência do usuário.

Untitled


Componentização dos elementos

Para garantir consistência visual, eficiência e manutenção simplificada, e para elevar a qualidade da experiência do usuário, componentizei alguns itens do design.

CTAs (Call to Actions): esses são componentes cruciais, padronizados em termos de cor, tamanho e tipografia para garantir que se destaquem e sejam facilmente identificáveis. Isso melhora a navegação e a usabilidade, orientando os usuários de maneira clara e eficiente.

Untitled