O que é Flat Design, essa nova tendência da web?

o-que-e-flat-design-topo

O que é Flat Design?

Popularizado pela Microsoft através da interface gráfica Metro UI, o Flat Design é uma evolução das interfaces digitais, onde o estilo realista utilizado no iOS vêm sendo substituído por um estilo mais abstrato, totalmente escasso de sombras, relevos, texturas, gradientes…

Focado na usabilidade e centrado nos usuários (UX) , o design plano baseia-se na redução de elementos desnecessários, apelando para um visual mais intuitivo e fácil de utilizar. Deste modo, através dessa técnica fica muito mais fácil alcançar o sucesso de um site: reduzir as distrações e deixar o conteúdo mais evidente, o que é muito importante nos dias atuais.

 

Confira algumas características do Flat Design na web:

  • utilização de cores sólidas;
  • tipografia nítida;
  • contraste bem definido;
  • espaços em branco exagerados;

 

Flat Design x Skeumorphism

Apesar do Skeumorphism – estilo que ganhou fama com o lançamento do iPhone – ter tido grande participação na evolução do web design e na criação das interfaces nos últimos anos, o Flat Design já se mostrou ser uma alternativa muito eficiente e vêm ganhando mais adeptos a cada instante, principalmente com a chegada do design responsivo. Pois, com a ideia de adaptar o mesmo conteúdo para diversos dispositivos, quanto mais simples for o visual, melhor. Deste modo, também são tendências marcantes a utilização de CSS e SVG para criar interfaces mais planas e flexíveis.

Basta entrar nas galerias de sites para encontrar diversos exemplos de interfaces baseadas nesse estilo. Contudo, essa tendência se popularizou tão rápido que uma galeria somente de sites no estilo Flat Design foi criada.

 

Confira alguns exemplos do design plano:

GECKOBOARD

EXEMPLO DO ESTILO FLAT DESIGN

 

NEGATIVE LABS

EXEMPLO DO ESTILO FLAT DESIGN

 

CALENDAR

EXEMPLO DO ESTILO FLAT DESIGN

 

SQUIDEE

EXEMPLO DO ESTILO FLAT DESIGN

 

ON SITE

EXEMPLO DO ESTILO FLAT DESIGN

 

LAYER VAULT

EXEMPLO DO ESTILO FLAT DESIGN

 

I THINK I MIGHT

EXEMPLO DO ESTILO FLAT DESIGN

 

STANDBUY

EXEMPLO DO ESTILO FLAT DESIGN

 

FUTURE INSIGHTS LIVE

EXEMPLO DO ESTILO FLAT DESIGN

 

EVERY LAST DROP

EXEMPLO DO ESTILO FLAT DESIGN

 

BELANCIO

EXEMPLO DO ESTILO FLAT DESIGN

 

LORENZO VERSINI

EXEMPLO DO ESTILO FLAT DESIGN

 

MAIL CHIMP

EXEMPLO DO ESTILO FLAT DESIGN

 

FOUNDATION

EXEMPLO DO ESTILO FLAT DESIGN

 

Apesar das diversas vantagens do Flat Design, é sempre bom ter em mente que adotar fielmente esse estilo em todos os seus projetos não é aconselhável. Analisando o público alvo do site que será projetado é possível saber os limites da utilização do design plano; por vezes, é interessante projetar algo mais conceitual, mas a realidade nem sempre é a que esperamos encontrar.

Como web designer, estou apaixonado por essa tendência, sempre prezei por algo mais simples e funcional. Entretanto, para mim, na criação de interfaces de sistemas é super interessante utilizar esse estilo. Já na criação de sites é mais interessante mesclar os dois estilos mais populares da web: Flat Design e Skeumorphism / design plano e realismo.

Fonte: Lado Design

Postagens Relacionadas