Criação de UI Kits com Sketch

Um curso de Nodos .
UX/UI Designer. Cidade do México, México.
Ingressou em junho de 2016
, UX/UI Designer

Aprenda a criar arquivos-modelo para design de interfaces de apps e web com a metodologia Atomic Design e otimize seus projetos

  • Espanhol com legendas em português
  • 95% avaliações positivas (20)
  • 493 estudantes

Aprenda a criar arquivos-modelo para design de interfaces de apps e web com a metodologia Atomic Design e otimize seus projetos



Espanhol com legendas em português
  • 95% avaliações positivas (20)
  • 493 estudantes
  • 17 aulas (3 h 1 m)
  • 21 recursos adicionais (11 arquivos)
  • Online e no seu ritmo
  • Disponível no aplicativo
  • Áudio: Espanhol
  • Espanhol, Inglês, Português, Alemão, Francês, Italiano, Polonês, Holandês
  • Nível: Iniciante
  • Acesso ilimitado para sempre


A principal função de um aplicativo é facilitar a vida dos seus usuários, ainda que criar um app possa ser bastante complicado. É por isso que os UI Kits, ou conjuntos de elementos prontos para usar na concepção de interfaces, são um recurso útil para todo designer.

Neste curso, você aprenderá a criar UI Kits para aplicativos e sites no Sketch com o designer Migue, também conhecido como Nodos. Descobrirá também como atualizá-los para reutilização em projetos futuros e como otimizar o seu fluxo de trabalho. Ao final, você será capaz de criar interfaces poderosas e experiências inesquecíveis de um jeito rápido e fácil.

O que você aprenderá neste curso online?

Índice do curso

  • U1
    U1. Introdução
  • U2
    U2. Conceitos de esboço e configuração
  • U3
    U3. Estabelecendo as bases de nosso kit de interface do usuário com Sketch
  • U4
    U4. Para criar componentes atômicos no Sketch
  • U5
    U5. Bibliotecas no Sketch
  • PF
    PF Projeto final
Ver detalhe

Você começará conhecendo o seu professor, Nodos, que contará um pouco sobre a sua carreira e explicará o projeto que será trabalhado ao longo deste curso.

Em seguida, descobrirá o que é um UI Kit e o que o diferencia de um sistema de design. Aprenderá os padrões de design de interface e verá como organizar os seus arquivos de acordo com a metodologia utilizada pelo professor.

Você revisará o projeto no qual se baseará para criar o seu UI Kit e analisará os componentes a serem criados. Definirá o seu guia de estilo, com atenção especial nas cores, fonte, grids e o conjunto de ícones.

Depois, você partirá para a criação do seu design atômico, primeiro montando os átomos, depois combinando alguns deles para criar as moléculas e, por último, algumas telas com todos estes componentes.

Para concluir, Nodos mostrará como utilizar o seu UI Kit em Sketch como biblioteca e mantê-lo atualizado, adicionando novos componentes conforme necessário.

Qual é o projeto do curso?

Você criará seu próprio UI Kit a partir de um aplicativo musical.

Para quem é este curso online?

A designers que queiram entrar no mundo do design de interfaces ou melhorar suas habilidades nesta área, a iniciantes em design de interação e pessoas interessadas em design de aplicativos e de produtos digitais.

Requisitos e materiais

Para fazer este curso, é necessário ter conhecimentos básicos de Sketch.

Em relação aos materiais, você precisará de um computador com Mojave macOS, ou superior, e ter a última versão do Sketch instalada (é possível baixar a versão teste no site do software). Embora não seja essencial, recomenda-se possuir uma mesa digitalizadora Wacom.


Avaliações

493 Alunos
20 Avaliações
95% Avaliações positivas
  • Ver mais avaliações

Nodos .

Um curso de Nodos .

Professor Plus
UX/UI Designer

Designer no estúdio Frog, no México, Migue ou Nodos é especializado na criação de padrões e componentes em sistemas de design. Com mais de sete anos de experiência na indústria, seu trabalho consiste em criar interfaces funcionais e estéticas para aplicativos móveis e web. Já participou em projetos de educação, saúde, comunicação, fintech e moeda criptográfica.

Atualmente, cria padrões e sistemas de design escaláveis. Também é cofundador da SketchMX, uma comunidade para designers, desenvolvedores, UX writers e qualquer pessoa interessada na criação de produtos digitais.


