O que é e para o que serve o style guide de apps?

Descubra as funções e vantagens de usar um style guide no design e desenvolvimento de apps

Christian Vizcarra (@christvizcarra) é um Senior UI/UX Product Designer e Digital Strategist que, além disso, incorpora no seu trabalho elementos de marketing, redes sociais, 3D e vídeo. No seu trabalho diário, cria produtos digitais, projeta sites para a internet, aplicativos e tudo quanto é tipo de interface para empresas de diferentes países.

Ele nos explica quais são as principais funções do style guide, ou guia de estilo visual, que é uma ferramenta chave para o design e desenvolvimento de apps para mobile.

O que é um style guide?

A primeira função de um style guide é resolver as principais dúvidas que surgem nas equipes de design e desenvolvimento de apps. Em poucas palavras, é um documento que descreve os princípios de uma empresa e como devem ser aplicados, incluindo:

- Padrões

- Estilos

- Componentes

- Práticas

- Cores

- Tipografia

- O que está permitido

- O que não está permitido

Um style guide é similar a um manual da marca, mas específico para apps.

Para que serve?

Um style guide de apps serve para que todas as equipes envolvidas na construção do app estejam alinhadas a respeito do estilo e das regras que terá.

Com seu uso correto, economizará tempo quando a equipe de design estabelecer regras a respeito de detalhes como tamanho das fontes, cores dos botões etc. Assim, a equipe de desenvolvimento obedecerá essas normas e haverá menos ajustes no processo final de mudanças.

Vantagens de usar um style guide

- É uma ferramenta de comunicação entre equipes. Permite que todos vejam com clareza como ficará o produto final.

- Permite ter consistência entre todas as aplicações de design e desenvolvimento da interface.

- Define detalhes da aparência da interface, de maneira que antes do início do desenvolvimento, vários problemas já tenham sido resolvidos.

- Resolve as necessidades das equipes.

- Facilita o trabalho de todas as equipes.

Como construir seu style guide?

Uma boa prática antes de começar a projetar o style guide é responder as seguintes perguntas básicas:

- Quem vai usar o guia?

- O que deve conter? (Componentes, kit de UI, tipografias, cores etc.).

- Quando será usado?? (Antes, durante o projeto).

- Como a visualização deve ser apresentada?

Se quiser aprender com Christian a criar seu próprio style guide, faça o curso Criação de um style guide para apps.

Você também pode se interessar por:

- Gerador automático de paletas cromáticas equidistantes
- As 5 regras de ouro para criar um logotipo de sucesso
- O que fazer e não fazer na hora de publicar seu portfólio