Skip to content

Flat Design – Nova tendência da web

Flat Design – Nova tendência da web

Fala galera!

Vamos continuar nossa série sobre criação de sites, falando um pouco sobre flat design.

O que é flat design?

Flat design (design plano, traduzido para o português) nada mais é do que criar interfaces simples para sites, passando uma ideia de clareza. Seus elementos possuem uma aparência “clean”, sem muitos detalhes, e com cores vibrantes, porém sem muito brilho. Não utiliza detalhes, como sombras, bordas, gradientes, etc.

Pontos importantes

O conceito do Flat design é simplicidade através de formas planas sem perspectivas de profundidade. Basicamente, segue aquela velha frase: “Menos é mais”.

O sucesso deste tipo de layout se baseia nas cores utilizadas, e muitas vezes na tipografia. A ideia principal parte da hierarquia na concepção e colocação dos elementos para facilitar a interação com o usuário. Em telas pequenas, uma interface plana se torna mais fácil e prática de usar, utilizando menos botões e opções.

Outro ponto a ser considerado é que essa técnica se ajusta perfeitamente em layouts responsivos.

Alguns exemplos de Flat design

Existem vários sites que já adotaram essa técnica de desenvolvimento de layout. Vamos citar alguns exemplos para ilustrar a ideia principal do flat design. Veja nas imagens abaixo:

Flat Design - Google Now
Google Now

Flat Design Windows 8
Windows 8

Flat Design - Superplayer
Suplerplayer

Flat Design - YESbr
O próprio site da YESbr

E o que vem depois?

Atualmente, esse conceito está se tornando base para os sistemas operacionais, sendo que a Microsoft o aderiu nas versões do Windows 8, a Google implementou essa técnica no novo Android L e a Apple atualizou seu novo sistema operacional com o flat design.

Com a onda do modernismo atual, essa técnica se tornará uma tendência, mas logo menos os designers irão introduzir cuidadosamente dimensionalidades e novas maneiras de se estilizar um layout. Novos padrões surgirão, e o flat design vai acabar ficando para trás, infelizmente.

Até a próxima, pessoal!

No comment yet, add your voice below!


Add a Comment

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *