Web e app design

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.

Christian Vizcarra
Christian Vizcarra

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.

Christian Vizcarra
Christian Vizcarra

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.

Christian Vizcarra
Christian Vizcarra

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.

Christian Vizcarra
Christian Vizcarra

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?

Christian Vizcarra
Christian Vizcarra

Ver cursos recomendados

Domine o Figma do 0 ao 100. Curso de Web, e App Design por Mirko Santangelo
Domestika Basics · 10 cursos

Domine o Figma do 0 ao 100

Um curso de Mirko Santangelo

De iniciante a profissional, domine todos os aspectos do Figma: configuração da interface, utilização de plugins, design de texto e formas, prototipagem e colaboração com desenvolvedores.

  • 6007
  • 100% (35)
83% Desc.
Preço original £59.90
Desenvolvimento de aplicativos multiplataforma com Flutter. Curso de Web, e App Design por Jose Manuel Márquez

Desenvolvimento de aplicativos multiplataforma com Flutter

Um curso de Jose Manuel Márquez

Aprenda a criar aplicativos para celular, web e desktop a partir de um único código-base e ofereça aos usuários soluções feitas sob medida

  • 2976
  • 96% (45)
90% Desc.
Preço original £59.90
Criação de um site profissional com WordPress. Curso de Web, e App Design por Ignacio Cruz Moreno

Criação de um site profissional com WordPress

Um curso de Ignacio Cruz Moreno

Crie seu site sem saber programar ampliando o WordPress com plugins simples

  • 74300
  • 95% (3.1K)
90% Desc.
Preço original £59.90
0 comentários