24h

Para conclusão

3
Cursos

O maior e mais completo dos produtos digitais escaláveis!

O maior e mais completo dos produtos digitais escaláveis!

Se a sua meta é trabalhar com um dos maiores produtos digitais, então essa formação é para você!

Design system é um produto que vem sendo adotando cada vez mais por empresas de tecnologia, já que sua inclusão facilita muito no desenvolvimento e manutenção de outros produtos digitais, aumentando até mesmo a velocidade com que se cria novas interfaces.

Nessa formação, você vai entender de ponta à ponta o que é design system, para que serve, e como construir, manter e evoluir para a sua empresa.

Você vai aprender sobre...

  • Design tokens
  • Estilos fundamentais
  • Construção de componentes
  • Microinterações
  • Documentação

Pré-requisitos

Design systems são produtos escaláveis, e da mesma forma que os aplicativos do seu celular, eles estão sempre sendo atualizados para novas versões, contando sempre com melhorias de interface, acessibilidade, conteúdo, e diversos outros aspectos. Por ser um produto com uma complexidade maior, acreditamos que você se sairá muito melhor com o conteúdo dessa formação se acompanhar antes nossas formações de Figma e UI.

Por que estudar esta formação?

  • Guia de aprendizado

    Conteúdos pensados para facilitar seu estudo

  • Do básico ao avançado

    Formação completa para o mercado

  • Você dentro do mercado

    Do zero ao sonhado emprego em sua área de interesse

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos

Com quem você vai aprender?

  • Mateus Villain

    Senior Product Designer, especialista em design systems, professor e autor do livro Design System além do layout: Criação, estratégia e governança.

  • Mateus Villain

    Senior Product Designer, especialista em design systems, professor e autor do livro Design System além do layout: Criação, estratégia e governança.

  • Bruno Pavei

    Brand & Product Designer, Pesquisador e instrutor de UX na Alura.Mestrando em Design (UFSC), Mestre Pokemon e movido a água com gás

  • Bruno Pavei

    Brand & Product Designer, Pesquisador e instrutor de UX na Alura.Mestrando em Design (UFSC), Mestre Pokemon e movido a água com gás

  • Gabriela de Lima

    Sou formada em Design Gráfico, e trabalho com UX Writing e UX/UI Design, além das próprias artes gráficas que aprendi na minha formação acadêmica. É um alegria dizer que, hoje em dia, posso compartilhar meu conhecimento com todos vocês através de aulas, artigos e papos. Sempre bom poder contribuir com a carreira profissional de cada futuro designer!

  • Gabriela de Lima

    Sou formada em Design Gráfico, e trabalho com UX Writing e UX/UI Design, além das próprias artes gráficas que aprendi na minha formação acadêmica. É um alegria dizer que, hoje em dia, posso compartilhar meu conhecimento com todos vocês através de aulas, artigos e papos. Sempre bom poder contribuir com a carreira profissional de cada futuro designer!

Passo a passo
  1. 1 Elaborando design tokens

    Como todo produto digital, há uma necessidade por trás que faz com que um time ou uma empresa comece a se movimentar para construí-lo, afinal, de alguma forma ele irá resolver uma série de problemas de várias pessoas, e o design system é o exato caso de um produto que irá facilitar muito na construção dos outros produtos da empresa.

    Para facilitar a construção e manutenção dos produtos, tornar mais ágil e rápido, e até mesmo menos custoso, começaremos a nossa formação com os planejamentos inicias de um design system, entendendo não só o seu conceito e seus benefícios, como os processos e dinâmicas até a construção do style guide.

    • Curso Design System: definindo estilos e tokens

      08h
      • Entenda o que é um design system e seus benefícios
      • Aprenda o conceito de design tokens e sua aplicação
      • Descubra formas de nomenclatura para estilos e tokens
      • Aprenda a criar paletas de cores acessíveis
      • Aprenda a criar escalas tipográficas
      • Descubra o conceito de escala modular
      • "Entenda o conceito de elevação para criar sombras com definições de hierarquia
      • Aprenda a criar um sistema de elevação
      • Aprenda a definir os espaçamentos ideais para uma interface digital
  2. 2 Componentes

    Os design tokens, por si só, já resolvem uma série de situações nas páginas de qualquer produto, já que toda interface é composta por pelo menos um único elemento de estilo, mas sabemos que nem só de tokens vive um design system.

    Precisamos escalar isso, e é o que faremos nesta terceira etapa. Com o nosso guia de estilo recheado de estilos visuais e suas documentações de uso básicas, podemos começar a preparar e implementar componentes, que serão as principais interfaces com as quais os usuários irão interagir.

    • Curso Design System: projetando e construindo componentes

      08h
      • Saiba identificar os componentes de uma interface digital e suas prioridades de desenvolvimento
      • Compreenda o processo modular para o desenvolvimento de componentes em um design system
      • Aprenda produzir componentes harmônicos, interativos e acessíveis no Figma
      • Aprenda a projetar micro-interações
      • Conheça como interpolar componentes e instâncias
      • Entenda como prever e planejar a integração de soluções em um design system
  3. 3 Documentação

    A essa altura do campeonato, você já sabe que o design system é uma reunião de diversos elementos diferentes, mas para que realmente possamos chamar o produto de design system, é necessário termos uma área de documentação, introduzindo e explicando a utilização correta do produto.

    Na nossa reta final de aprendizado sobre design system, trabalharemos na documentação do nosso projeto, entendendo quais e como são as melhores maneiras de se realizar, o que é necessário ter e o que pode ser dispensado, e entender como a nossa comunicação deve ser feita nessa fase.

    • Curso Design System: documentando um design system

      08h
      • Aprenda o impacto de uma boa documentação de Design System
      • Busque referências norteadoras dentro do mercado e em grandes empresas
      • Entenda como estruturar uma documentação de acordo com o mercado
      • Entenda como documentar na ferramenta Zeroheight
      • Aprenda sobre as boas práticas essenciais para manter uma documentação eficiente

Escola

UX & Design

Além dessa, a categoria UX & Design conta com cursos de Usabilidade e UX, Vídeo e Motion, 3D,e mais...

Conheça a Escola

Comece a estudar agora na maior escola de tecnologia do país

Conheça os Planos para Empresas