---
title: Pattern Libraries
localeTitle: Bibliotecas Padrão
---
## Bibliotecas Padrão

Uma biblioteca de padrões é uma coleção de elementos de design de interface do usuário reutilizáveis. Como esses elementos da interface do usuário são reutilizados várias vezes em um site, aplicativo da Web ou aplicativo de software, eles impõem estrutura por meio da consistência. Isso torna o site ou aplicativo mais fácil de usar.

Alguns elementos de interface comum encontrados em uma biblioteca de padrões são:

*   Menus
*   Botões
*   Layouts de página
*   Animações da interface do usuário
*   Formulários

### Benefícios das Bibliotecas Padrão

Paul Boag, do seu blog [Boagworld.com](https://boagworld.com/design/pattern-library/) , explica as principais razões para criar uma biblioteca de padrões:

1.  "Uma biblioteca de padrões garante uma interface de usuário consistente".
2.  "Uma biblioteca de padrões facilita a reutilização."
3.  "Uma biblioteca padrão facilita a manutenção."

### Bibliotecas de Padrões vs. Sistemas de Design vs. Guias de Estilo

É fácil confundir bibliotecas de padrões com sistemas de design e guias de estilo. Este [artigo de Zack Rutherford para UXPin](https://www.uxpin.com/studio/blog/design-systems-vs-pattern-libraries-vs-style-guides-whats-difference/) esclarece a diferença entre os três:

> • **Sistema de Design** - o conjunto completo de padrões de projeto, documentação e princípios, juntamente com o kit de ferramentas (padrões de interface do usuário e componentes de código) para atingir esses padrões.
> 
> • **Biblioteca de padrões** - Uma subclasse no sistema de design, esse é o conjunto de padrões de projeto para uso em uma empresa.
> 
> • **Guia de estilo** - Outra subclasse no sistema de design, esta documentação estática descreve o próprio sistema de design: como os produtos devem parecer e sentir, casos de uso para padrões de interface do usuário, escalas tipográficas corretas, etc.

#### Mais Informações:

##### Exemplos de biblioteca de padrões

[Mailchimp](https://ux.mailchimp.com/patterns)

[Linguagem de Design IBM](https://www.ibm.com/design/language/resources)

[Microsoft](https://developer.microsoft.com/en-us/windows/desktop/design)

[Design de material do Google](https://material.io/guidelines/)

[Padrões de interface do usuário](http://ui-patterns.com/patterns)

[Padrões Móveis](http://www.mobile-patterns.com/)

[BBC GEL](http://www.bbc.co.uk/gel/guidelines/category/design-patterns)

##### Artigos

["Pattern Libraries" por Natasha Hockey para Prototypr.io](https://blog.prototypr.io/pattern-libraries-5d627c5c65b4)

["Bibliotecas padrão: o que são e por que você precisa de um" por Meghan Lazier para Designlab](http://trydesignlab.com/blog/pattern-libraries-what-they-are-and-why-you-need-o/)

["Criando uma biblioteca padrão" por Rebecca Sorensen para a Sumo Logic](https://medium.com/sumo-logic-ux/creating-a-pattern-library-18cce0f901b4)

["Começando com bibliotecas padrão" por Anna Debenham para uma lista separada](http://alistapart.com/blog/post/getting-started-with-pattern-libraries)

["Levando a biblioteca de padrões para o próximo nível" por Vitaly Friedman para Smashing Magazine](https://www.smashingmagazine.com/taking-pattern-libraries-next-level/)