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
0 comentários