A Nova Tendência do Flat Design. O que? Por que?

[Mickael']

Creio que todos já viram a nova cara do windows 8 que apesar de não ser totalmente inovadora pois já tinha um conceito parecido em outro sistema super antigo fez com que esse estilo Flat vira-se febre entre o mercado em geral. Em fim vamos la.

Será mesmo que esse tal de Flat Design que todos falam é a nova tendência no design? Conheça seus princípios.

Flat Design, o design plano. Com amor ou ódio, muitos comentam sobre esse novo conceito que surgiu.

Mas o que o Flat Design representa?

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

Essa tendência do web design é a pura simplicidade dos elementos, da clareza do layout. Se distingue por suas formas cleans e planas. O conceito funciona sem variações na estrutura do layout, como chanfros, relevo, gradientes ou outras ferramentas que adicionam profundidade. Cada elemento ou caixa é nítido. Nada realista é adicionado.

Mas ai você para e se pergunta… O que faz esse conceito ser funcional?

Tudo parte da hierarquia na concepção e colocação de elementos, para assim facilitar a compreensão e interação dos usuários. Por exemplo, com telas pequenas, há menos botões e opções, fazendo uma interface ser plana será relativamente mais fácil e prático de usar.

Vamos dar alguns exemplos de Flat design:

Sem efeitos

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

Simplicidade dos elementos

Usa-se muitos elementos de interface de usuário simples, como botões e ícones. Muitas vezes são formas simples, como retângulos, círculos ou quadrados. Se jogue no negrito com cor em botões clicáveis para incentivar o uso, talvez uma sombra diferenciada. Mas não confunda elementos simples com um design simples. Os conceitos de Flat Design podem ser tão complexos quanto qualquer outro tipo de esquema de design.

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

Foco na Tipografia

Nesse caso a tipografia é extremamente importante.

O tom das fontes deve corresponder ao esquema do resto do layout. Uma fonte muito produzida pode parecer estranho em um projeto super simples. Podem também ser ousadas, mas de forma simples e eficiente.

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

Foco na Cor

A cor pode ser o grande desafio. No Flat Design a paletas de cores, na maioria da vezes, são muito mais brilhante e mais colorido do que os de outros sites. Mas lembre-se que pra toda regra há exceções.

Os tons tendem a ser vibrante, sem matizes e tonalidades. Cores primárias e secundárias são populares. Além disso, certos tipos de cores também são usadas com freqüência. Nesta interação da tendência, cores retros – incluindo salmão, roxo, verde e azul – são especialmente populares.

Poderá ler mais dicas de paleta cores

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

.

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

Abordagem minimalista

Evite muita frescura na concepção geral do site. Cor e texto simples podem ser o suficiente. Se você quiser adicionar efeitos visuais, opte pela fotografia simples.

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

Fonte:

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

Editado Agosto 5, 2014 por Mickael'

[JheFF]

cara ótimo tutorial, fácil e explicativo, como a nova tendencia do web, muito bom

alem de deixar tudo mais simples e bonito essa tendencia não agride os olhos :)

 

desde um certo tempo defendo o uso, disso, mais parece que só após o w8 a coisa pegou de vez :)

[MrFreedomFights]

realmente é uma tendencia que vem crescendo bastante e eu achei lindo todos os focos

principalmente o foco na tipografia que deixa o resto tão simples mas não perde o estilo.

[Mickael']

 

Acho que nem tanto o win 8, mais sim o novo ios7 do iphone que deu um up no estilo

[Wallz]

Acho que nem tanto o win 8, mais sim o novo ios7 do iphone que deu um up no estilo

o win 8 saiu meses antes, o iOS7 só fez copiar como sempre..

Até o leitor biométrico é cópia de um aparelho da Motorola de anos atrás que não deu certo.. Assim como o iPad foi um projeto baseado no TabletPC da Microsoft que vinha com o Windows XP...

Únicas criações da Apple mesmo foram o iPod e iPhone da era Steve Jobs, agora a Apple não tem mais pioneiros no quesito "novidade"

[Mickael']

 

O windows 8 não foi tão inovador não em!!

 

[Brunn0Ferreira]

Nda haver isso ai Myckaell são coisas totalmente distintas a não ser pelo formato, o sistema de bloco dinâmicos do win 8 é totalmente inovador, a aparência pode até ser similar mas é completamente eras distantes do aol

[Ivan Pires]

Pensando na área de games...

 

Acho muito feio esses estilos para sites de games, não tem nada a ver com games, perde aquela cara de game e acho que essa "moda" nunca pegaria para sites de games, isso é mais pra sites empresariais e propagandas.

 

Eu particularmente não curto esse estilo não. ^^

 

Mas, quer ver um flat gamer TOP? Pega esse, pica das galaxias:

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

 

Acho que esse é o único que eu curti nesse estilo até hoje. ^^

Editado Outubro 11, 2013 por Ivan Pires

[Mickael']

 

Esse site não tem quase nada ou nada de flat. É site de jogo infelizmente não da pra ser flat tem que ser sujo mesmo.

 

IVan o Flat vai dominar você e o mundo. rs

[Ivan Pires]

IVan o Flat vai dominar você e o mundo. rs

Jamais!

Nunca!!!

:boxing:

[Mickael']

 

Fique sabendo que aquele sitezilho que você ta montando pra icp é flat. hahaha

[GianT]

eu acho que esse flat design está crescendo muito porque ele é simples, bonito e cabe no gosto de todos, é básico, criativo, e a combinação das duas fica perfeito.

realmente está dominando o mundo! celulares, tablets, sistema operacionais e sites de hoje, estão sendo criados a base do design flat, aheuhae!

Editado Novembro 29, 2013 por GianT

[crystian]

Todas as Imagens não estão aparecendo .

[zpac]

Todas as Imagens não estão aparecendo .

aqui está normal amigos, todas as imagens estão aparecendo normalmente.

[crystian]

Agora sim ^^