50 designs de UI de cartão criativo

Quando eu era criança, eu estava desesperada por uma câmera Polaroid: poder tirar uma foto e ver - quase - imediatamente era fantástico para mim. Com câmeras 'normais', você tinha que esperar até terminar o filme todo, então você tinha que levá-lo para se desenvolver, e isso poderia levar uma semana. Então, com bastante frequência, quando você via suas fotos, a conexão com elas era um pouco mais distante. Com polaroids, estava lá e depois. Não só isso, o formato da polaroid clássica incluía a moldura branca com o espaço na parte inferior onde você poderia escrever algo: a data, onde estava, com quem você estava, o que estava fazendo - o que você queria dizer sobre o imagem ou o momento.

a polaroid clássica incluía a moldura branca com o espaço na parte inferior onde você poderia escrever algo… Soa familiar?

Soa familiar? Grande parte da mídia social é uma referência visual da polaroid clássica - 80 anos de idade este ano. A influência pode ser vista em posts no Facebook, Instagram, Twitter e, claro, Pinterest. Isso, por sua vez, teve um impacto sobre o design do site em geral. É um estilo de interface com o qual os usuários se sentem confortáveis através das mídias sociais. Ele é baseado em uma grade, mas os itens, ou cartões, são compartimentados de tal forma que eles se sentem como entidades separadas. (Um pouco como um monte de polaroids presos em uma parede.)

O layout do cartão é uma parte integrante do design do material. A separação é frequentemente obtida usando sombras, o que dá a ilusão de profundidade ou uma ligeira diferença de cor. É uma escolha popular para sites de notícias, sites de revistas e blogs, todos os quais estão apresentando ao usuário "instantâneos" de histórias que eles podem escolher clicar para ler mais. Também é popular para portfólios, pois permite que vários conteúdos diferentes sejam apresentados simultaneamente, mas claramente.

Como esse estilo de layout de cartão se tornou mais popular, ele evoluiu à medida que os designers brincavam com ele, encontrando maneiras de criar layouts de cartão que pareciam novos e interessantes. Alguns usam assimetria com grande efeito, alguns colocam muito espaço entre os cartões, outros não colocam nenhum. A maioria dos layouts de cartões usa imagens, mas há alguns que usam apenas texto, pelo menos em algumas das "cartas". Alguns têm a imagem e o texto visíveis na frente, outros exibem o texto apenas na interação.

O que é ótimo de ver é este estilo de layout funcional e prático sendo adaptado e moldado por diferentes abordagens criativas, para que ele não se torne obsoleto.