flat design - tendências do design digital em 2013

Download Flat design - Tendências do design digital em 2013

If you can't read please download the document

Upload: herick-correa

Post on 16-Apr-2017

897 views

Category:

Design


0 download

TRANSCRIPT

Tendncia do Design digital em 2013 e Flat Design

Evoluo do mercado Porque agora temos tendncias?

- O mercado vem se enchendo com bons designers.

- Antigamente quem ditava a moda eram os sites das grandes empresas.

- Dificuldade na busca por referncias e no retorno de crticas e sugestes.

- Dificuldade na troca de informaes e a comunicao entre profissionais.

- Ampliao da comunidade de design e troca de informaes na internet.

Em 2013 tem se falado muito em Flat Design, mas como essa tendncia foi aparecer?

- Metro Design

- Windows Mobile

- Windows 8

Metro Design?

- Nova linguagem de design utilizada pela Microsoft

- Conceito baseado nas sinalizaes de transportes pblicos

- Foco completo no contedo e na informao

- Eliminar toda a interferncia grfica que podem tirar o foco do usurio

- Dizer o mximo possvel com o mnimo possvel e o mais rpido possvel.

O Passado

A tendncia 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 no algo novo

Movimento De Stijl

Repare nesta arte de Theo van Doesburgs Arithmetische Compositie, de 1924

Esta nova idia ignorar os detalhes da aparncia, ou seja, a forma natural e a cor. Pelo contrrio, ele deve encontrar a sua expresso na abstrao da forma e cor, isto , em linha reta e a cor primaria claramente definida.

Piet MondrianIntegrante do movimento De Stijl

Alto Modernismo

Surgiu nos anos 1950 / 70, e nos traz mais traos do que atualmente chamamos de Flat Design

Otl Aicher: Em particular o seu design para as olimpadas de Munique em 1972.

Richard Lohse

Josef Mller-Brockmann

Esse estilo te lembra alguma coisa?

A atualidade

A Microsoft buscava requerimentos visuais especficos que focavam na alta legibilidade e na alta percepo das informaes, eliminando as distraes desnecessrias.

O ideal que o usurio consiga perceber de forma rpida e clara as informaes, e obter idicaes precisas sobre as aes necessrias. Entretanto, a aparncia deve ser agradvel, limpa e deixar uma boa impresso. Sempre com foco no contedo.

Impacto no mercado

O impacto no mercado foi to grande que uma nova tendncia de design surgiu em volta desta linguagem, a Flat Design. E para confirmar a fora deste novo conceito, a Apple (que antes ditava as tendncias) acabou tendo que se adaptar, e acabou se renovando com seu iOS7

Impacto no mercado

O impacto no mercado foi to grande que uma nova tendncia de design surgiu em volta desta linguagem, a Flat Design. E para confirmar a fora deste novo conceito, a Apple (que antes ditava as tendncias) acabou tendo que se adaptar, e acabou se renovando com seu iOS7

Flat Design

- A maioria dos designers ama ou odeia, mas uma tendncia que veio forte.

- muito legal, mas no deve ser usada para tudo.

- Flat design baseado em 2D e, chamado assim por causa dos shapes. No possui drop-shadows, bevels, embossing, gradients ou qualquer outra maneira de inserir relevos ou brilhos. O elemento no deve parecer realista.

Flat Design

- O design Flat funciona porque ele d uma aparncia bem mais clean a sua interface, fazendo o usurio ter uma comrpeenso melhor na hierarquia dos elementos, deixando seu projeto mais fcil de usar e interagir.

- Mesmo sendo utilizado cada vez mais em sites, essa tendncia 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 fcil de se utilizar.

Muito desta nova tendncia tem como base o avano da tencologia, principalmente com a chegada do HTML5 e CSS3. Com a evoluo desta rea muitos recursos e interatividades foram acrescentados ao desenvolvimento

HTML5 / CSS3

Referncias em Mobiles