O que é flat design?
Por: Kelsey Campbell-DollaghanCom o lançamento do iOS 7 se aproximando, o clamor pelas mudanças que Jony Ive vai instituir está crescendo. O consenso geral – neste site e em qualquer outro lugar – é que a Apple vai fazer uma bela mudança flat. Mas para quem não conhece muito bem, “flat design” pode ser um termo confuso. Então vamos explicar o que é isso.
Flat design, em resumo, é uma filosofia de design... Pense na área de trabalho do seu computador. Ou na calculadora do iPhone. Ou o newsstand do iPad. Essas coisas foram feitas para lembrarem os análogos da vida real que eles tentam imitar. Será que realmente precisamos de todos esses elementos visuais e detalhes extras? Os
defensores do flat design acreditam que não.
...que defende uma simplicidade, clareza e honestidade de materiais em interfaces de usuário... Em vez disso, os advogados do flat design argumentam que as GUIs
(interfaces gráficas de usuário) precisam deixar estilo de lado pela funcionalidade. Isso significa se livrar de bordas, gradientes, sombras e reflexos, bem como a criação de uma experiência de usuário que seja forte às interfaces digitais, em vez de limitar o usuário aos confins do mundo analógico que ele está familiarizado. Em web design, páginas “planas” raramente introduzem dimensionalidade, sombras ou texturas, contando apenas com a rolagem e a clareza visual para se comunicar.
Um bom exemplo de flat design é o Google Now, que usa um sistema parecido com cartões para mostrar as informações. Em vez de separar as informações dentro de ícones estáticos, o Now exibe os dados em um cartão de tamanho padronizado que é fácil de ler e fácil de descartar ao deslizar para o lado. Outro exemplo? O Windows 8, descendente da linguagem de design Metro da Microsoft, que valoriza a tipografia – ou a entrega da informação – por cima de gráficos que ajudam o usuário a entender qual tipo de conteúdo ele está lendo.
...geralmente formulada como uma reação aos problemas de design skeumórfico... Para entender o flat design, você precisa entender o outro lado: skeumorfismo. Skeumorfismo se resume a truques visuais, ou uso de talhes e ornamentações para fazer uma coisa parecer como outra. Em arquitetura, fachadas falsas são skeumorfismo. Em designs de carros, painel de madeira falsa é skeumorfismo. O skeumorfismo no design de interface de usuário geralmente se refere a um elemento digital projetado para parecer como algo do mundo físico. Isso pode ser o mural do Pinterest ao couro rico do Find My Friends.
...que usa gradientes, texturas e outros detalhes para fazer objetos digitais parecerem “reais”. Skeumorfismo no espaço digital vem de longe, desde a primeira GUI da Apple de 1984, que introduziu o conceito de “área de trabalho” e ícones que pareciam como pastas e pedaços de papel. Naquela época interfaces de computador eram conceitos totalmente estranhos para a maior parte dos usuários, o que fez o skeumorfismo uma ferramenta útil. Permitiu que designers criassem metáforas visuais entre objetos velhos e familiares (uma pasta de arquivos) e ferramentas novas e confusas (um arquivo digital). O skeumorfismo no ajudou a aprender.
Mas com a popularização dos computadores, menos pessoas precisavam desses truques visuais para entender a função de um ícone ou botão. O skeumorfismo se tornou um estilo exagerado,
cheio de detalhes desnecessários. Então se tornou ruim para uma nova geração de designers – aqueles que já não lembram como era o mundo sem computadores. Isso deve parecer bastante familiar. Modernistas defenderam as mesmas ideias desde a virada do último século: não coloque detalhes exagerados que não ajudam
funcionalidades. Seja honesto com materiais e estruturas. Não crie uma frente falsa para fazer usuários se sentirem seguros. É o mesmo grito de guerra dos designers modernos desde que Le Corbusier veio a mundo. De certa forma, “flat design” não é nada novo – é apenas uma versão contemporânea do modernismo.
E o que vem depois do flat? Apesar do mundo estar caminhando para se tornar flat, ele não vai ser flat para sempre. O flat design vai se estabelecer e algo virá depois – considerando o último século, cada onda do modernismo veio para se opor à que chegou antes. Por exemplo, depois do modernismo de Bauhaus e da International Style nos anos 1930, uma segunda geração de designers introduziu o conceito de
Regionalismo Crítico na discussão, argumentando que a crença de um tamanho para tudo era muito redutiva. É provável que a mesma coisa aconteça com design de
interfaces. Depois do radicalismo do flat design, provavelmente designers vão introduzir cuidadosamente dimensionalidade onde for necessário.
Mas ainda vai demorar alguns anos para isso. Por enquanto, vamos ter que esperar para ver se Jony Ive abraça o flat design, ou se ele se revolta – neste caso, as coisas se tornariam bem mais interessantes.
6 coisas que você deve saber sobre Flat
Design
O minimalismo vem sendo abordado em diversos campos. Será este o futuro mais promissor do design para interface de usuários? Vamos descobrir a tendência do design plano e o que podemos aprender com ele.
No passado, os web designers deram um foco especial em sites com ilustrações chamativas e animações que, supostamente, impressionavam os visitantes. Depois, veio uma mudança na direção de design skeuomorphic, que tentou trazer a vida real para a tela, com texturas faux-realistas, sombras e características reais dos objetos. Hoje, as motivações são focadas em dar forma à tendência de flat design, que se opõe a todas estas técnicas de design "artificiais", em favor de uma estética digital mais simplificada e clássica.
-O que é flat design?
Flat design ou, traduzindo para o português, design plano é uma abordagem de design minimalista que enfatiza a usabilidade e defende a simplicidade e clareza em interfaces. Possui um aspecto mais limpo, espaço aberto, bordas nítidas, cores vibrantes e
ilustrações “planas”.
O desktop do computador ou a calculadora do IPhone são projetados para parecer objetos reais. Mas será que precisamos de todos esses elementos visuais e detalhes extras? Os defensores do Flat Design acreditam que não.
A Microsoft foi uma das primeiras empresas a aplicar este estilo de forma radical e pronunciada em sua interface no Windows 8, visto por alguns como uma reação contra o projeto skeuomorphic, aplicado pela Apple em sua interface iOS. Ao invés de dar vida a um objeto, em uma ilustração realista, os defensores do flat design identificam o aplicativo através de representações simples. Este conceito mostra uma separação clara entre a tecnologia e os objetos táteis. Isso significa não utilizar bordas chanfradas, gradientes, sombras e reflexos.
Outro exemplo de design plano é o Google Now. Ao invés de separar as informações dentro de ícones estáticos, exibe dados em um cartão de tamanho padrão que é fácil de ler.
-Aspectos minimalistas
No projeto, elementos ornamentais são vistos como desordem desnecessária. Se um aspecto não serve a nenhum propósito funcional, é uma distração da experiência do usuário. Esta é a razão para o carácter minimalista de desenho plano.
No entanto, só porque ele não tem qualquer design chamativo não significa que este estilo é chato: cores contrastantes e vibrantes fazem ilustrações e botões chamar a atenção facilmente e guiar o olho do usuário. O objetivo do minimalismo também contribui para o caráter funcional do flat design.
-Rápido para compreender
Imagens simples transmitem mensagens de forma mais rápida do que ilustrações detalhadas. Ícones podem indicar ações ou propósitos universais de fáceis
compreensão. É fácil ver uma diferença imediata entre um skeuomorphic e um design plano: blocos de cores sólidas chamam mais atenção e o significado dos ícones podem ser rapidamente percebido.
-O que você pode aprender com Flat Design
Design plano reverte para os conceitos básicos de design como uma ferramenta
funcional e obriga o design a manter o foco na experiência do usuário. Utilizar este estilo aumenta a probabilidade de sucesso do projeto.
-Como fazê-lo
Para criar um site com base nos conceitos de flat design de forma eficaz, todos os elementos de design devem ser centrados sobre a ideia de simplicidade e função do elemento.
Elementos sólidos e cores vivas dão a ênfase necessária para separá-los no lugar de pormenores ilustrativos; as tipografias conhecidas como sans serif (sem serifas)
fornecem um ambiente limpo e nítido; texto conciso e direto, elementos de interface com botões e links claros e perceptíveis. Tudo deve ser projetado com o mesmo objetivo para criar um projeto visual e funcional coeso.
E depois do flat?
Embora o mundo está, definitivamente, seguindo a tendência do liso, o design não vai ser plano para sempre. Depois do nivelamento radical, provavelmente vamos ver os designers reintroduzir cuidadosamente dimensionalidade onde é realmente necessário.
