O documento discute a tendência do design digital Flat em 2013. Começou com o Metro Design da Microsoft, focado em fornecer informações de forma rápida e clara, sem distrações. Isso inspirou o Flat Design, que se tornou popular em sites e aplicativos móveis por priorizar a legibilidade em telas pequenas. Embora controversa, a tendência Flat continua forte, impulsionada pelo avanço das tecnologias HTML5 e CSS3.
2. Evolução do mercado – Porque agora temos tendências?
- O mercado vem se enchendo com bons designers.
- Antigamente quem ditava a moda eram os sites das grandes empresas.
- Dificuldade na busca por referências e no retorno de críticas e sugestões.
- Dificuldade na troca de informações e a comunicação entre profissionais.
- Ampliação da comunidade de design e troca de informações na internet.
3. Em 2013 tem se falado muito em Flat Design,
mas como essa tendência foi aparecer?
- Metro Design
- Windows Mobile
- Windows 8
Metro Design?
- Nova linguagem de design utilizada pela Microsoft
- Conceito baseado nas sinalizações de transportes públicos
- Foco completo no conteúdo e na informação
- Eliminar toda a interferência gráfica que podem tirar o foco do usuário
- Dizer o máximo possível com o mínimo possível e o mais rápido possível.
4. O Passado
A tendência Flat é super interessante, principalmente para quem estava
cansado do modelo skeuomorphic design, onde o conceito é dar realidade aos elementos,
com sobra, relevo, profundidade, brilhos etc. Mas voltando ao passado, vemos que o
Flat Design não é algo novo
Movimento De Stijl
Repare nesta arte de Theo van Doesburg’s
“Arithmetische Compositie”, de 1924
Esta nova idéia é ignorar os
detalhes da aparência, ou seja, a
forma natural e a cor. Pelo
contrário, ele deve encontrar a sua
expressão na abstração da forma
e cor, isto é, em linha reta e a cor
primaria claramente definida.
Piet Mondrian
Integrante do movimento De Stijl
“
5. Alto Modernismo
Surgiu nos anos 1950 / 70, e nos traz mais traços do que atualmente chamamos de Flat Design
Otl Aicher:
Em particular o seu design para as
olimpíadas de Munique em 1972.
Richard Lohse Josef Müller-Brockmann
Esse estilo te lembra alguma coisa?
6. A atualidade
A Microsoft buscava requerimentos visuais específicos que focavam na alta legibilidade e na alta
percepção das informações, eliminando as distrações desnecessárias.
O ideal é que o usuário consiga perceber de forma rápida e clara as informações, e obter idicações
precisas sobre as ações necessárias. Entretanto, a aparência deve ser agradável, limpa e deixar uma
boa impressão. Sempre com foco no conteúdo.
7. Impacto no mercado
O impacto no mercado foi tão grande que uma nova tendência de design surgiu em volta desta
linguagem, a Flat Design. E para confirmar a força deste novo conceito, a Apple (que antes ditava as
tendências) acabou tendo que se adaptar, e acabou se renovando com seu iOS7
8. Impacto no mercado
O impacto no mercado foi tão grande que uma nova tendência de design surgiu em volta desta
linguagem, a Flat Design. E para confirmar a força deste novo conceito, a Apple (que antes ditava as
tendências) acabou tendo que se adaptar, e acabou se renovando com seu iOS7
9.
10. Flat Design
- A maioria dos designers ama ou odeia, mas é uma
tendência que veio forte.
- É muito legal, mas não deve ser usada para tudo.
- Flat design é baseado em 2D e, é chamado assim por causa
dos shapes. Não possui drop-shadows, bevels, embossing,
gradients ou qualquer outra maneira de inserir relevos ou brilhos.
O elemento não deve parecer realista.
11. Flat Design
- O design Flat funciona porque ele dá uma aparência bem mais
clean a sua interface, fazendo o usuário ter uma comrpeensão
melhor na hierarquia dos elementos, deixando seu projeto mais
fácil de usar e interagir.
- Mesmo sendo utilizado cada vez mais em sites, essa tendência
vem sendo mais popular em mobiles, principalmente por estes
terem telas pequenas e muitas vezes com tamanhos diferentes,
um aplicativo baseado em Flat design é muito mais fácil de
se utilizar.
12.
13.
14. Muito desta nova tendência tem
como base o avanço da tencologia,
principalmente com a chegada do
HTML5 e CSS3. Com a evolução
desta área muitos recursos e
interatividades foram acrescentados
ao desenvolvimento
HTML5 / CSS3