Como criar um sticker sheet (folha de adesivo)

Tags: ui design

Postado por Maycon B. Lopes em 23 de Dezembro de 2022

Post Cover

As folhas de adesivos são uma coleção de componentes que compõem um sistema de design. Botões, cores e tipografia são exemplos de componentes incluídos em uma folha de adesivos. Na imagem abaixo, é possível visualizar um exemplo:

Para fazer uma folha de adesivos, basta criar um quadro em branco e copiar e colar os elementos e componentes usados com mais frequência, de forma organizada em seções. Esta organização permite agilidade no momento da criação de interfaces, menus e telas, pois facilita o reuso. Ao mesmo tempo, garante a consistência do design. Além disso, é especialmente útil quando se trabalha em equipe, pois evita retrabalho.

A folha de adesivos precisa incluir todos os itens de interface do usuário que são comuns, tais como:

  • Componentes de interface do usuário reutilizáveis, como botões, menus e cartões;
  • Tipografia: Elementos tipográficos, incluindo fontes e famílias de fontes.
  • Cor: Opções de cores, incluindo uma paleta geral e cores de componentes específicos.
  • Iconografia: Ícones que representam ações recorrentes ou opções de navegação com as quais um usuário pode interagir.

← Leia mais artigos