Material Design - Do Skeumorfismo ao Flat Design, como o Google revolucionou as interfaces digitais

467 views 39 slides Sep 25, 2016
Slide 1
Slide 1 of 39
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10
Slide 11
11
Slide 12
12
Slide 13
13
Slide 14
14
Slide 15
15
Slide 16
16
Slide 17
17
Slide 18
18
Slide 19
19
Slide 20
20
Slide 21
21
Slide 22
22
Slide 23
23
Slide 24
24
Slide 25
25
Slide 26
26
Slide 27
27
Slide 28
28
Slide 29
29
Slide 30
30
Slide 31
31
Slide 32
32
Slide 33
33
Slide 34
34
Slide 35
35
Slide 36
36
Slide 37
37
Slide 38
38
Slide 39
39

About This Presentation

Slides da palestra feita no evento Tech meeting - 3ª Edição dia 24 de outubro de 2016


Slide Content

Material Design. Do Skeumorfismo ao Flat Design, como o Google revolucionou as interfaces digitais

Thomas Patrício Machado UX Designer 22 Anos Healfies — we are hiring =)

1. Skeumorfismo 2. Flat Design 3. Material Design

Skeumorfismo Skeus (Recipiente ou ferramenta) + Morphe (forma)

Linha de comando

Mouse

Interface Gráfica

Flat Design

Sem profundidade Simplicidade dos elementos Foco no tipografia Foco na cor Abordagem minimalista

Porque Flat Design?

Microsoft Metro UI

Microsoft Zune

Windows 8

Apple IOS 7

Google Material Design

Chileno Trabalhou na Palm (WebOS) Cientista da Computação Matias Duarte

Não é um Framework mas sim um Style Guide https://material.google.com/

A volta da profundidade

Princípios Material is the metaphor Bold, graphic, intentional Motion provides meaning

O que é o Material?

Profundidade dá significado

Movimento natural

Como usar ? Angular Material Material Design Lite Materialize

Obrigado! facebook.com/Thomachado https://br.linkedin.com/in/thomaspmach