Criação de um style guide para apps
Um curso de Christian Vizcarra , Designer de produtos sênior
Aprenda a documentar e criar um manual de estilo com Sketch
- Espanhol com legendas em português
- 96% avaliações positivas (136)
- 3501 alunos
Aprenda a documentar e criar um manual de estilo com Sketch
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 você aprenderá neste curso online?
20 aulas & 8 downloads
- 96% avaliações positivas (136)
- 3501 alunos
- 20 aulas (2h 18m)
- 8 recursos adicionais (0 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
Adobe XD
Figma
InVision
SketchQual é o projeto deste curso?
Criará um style guide para um aplicativo móvel.
Projetos de alunos do curso
Para quem é este curso online?
A designers principiantes, UI/UX juniors e a qualquer pessoa interessada em design que esteja envolvida na criação de um produto digital.
Requisitos e materiais
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
Um curso de Christian Vizcarra
Christian Vizcarra é sênior 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
-
Criação de um style guide para apps
-
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 métodos e técnicas fundamentais com os melhores profissionais do setor criativo.
-
Conheça os maiores especialistas
Cada professor compartilha seus conhecimentos com entusiasmo e explicações claras, oferecendo uma perspectiva profissional em cada aula.
-
Certificados
PlusSe você for um membro Plus, obtenha um certificado personalizado assinado pelo professor de cada curso que concluir. Compartilhe-o em seu portfólio, mídia social ou onde 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 às aulas 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 alunos 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 a cursos produzidos de maneira profissional
A Domestika seleciona cuidadosamente seus 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 instruções 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, pular 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 aulas, textos explicativos, tarefas e práticas para completar seu projeto 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 página de resgate e inserindo o código de presente.
Adobe XD
Figma
InVision
Sketch
jricosese
El curso tiene un nivel avanzado y está bien aunque si no trabajas con el mismo software te pierdes un poco a partir de las lecciones intermedias. Aún así está muy bien explicado.
Ver tradução
Ocultar tradução
britzae103
Me encanta como explica, de una forma muy sencilla y práctica para poder entender la importancia de generar un a guía de estilo, podré aplicar estos conocimientos a mis proyectos de una forma ordenada y clara.
Ver tradução
Ocultar tradução
jbialecki
Very good course! I have learned a lot.
Thank you!
Ver tradução
Ocultar tradução
matuco_
Excelente curso!
michell_343
Es facil de entender, y da paso a seguir el proceso.
Ver tradução
Ocultar tradução