Post Flat Design - O que acontece a seguir?

Tem havido uma crescente inquietação sobre o futuro das tendências do design de interação. Só na semana passada, li três discussões separadas sobre o chamado "design final plano". Esse tipo de conversa é incrível porque alguns dos melhores trabalhos de design estético e de interação são feitos no início de uma nova tendência. Faz os designers pensarem e inspirar aquele tipo especial de criatividade que nossa indústria thrivefilho.

Por exemplo, temas como Divi e Avada permaneceram populares porque sempre acompanharam as tendências de design e se mantiveram relevantes.

O pêndulo balança

No início, o CSS permitia apenas o controle básico sobre documentos HTML. À medida que a tecnologia de web design cresceu, a estética skeuomórfica tomou conta, expandindo os limites do que era possível na web. Mas à medida que o estilo amadureceu, algumas interfaces tornaram-se difíceis de usar, confusas ou francamente feias. Abusamos das texturas, sombras e detalhes finos que nos ajudaram a definir nossa indústria. Designers e desenvolvedores queria algo novo e simples para substituí-lo.

O movimento plano nasceu pela necessidade de ficar o mais longe possível do skeuomorfismo. Sombras e brilho metálico foram substituídos por tons sólidos e design baseado em tipografia. Era uma referência ao "estilo internacional" suíço de design, onde tipografia forte e blocos de cores reinavam supremos na impressão.

Design plano suíço de estilo internacional

Mas talvez o pêndulo tenha oscilado muito na direção plana. Na transição para o plano, perdemos algumas das vantagens úteis - especialmente em botões e formas - que a estética mais tradicional usava para tornar nossos produtos fáceis de usar. Quando tudo ficou plano, criar uma hierarquia visual clara tornou-se um desafio constante.

Design plano - você pode dizer que o turno foi pressionadoVocê pode dizer qual tecla Shift está habilitada?

Flat tem sido o estilo visual predominante por mais de um ano, e alguns trabalhos brilhantes surgiram dele. Mas está claro que agora é hora de deixar o pêndulo oscilar para trás - mesmo que apenas um pouco.

Post Flat

Proponho pós-design plano - não apenas como uma nova maneira de pensar sobre estética de design - mas também criar hierarquia visual sensível e interfaces mais compreensíveis para nossos usuários. Algumas qualidades de uma interface pós-plana podem incluir:

  • Hierarquia definida usando tamanho e a composição e o cor.
  • Botões, formulários e elementos interativos acessíveis
  • Skeuomorphs para representar análogos 1: 1 para Vida real objetos (a ondulação de uma página de e-book, por exemplo) em nome do deleite do usuário ou de recursos
  • Forte ênfase no conteúdo, não na ornamentação
  • Tipografia bonita e legível

Tanto os extremos skeuomórficos quanto os planos têm qualidades únicas e úteis, mas a fusão dos dois estilos nos permite potencializar os pontos fortes de ambos. Por exemplo, um aplicativo móvel pode ter botões dimensionais em vez de texto colorido para representar as ações principais dentro da interface.

iphone design planoFlaer de Brian Benitez


Sem rigoroso requisitos visuais associados ao design plano, o pós plano oferece aos designers toneladas de variedade para explorar a nova estética - informada pelas melhores qualidades do design skeuomórfico e plano. Os designers não terão que sacrificar a usabilidade para "se adequar" à última tendência.

Luz e interruptorLuz e interruptor de Sebastien Gabriel

Ícone de safári animado

Ícone de Safari animado por Ray

Vamos experimentar. Tire o pó de suas sombras projetadas e gradientes e apresente-os aos seus ícones e botões de cores planas. Faça o seu melhor trabalho sem se sentir restrito a uma única estética. Traga variedade, criatividade e deleite de volta para suas interfaces e temas. Estamos tentando coisas interessantes aqui no Collective Ray no espírito do design pós-plano - é um desafio revigorante e empolgante.

E continuaremos tentando coisas novas e empolgantes enquanto estivermos neste setor.

Sobre o autor
Autor: Super User

Mais uma coisa... Você sabia que as pessoas que compartilham coisas úteis como esta postagem também parecem FANTÁSTICAS? ;-)
. deixe um útil comente com suas ideias, depois compartilhe com seu (s) grupo (s) do Facebook, que considerariam isso útil e vamos colher os benefícios juntos. Obrigado por compartilhar e ser legal!

Divulgação: Esta página pode conter links para sites externos de produtos que amamos e recomendamos de todo o coração. Se você comprar produtos que sugerimos, podemos receber uma taxa de referência. Essas taxas não influenciam nossas recomendações e não aceitamos pagamentos por análises positivas.

Autor (es) em destaque em:  Logotipo da revista Inc   Logotipo do Sitepoint   Logotipo do CSS Tricks    logotipo do webdesignerdepot   Logotipo WPMU DEV   e muitos mais ...