Criação de um style guide para apps

Um curso de Christian Vizcarra
Sênior UI/UX Designer de produto. Distrito de Lima, Peru.
Na Domestika desde 09/12/2014
, Sênior UI/UX Designer de produto

Aprenda a documentar e criar um manual de estilo com Sketch

  • Espanhol com legendas em português
  • 93% Avaliações positivas (29)
  • 872 estudantes
Criação de um style guide para apps

Aprenda a documentar e criar um manual de estilo com Sketch


  • Espanhol com legendas em português
  • 93% Avaliações positivas (29)
  • 872 estudantes
  • Online e no seu ritmo
  • Áudio: Espanhol
  • Nível: Iniciante
  • 20 Lições (2 h 18 m)
  • Disponível no aplicativo
  • Espanhol, Inglês, Português
  • Acesso ilimitado para sempre


Um dos elementos fundamentais para o design de aplicativos é o style guide, guia de estilo visual, que serve como referência para todas as equipes que fazem parte da criação de um aplicativo, especialmente os programadores que devem implementar os designs. Neste curso você aprenderá o passo a passo para criar um style guide funcional.

Christian Vizcarra - designer de produto reconhecido por CSS Design awards, Behance e Awwwards - cria produtos digitais há mais de 9 anos e, neste curso te ensinará a documentar, comunicar e exportar todos os componentes para criar um style guide profissional.

O que este curso inclui?

Índice do curso

  • U1
    U1. Olá!
  • U2
    U2. 1. Introdução
  • U3
    U3. Elementos no guia de estilo
  • U4
    U4. Aplicando um guia de estilo
  • PF
    PF Projeto final
Ver detalhe

Primeiro, você conhecerá o Christian, sua trajetória profissional, sua experiência como criador de produtos digitais e o objetivo de seu curso: a criação de um style guide para aplicativos móveis.

Em seguida você verá o que é um style guide, qual a sua funcionalidade e por que é tão importante na hora de criar uma experiência digital web ou em uma aplicação. Vocâ saberá ainda o que é um UI Kit, quais as suas características e as diferenças com o guia de estilo que você criará neste curso. Assim, terminará a primeira unidade vendo exemplos de boas práticas para construir o seu manual.

Na seguinte etapa, você aprenderá todos os elementos que compõem um style guide, definindo, documentando e exportando. Começará pelos símbolos, vendo sua importância e o modo para criá-los, continuará com o layout, o grid, os diferentes tipos de espaço e as cores.

Você irá se aprofundar na tipografia, aprendendo sobre as hierarquias, como documentar tamanhos, pesos, estilos e tudo o que é necessário para gerar consistência em seu produto digital.

Saberá como criar ícones e qual deverá ser o processo correto para documentar a iconografia de seu projeto. Além disso, entenderá como registrar os componentes UI: botões, formulários, cards, entre outros.

Por último, aprenderá a aplicar um style guide já criado a um novo produto e a exportar os assets para os programadores.

Qual é o projeto do curso?

Criará um style guide para um aplicativo móvel.

A quem se dirige?

A designers principiantes, UI/UX juniors e a qualquer pessoa interessada em design que esteja envolvida na criação de um produto digital.

Requisitos

Precisará de conhecimentos básicos de web designer, aplicativos e de Sketch - ou outro aplicativo de design de experiências interativas web ou de apps.

Sobre os materiais, precisará de um computador com Sketch (lembre-se que Sketch funciona somente com Apple) ou outros programas de design como Figma, InVision, Adobe XD, entre outros.


Avaliações

872 Alunos
29 Avaliações
93% Avaliações positivas
  • Ver mais avaliações

Christian Vizcarra

Um curso de Christian Vizcarra

ProfessorPro
Sênior UI/UX Designer de produto

Christian Vizcarra é sênior UI/UX designer de produto e digital strategist com uma visão 360 de produto graças ao início de sua carreira em marketing, 3D, vídeo e redes sociais. Há 8 anos ele se dedica, principalmente, a criação de produtos digitais, realizando design de sites, aplicativos e todo tipo de interface para empresas e startups em países como Espanha, Canadá, Estados Unidos, China, Brasil, entre outros.

Como um apaixonado pelas ideias, sempre explora formas de aprender novas habilidades e técnicas para se aprimorar como designer, daí nasce seu projeto pessoal chamado The Design Project, um desafio de 60 dias fazendo designs sem parar. Seu trabalho foi reconhecido por Awwwards, Behance e CSS Design Awards.


Conteúdo

  • U1

    Olá!

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

    1. Introdução

    • O que é um guia de estilo?
    • Diferenças entre o styleguide e o UI Kit
    • Boas práticas para criar um guia de estilo
  • U3

    Elementos no guia de estilo

    • Como criar símbolos?
    • Layout
    • Espaços
    • Cores
    • Tipografia
    • Iconografia
    • Componentes da interface do usuário parte 1
    • Componentes da interface do usuário parte 2
    • Componentes da interface do usuário parte 3
    • Componentes da interface do usuário parte 4
    • Componentes da interface do usuário parte 5
  • U4

    Aplicando um guia de estilo

    • Aplicando meu guia de estilo
    • Exportando ativos para programação
    • E se houver mudanças
  • PF

    Projeto final

    • x Criação de um kit de interface do usuário para aplicativos e sites

Assim são os cursos da Domestika

  • Aprenda no seu ritmo

    Desfrute dos cursos em casa, sem horários e sem entregas. Você define seu próprio cronograma.

  • Feito pelo professor

    Aprenda técnicas e métodos valiosos, que são explicados pelos maiores especialistas do mercado criativo.

  • Professores especialistas

    Cada professor ensina somente o que sabe fazer de melhor, garantindo assim que a paixão e a excelência sejam transmitidas em cada lição.

  • Certificado Pro

    Confirme que você participou do curso com um certificado assinado pelo seu professor. Adquira-o com sua assinatura do Domestika PRO.

  • Na primeira fileira

    Vídeos de alta qualidade para que você não perca nenhum detalhe. E como o acesso é ilimitado, você pode vê-los várias vezes.

  • Compartilhe o conhecimento

    Exponha suas dúvidas, peça feedback e ofereça soluções. Compartilhe o aprendizado com os outros alunos da comunidade.

  • Comunidade criativa

    Mais de 1M criativos, e a comunidade não para de crescer. O Domestika é o ambiente ideal para compartilhar e aprender o que você mais gosta.

  • Cursos elaborados profissionalmente

    Selecionamos os melhores criativos, e uma equipe de profissionais elabora o curso em parceria com eles. Eis o resultado: você terá a sensação de trabalhar com os melhores.


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.

Criação de um style guide para apps. Um curso de Design de Christian Vizcarra

Criação de um style guide para apps

Um curso de Christian Vizcarra
Sênior UI/UX Designer de produto. Distrito de Lima, Peru.
Na Domestika desde 09/12/2014
  • 93% Avaliações positivas (29)
  • 872 estudantes