Resumindo
- A Bauhaus foi uma escola alemã de arte, artesanato e design fundada por Walter Gropius em Weimar em 1919 e fechada em Berlim em 1933 sob pressão do governo nazista.
- O design Bauhaus prefere formas geométricas simples, cores primárias, tipografia sem serifa, layouts assimétricos e a ideia de que a forma segue a função.
- Em 1923, Wassily Kandinsky pediu às pessoas da escola que associassem um triângulo, um quadrado e um círculo ao amarelo, ao vermelho e ao azul; ele propôs triângulo amarelo, quadrado vermelho e círculo azul.
- Herbert Bayer desenhou em 1925 uma fonte só de minúsculas chamada universal, um dos primeiros exemplos da busca da escola por uma tipografia mais simples e racional.
- Para usar o estilo Bauhaus hoje, adote seus princípios de estrutura clara e cor limitada em vez de copiar as formas ao pé da letra.
Nesta página
Design Bauhaus é o estilo que saiu da Bauhaus, uma escola alemã de arte, artesanato e design que funcionou de 1919 a 1933. Ele é conhecido por formas geométricas simples, cores primárias, letras sem serifa, layouts assimétricos e pela convicção de que um bom design deve ser útil, bem-feito e adequado à produção industrial. Suas ideias ainda estão por baixo da maior parte do design gráfico moderno, do grid de um cartaz aos ícones do seu celular.
Uma breve história da Bauhaus
O que aconteceu
O que aconteceu
O que aconteceu
O que aconteceu
O que aconteceu
O que aconteceu
O que aconteceu
Os professores eram notáveis: Johannes Itten, Paul Klee, Wassily Kandinsky, László Moholy-Nagy e Josef Albers, entre outros. Albers escreveu depois A interação da cor, ainda um dos melhores livros sobre como as cores se transformam umas às outras, o que se liga diretamente à teoria das cores moderna.
Cores e formas da Bauhaus, com CSS
O visual que a maioria das pessoas imagina é vermelho, amarelo e azul com preto, sobre um fundo quase branco, construído com círculos, quadrados e triângulos. O questionário de Kandinsky de 1923, que propôs o triângulo amarelo, o quadrado vermelho e o círculo azul, virou o resumo da escola inteira, embora os trabalhos da Bauhaus usassem muito mais cores que essas.
As paradas duras, em que uma cor termina exatamente onde a próxima começa, são o segredo. Elas transformam um gradiente numa forma nítida. Formas com gradiente mostra mais delas, e o código abaixo combina quatro num só bloco.
.bauhaus-tile {
aspect-ratio: 1 / 1;
background-color: #f1ece1;
background-image:
radial-gradient(circle at 100% 100%, #be1e2d 70%, transparent 70.5%),
linear-gradient(135deg, #f2c12e 50%, transparent 50%),
radial-gradient(circle, #21409a 45%, transparent 45.5%),
linear-gradient(#111111, #111111);
background-size: 50% 50%;
background-position: 0 0, 100% 0, 0 100%, 100% 100%;
background-repeat: no-repeat;
}Tipografia da Bauhaus
Os designers da Bauhaus queriam uma tipografia clara, racional e moderna. Herbert Bayer defendia que as maiúsculas eram desnecessárias e desenhou a universal, um alfabeto geométrico sem nenhuma maiúscula; muitos impressos da própria escola abandonaram as maiúsculas por um tempo. Os cartazes usavam letras sem serifa em blocos fortes, muitas vezes giradas, com fios e barras grossas para organizar a página.
- Sem serifas geométricas: o redondo, hastes retas, traços uniformes. A Futura, lançada em 1927, não é uma fonte da Bauhaus, mas tem o mesmo espírito; a Jost, no Google Fonts, é uma opção gratuita na mesma linha.
- Títulos em minúsculas: uma homenagem discreta à universal de Bayer.
- Texto girado: letras subindo pela lateral do cartaz dão a sensação assimétrica e dinâmica.
- Barras e fios: linhas pretas grossas que dividem e direcionam, em vez de caixas.
Como usar o design Bauhaus hoje
Copiar exatamente as formas e as primárias produz algo com cara de loja de museu. O valor duradouro da Bauhaus está nos princípios, que funcionam com qualquer paleta.
- 1
Comece pela função
Decida o que o design precisa fazer, como anunciar uma data ou vender um produto, e deixe isso definir o layout.
- 2
Construa sobre um grid e quebre-o uma vez
Coloque tudo num grid claro e depois deixe uma forma ou linha cortá-lo. Essa tensão é muito Bauhaus. O design suíço levou o grid adiante.
- 3
Limite as cores
Três cores mais preto e um fundo de papel. Troque as primárias pelas cores da sua marca e a estrutura continua parecendo Bauhaus.
- 4
Use formas como estrutura
Um círculo pode emoldurar uma foto, uma barra pode segurar um título, um triângulo pode apontar para a chamada para ação.
- 5
Mantenha a tipografia simples
Uma sem serifa geométrica, dois pesos, em tamanho grande e alinhada à esquerda.
Um título em minúsculas, um sobretítulo pequeno e detalhes simples: a contenção da Bauhaus num post de evento moderno.
Os mesmos princípios numa capa de 1600×1200, com um fundo vivo no lugar das primárias chapadas.
Esse segundo exemplo mostra o toque moderno. O layout Bauhaus continua rigoroso, mas o fundo é um Mark do Gradiently em vez de vermelho ou azul chapado: ainda uma paleta limitada, ainda estrutural, mas com luz e granulado próprios, e depois de reservado ele é só seu. A tipografia rígida fica sobre a área mais calma dele, e o grid continua nítido.
Se você gosta da Bauhaus, compare-a com o glamour decorativo do design Art Déco, a honestidade crua do design brutalista e a rebeldia brincalhona dos anos 1980 no design Memphis.
Perguntas frequentes
O que é design Bauhaus?
O estilo da escola Bauhaus, na Alemanha, de 1919 a 1933: formas geométricas, cores primárias, tipografia sem serifa, layouts assimétricos e foco na função.
Quais são as cores da Bauhaus?
Vermelho, amarelo e azul com preto e branco são as cores mais associadas a ela, em parte por causa do questionário de formas e cores de Kandinsky, de 1923.
Que fonte é usada no design Bauhaus?
Sem serifas geométricas. Herbert Bayer desenhou em 1925 uma fonte só de minúsculas chamada universal; hoje a Futura ou a gratuita Jost dão uma sensação parecida.
Por que a Bauhaus fechou?
A escola fechou em 1933, em Berlim, sob pressão do governo nazista, que via seu modernismo como politicamente suspeito.
Como fazer um cartaz no estilo Bauhaus?
Use um grid claro, algumas formas geométricas fortes, três cores mais preto sobre um fundo de papel e tipografia sem serifa simples, alinhada à esquerda ou girada.
Escrito pelo Gradiently
A equipe por trás do Gradiently, uma ferramenta de design criada em torno dos Marks: gradientes vivos que fazem tudo o que você cria ter a sua cara.
Ver nosso perfil