Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Primeiro design system

Olá estudantes de UX/UI Design!

Logo após finalizar o curso fiquei pensando em como poderia colocar em prática o conhecimento adquirido e gostaria de compartilhar meu primeiro design system.

Estou no processo de aprendizado e atualmente estudando a formação Figma, logo eu que havia iniciado meus estudos com linguagens de programação e descobri um interesse enorme por desenvolvimento frontend e design, divergente não é.

O design foi inspirado num projeto já existente e levei em consideração os aspectos do layout. O que me chamou mais atenção foi principalmente a cor azul predominante (uma tonalidade mais escura). Caso tenha interesse em visualizar o projeto original postado pelo autor vou disponibilizar o link logo abaixo:

https://dribbble.com/shots/14708104-Ronas-IT-New-Website

Design da página:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Design system:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Link para edição: https://www.figma.com/file/2QTIvmwcP7oxmOYvVtLTBQ/9xb-01-alura?node-id=2%3A9

Seria um prazer ter a sua colaboração no design do projeto, fique à vontade para fazer o ajuste que julgar necessário.

Um ponto importante é seu feedback, pois será possível identificar quais são os pontos que preciso melhorar sejam eles: organização do projeto, cores utilizadas, design escolhido, ausência de algum detalhe crucial, entre outros.

Contato

Linkedin: https://www.linkedin.com/in/danilo-fontes-de-carvalho/

Github: https://github.com/createdByJin

E-mail: danilo_f.carvalho@live.com

2 respostas

Esse documento sofreu algumas alterações, pois no momento da implementação percebi um resultado diferente do que esperava.

Os ajustes foram:

  • tonalidade de algumas cores
  • tamanho de alguns elementos (ex: menu superior, botões)
  • tamanho das fontes

Estou confortável em dizer o quanto a consulta desse documento ajuda na construção da página. Otimiza em muitos aspectos e pode ser muito vantajoso quando compartilhado entre a equipe que desenvolve uma aplicação seja ela qual for.

Disponibilizo o link do repositório com o resultado final logo abaixo:

https://github.com/createdByJin/br-com-blaze

Tecnologias utilizadas: HTML/CSS

solução!

Olá Danilo, tudo bem?

Cara, muito legal que vc esteja disponibilizando esse arquivo para o pessoal olhar aqui no fórum! Muito obrigado por isso! =)

Ficou bem legal essa parte que vc produziu. Caso vc deseje você pode ir incrementando esse seu design system com mais elementos com o passar do tempo, incluindo componentes, organismos, mais estilos de texto, etc. Mas a princípio está bem legal, parabéns pelo seu trabalho! =)