O que é Flat Design
No inicio da era da informática, em uma época em que um computador era um “bicho de 7 cabeças” para todos, ao se criar uma interface era necessário e importante que você definisse ao usuário o que faz cada coisa, para que serve cada coisa e tudo mais, por exemplo vocês já pararam para se perguntar porque as famosas “pastas” se assemelham realmente a pastas com papeis dentro? Ou então porque o ícone de salvar da gigantesca maioria dos aplicativos e interfaces de hoje são um pequeno disquete? (Quantos de vocês conhecem um disquete?) Pois é, isso na verdade é algo simples, as interfaces sempre tiveram a necessidade de se assemelhar ao máximo com a vida real, com ícones e imagens tentando ao máximo simular algo real em uma aplicação. Porém em uma era onde poucos sabem o que é um disquete, e muitos nem se quer conseguem passar um dia longe de seus computadores, celular e redes sociais, isso passou a não se tornar algo extremamente necessário, afinal a grande maioria de nós já nasceu mexendo com computadores e interfaces, ou faz isso desde pequeno (salvo a vanguarda da internet hehe), e até mesmo estes já se habituaram a fazê-lo, um grande exemplo é acreditem ou não minha tia-avó que tem lá seus 70 anos quase chegando nos 80 e mexe todos os dias no Facebook, não simplesmente olhando as coisas, mas fazendo postagens e interagindo com todos, como fazem quase todas as pessoas do mundo hoje. Então querendo ou não a informática, a tecnologia invadiu todos os nossos lares, tornou-se algo rotineiro e do qual nós nos habituamos de tal maneira que você consegue mexer em seu computador com os olhos fechados.
Por essa habituação que todos temos as novas interfaces na internet todo esse realismo que foi buscado através dos tempos, se tornou ao não tão necessário, algo que você não necessita mais. E é disso que se trata o Flat Design, ele pode ser considerado como uma “filosofia de design”, melhor dizendo o Flat (que significa “plano”) é simplesmente uma interface minimalista, com os efeitos reduzidos de tal maneira em que hoje em dia uma grande maioria dos sites em que nós navegamos nós notamos que nem sequer um simples gradiente está presente nos botões das interfaces, é tudo plano e simples, e essa seria a palavra que mais define o Flat Design: Simplicidade.
Com flat design as interfaces dão mais valor a como dito simplicidade, facilidade na navegação mostrando ao usuário as informações necessárias de uma maneira rápida e intuitiva, foco na tipografia das interfaces, cores simples porem extremamente elegantes, resumindo uma interface “clean” com a ausência de sombras e gradientes e com vários botões intuitivos que facilitam a navegação através dos sites.
Porque o flat design é interessante para nós programadores?
Essa é uma pergunta interessante, vamos citar um exemplo clássico, quem nunca acessou um site que de tantos efeitos e imagens demorava muito tempo a carregar, fazendo com que você se irritasse e muitas vezes largasse esse site em busca dessa informação em outro lugar? Essa é uma das principais vantagens do Flat, pela simplicidade das interfaces e os poucos efeitos presentes, os sites ficam mais velozes e dinâmicos, e é o que os usuários de hoje em dia buscam, nossas interfaces são acessadas de diversos tipos de dispositivos que podem ser utilizados em qualquer lugar por ai, o que faz com que um usuário não precise mais sentar pacientemente em frente a seu computador com sua xicara de café e fazer suas pesquisas com calma e serenidade, justamente pelo contrário, muitos usuários acessam nossas interfaces com a necessidade de obtenção de informação de maneira rápida e eficiente.
Mas não vá logo pensando que o flat é simplesmente você fazer um design simples, justamente pelo contrário muitos designs flat hoje em dia são bem complexos de serem feitos, porém ficam muito agradáveis e minimalistas.
Flat é uma tendência mundial
Isso mesmo, o flat vem ganhando uma força enorme nos últimos tempos (apesar de não ser uma técnica nova), como podemos notar grandes empresas e marcas vem adotando o flat design em suas interfaces, é só você dar uma olhada na evolução da logotipo do próprio Google e outros gigantes da internet. Eu não sei dizer se o Flat vai ser algo temporário, se vai ser algo definitivo, afinal a web é um local totalmente aleatório o que pode estar “na moda” hoje, pode ser o fracasso de amanhã, mas tornou-se trabalho dos programadores ir em busca disso, saber quais as novas tendências e se adequar a elas.
Exemplos de flat design
Fiz uma lista com alguns sites com design flat que me agradam muito para lhes mostrar como exemplo:
- http://bobgalmarini.com
- http://www.syke.co
- http://valiocon.com
- http://nadave.net/2013/08/e-se-os-logos-das-tvs-brasileiras-tivessem-design-flat/ - O site não é flat, é só uma matéria interessante sobre logos de marcas de televisão brasileira com design flat, notem a diferença.
- http://d13yacurqjgara.cloudfront.net/users/202246/screenshots/1152985/flat-logos-dribbble_1x.png - Mais alguns logos famosos em flat
- http://fearlessflyer.com/get-inspired-with-this-roundup-of-flat-logo-designs/ - E mais bons exemplos
Paleta de cores flat design
Isso mesmo, lhes apresenta algumas cores separadas por alguns designers que são as mais usadas hoje em dia (não se esqueça de fazer uma combinação simples e harmônica).
- http://flatuicolors.com
- http://designmodo.github.io/Flat-UI/ - Site não só com cores mas diversos elementos também
Flat vs Realism
Segue um site que retrata a história do flat contra o realismo de maneira extremamente criativa, vale até um joguinho no final
http://www.flatvsrealism.com
E eu acho que o tópico de hoje se resume a isso, tentei explicar a minha forma de ver o flat design, não quer dizer que essa seja a melhor maneira de expressa-la e muito menos que é a correta, é apenas o meu ponto de vista e minhas colocações, se você discorda de algum ponto neste tópico, por favor, deixe seu comentário informando o que e porque, fico grato pela atenção e vocês me fascinam mais a cada dia nessa comunidade, agradeço a todos por tudo.