Conteúdo

  • U1

    Introdução

    • Influências
    • O que faremos durante o curso
    • Apresentação
  • U2

    Conceitos de esboço e configuração

    • Design Atômico
    • Padrões de IU e componentes no Sketch
    • O que é um UI Kit?
  • U3

    Estabelecendo as bases de nosso kit de interface do usuário com Sketch

    • O projeto
    • Cores, fonte e grade
    • Cores, fonte e grade 2
    • Conjunto de ícones
  • U4

    Para criar componentes atômicos no Sketch

    • Criando componentes: átomos
    • Criando componentes: átomos 2
    • Criando componentes: moléculas
    • Criação de telas com átomos e moléculas
  • U5

    Bibliotecas no Sketch

    • Apresente seu kit de interface do usuário
    • Adicione novos componentes ao nosso UI Kit
    • UI Kit como uma biblioteca no Sketch
  • PF

    Projeto final

    • Criação de UI Kits com Sketch

O que esperar de um curso da Domestika

  • Aprenda no seu ritmo

    Aproveite para aprender desde casa, sem um horário fixo e no seu ritmo. É você quem define sua disponibilidade.

  • Aprenda com os melhores profissionais

    Aprenda os métodos e técnicas mais úteis com os melhores profissionais do setor criativo.

  • Conheça os maiores especialistas

    Cada professor transmitirá seus conhecimentos com entusiasmo e explicações claras, oferecendo uma perspectiva profissional em cada lição.

  • Certificados
    Plus

    Se você é um membro Plus ou PRO, você ganhará um certificado personalizado, assinado pelo seu professor ao concluir o curso, para compartilhá-lo no seu portfólio, redes sociais ou onde você quiser.

  • Sente-se na primeira fila

    Com vídeos da melhor qualidade, você não perderá nenhum detalhe! Graças ao acesso ilimitado, você pode assistir as lições todas as vezes que precisar para aperfeiçoar sua técnica.

  • Compartilhe conhecimentos e ideias

    Pergunte, peça opiniões e ofereça soluções. Compartilhe sua experiência de aprendizagem com outros estudantes da comunidade tão criativos como você.

  • Conecte-se a uma comunidade criativa global

    Esta comunidade acolhe milhões de pessoas do mundo todo, curiosas e apaixonadas por descobrir e expressar sua criatividade.

  • Assista cursos gravados profissionalmente

    A Domestika seleciona cuidadosamente seu time de professores e produz cada curso internamente para garantir uma experiência de aprendizagem online excelente.


Perguntas frequentes

Os cursos da Domestika são aulas online que lhe permitem aprender uma série de ferramentas e habilidades para realizar um projeto concreto. Cada etapa do projeto combina vídeos e textos, além de materiais de ensino complementares. Os cursos também oferecem a oportunidade de compartilhar seus próprios projetos com outros usuários e com o professor, criando assim uma comunidade em torno do curso.

Os cursos são 100% online, portanto, assim que são publicados, os cursos começam e terminam quando você quiser. Você determina o ritmo da aula. É possível voltar para ver o que lhe interessa, passar o que você já sabe, fazer perguntas, resolver dúvidas, compartilhar seus projetos e muito mais.

Os cursos são divididos em diferentes unidades, cada uma inclui lições, textos explicativos, tarefas e práticas para completar seu projecto passo a passo, recursos e documentos complementares. Você também terá acesso a um fórum exclusivo no qual poderá interagir com todos os alunos do curso e o professor, bem como compartilhar seus trabalhos e o projeto que realizar, criando uma comunidade em torno do curso.

Você pode resgatar um curso que recebeu de presente acessando a página de resgate, na qual poderá inserir o código de presente fornecido.

Se você é um membro Plus ou PRO, você ganhará um certificado personalizado, assinado pelo seu professor, ao concluir o curso. Você poderá ver todos os seus certificados na seção Certificados, dentro do seu perfil, baixá-los no formato PDF ou compartilhar o link nas redes. Saber mais sobre os certificados
Criação de UI Kits com Sketch. Um curso de Web e App Design de Nodos .

Criação de UI Kits com Sketch

Um curso de Nodos .
UX/UI Designer. Cidade do México, México.
Ingressou em junho de 2016
  • 95% avaliações positivas (20)
  • 493 estudantes