# Criação de um style guide para apps | Domestika

> Um curso de Christian Vizcarra · Web & App Design · Iniciante
> 20 aulas (2h 18m) · Das 137 avaliações de alunos, 99% são positivas

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.

## Who is this online course for?

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

## What is this course's project?

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

## Requirements and materials

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.

## Conteúdo

### Olá!

Olá, sou Christian Vizcarra! 

 Este é o meu segundo curso na Domestika. Estou muito feliz em compartilhar mais um curso com você. Desta vez, falaremos sobre guias de estilo. Hoje existem muitas barreiras para designers e programadores se comunicarem de maneira eficaz. Já aconteceu com você que às vezes o programador não segue o design conforme as instruções ou quando a produção de uma web ou aplicativo é lançada, é muito diferente de como você o projetou? o Você se lembra de alguma discussão com um programador sobre quais são os estados dos botões? e certamente você pensou sobre o que ele está falando? Bem, de tudo isso e muito mais, este curso é sobre. Falaremos sobre tipografia, cor, ícones, botões e documentação, algo muito importante se quisermos nos comunicar com os desenvolvedores. Espero que você goste tanto quanto eu!

### 1. Introdução

Nesta unidade, farei uma introdução sobre um guia de estilo, sua importância na criação de produtos digitais e as boas práticas que devem ser levadas em consideração.

### Elementos no guia de estilo

Nesta unidade, revisaremos todos os elementos que entram em um guia de estilo, falaremos sobre como criar símbolos de esboço e como acelerar o processo de documentação. Também darei dicas para cada um dos elementos e ensinarei como estou documentando meu projeto.

### Aplicando um guia de estilo

Nesta unidade, falaremos sobre como aplicar um guia de estilo já construído a um novo produto. Mostrarei como, uma vez que temos o guia de estilo pronto, ele acelera nosso processo de trabalho. Também ensinarei como exportar ativos para desenvolvedores e o que fazer se ocorrerem mudanças ao longo do caminho.

## Áudio e legendas

**Áudio:** Espanhol, Inglês, Francês, Italiano, Português, Turco

**Legendas:** Espanhol, Inglês, Português, Alemão, Francês, Italiano, Polaco, Holandês, Turco

[Criação de um style guide para apps](https://www.domestika.org/pt/courses/1017-criacao-de-um-style-guide-para-apps)