Introdução a Design Systems com Figma

Introdução a Design Systems com Figma

“Prezado aluno, chegamos ao final do curso. Agora você sabe o que são sistemas de design . Você também aprendeu um pouco sobre sua história, as partes que os compõem e os benefícios que eles podem trazer para seus projetos, produtos e equipes de trabalho. Primeiro definimos os princípios de design que seriam nossa "filosofia" básica e, uma vez que ficamos claros, fomos para Figma e inspecionamos o guia de estilo para entender como criar os estilos de texto e cor, analisando as escalas para dispositivos móveis e mesa.

Em seguida, projetamos os elementos e componentes que seriam a espinha dorsal de tudo o que faríamos mais tarde: ícones, botões, cartão , item, diálogo, entre outros. Além disso, também vimos o que são padrões ou padrões e qual a utilidade de tê-los documentados. De qualquer forma, vimos tudo o que você precisa para ter um sistema de design escalável, consistente e coerente para unificar a aparência e o comportamento de seus designs de interface. Quando tínhamos uma base muito sólida, era hora de colocar os componentes à prova, projetando a tela principal de um site de viagens em três tamanhos diferentes. Isso nos deu uma ideia mais realista de quão bem preparados os componentes e estilos estão para responder a diferentes situações. Na última parte, você aprendeu por que um sistema de design nunca termina e, portanto, como é necessário documentá-lo para que os outros membros de sua equipe saibam como usá-lo. Para fazer isso, usamos Zeroheight, a ferramenta que nos permitiu ter tudo documentado em um só lugar. Lembre-se que um sistema de design é um esforço de equipe que envolve muitas pessoas, mas você sempre pode começar com uma boa base com o que fizemos no curso para que depois seja mais fácil continuar crescendo. Compartilhe no fórum o resultado final de seu projeto de sistema de design e as etapas que o conduziram a ele. Você também pode pensar em outros princípios de design, componentes ou padrões que são diferentes daqueles que mencionamos e que se adaptam melhor ao que você precisa especificamente. Depois, você pode prepará-los e adaptá-los seguindo as mesmas diretrizes e recomendações que vimos no curso. Sinta-se à vontade para entrar em contato comigo se tiver dúvidas, perguntas ou comentários. Terei todo o gosto em ajudá-lo no que puder para que os conteúdos sejam úteis e tenham valor para o seu caso particular. Seguimos em contato! ”

Transcrição parcial do vídeo

“Projeto final Chegamos ao final deste curso Domestika, e acredito ter ensinado o que você precisa para criar um projeto organizado, escalável, coerente e consistente usando componentes reutilizáveis. Os conceitos do curso são para a web, mas eles podem ser usados para aplicativos móveis. Eu adoraria ver seus resultados e comentá-los no fórum. Antes de me despedir farei um resumo dos passos que segui para desenhar seu projeto final. Vimos o que são "sistemas de design" e os benefícios de usá-los para você, sua equipe e o produto. Em seguida, examinamos as partes componentes. Entendemos a fun...”

Esta transcrição é gerada automaticamente, portanto pode conter erros.

Resumo do curso: Introdução a Design Systems com Figma

• Nível: Iniciante
• 99% avaliações positivas (412)
• 11228 alunos
• 5 unidades
• 24 aulas (4h 38m)
• 11 downloads

• Categoria

  Web e App Design

• Softwares

  Figma

• Áreas

  Design de apps, Design de produto digital, Mobile Design, UX / UI