Enviar pesquisa
Carregar
Material Design - Do Skeumorfismo ao Flat Design, como o Google revolucionou as interfaces digitais
•
Transferir como PPTX, PDF
•
0 gostou
•
446 visualizações
T
Thomas Patricio Machado
Seguir
Slides da palestra feita no evento Tech meeting - 3ª Edição dia 24 de outubro de 2016
Leia menos
Leia mais
Design
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 39
Baixar agora
Recomendados
PARA QUE UMA EMPRESA OU UM PRODUTO TENHA DESTAQUE, É PRECISO QUE SUAS INFORMAÇÕES SEJAM BEM APRESENTADAS AO PÚBLICO POR MEIO DE ARTES COMO BANNERS, FLYERS E FOLDERS. E SEMPRE POR TRÁS DE UMA ARTE BEM FEITA HÁ UMA BOA FERRAMENTA DE DESIGN, COMO O ILLUSTRATOR. POR UTILIZAR DESIGN VETORIAL, O ILLUSTRATOR TEM GANHADO CADA VEZ MAIS PREFERÊNCIA NA ESCOLHA DE FERRAMENTAS DE DESIGN. O MINICURSO TEM COMO OBJETIVO ENSINAR AS PRINCIPAIS TÉCNICAS DE DESIGN VETORIAL PARA QUE CAPACITE OS PARTICIPANTES A CRIAR ARTES GRÁFICAS E DESENHOS VOLTADOS AO AMBIENTE PROFISSIONAL. O MINICURSO SERÁ MINISTRADO POR RENAN TEIXEIRA E THIAGO ALMEIDA M. MARQUES.
Como desenvolver artes gráficas com o Illustrator
Como desenvolver artes gráficas com o Illustrator
Thiago Marques
Presentation for Interaction South America 2017, the bigger Interaction Design event in Latin America.
Physical Web: bringing the powers of the web to the physical world
Physical Web: bringing the powers of the web to the physical world
Thomas Patricio Machado
Presentation for ISA2017, the bigger Interaction Design event in Latin America.
Physical Web: bringing the powers of the web to the physical world
Physical Web: bringing the powers of the web to the physical world
Thomas Patricio Machado
IxDA São José dos Campos Dicas de carreira e um pouco sobre design e o mercado.
Designer: ser ou não ser
Designer: ser ou não ser
Jonathan Prieto
Conheça as dicas do LinkedIn para criar um perfil campeão e alcançar as melhores oportunidades. Atualize seu perfil: http://bit.ly/2pGtxnP
Infográfico | Como criar um perfil campeão
Infográfico | Como criar um perfil campeão
LinkedIn
We analyzed all the recruiting activity on LinkedIn this year and identified the Top Skills employers seek. Starting Oct 24, learn these skills and much more for free during the Week of Learning. #AlwaysBeLearning https://learning.linkedin.com/week-of-learning
The Top Skills That Can Get You Hired in 2017
The Top Skills That Can Get You Hired in 2017
LinkedIn
Aula sobre Design de Interação para pós-graduação em IHC, Ergodesign e Usabilidade da PUC-Rio. Departamento de Artes e Design e CCE. Prof. Luiz Agner
Palestra - Design de interação
Palestra - Design de interação
Luiz Agner
ESSA PALESTRA É PARA VOCÊ QUE, DESENVOLVEDOR, QUER SABER MAIS SOBRE UX (USER EXPERIENCE - EXPERIÊNCIA DO USUÁRIO) E UI (USER INTERACTION - INTERAÇÃO COM O USUÁRIO) PARA O DESENVOLVIMENTO DE SEUS APLICATIVOS. É IMPORTANTE, MESMO NÃO SENDO O FOOC, QUE O DESENVOLVEDOR TENHA UMA NOÇÃO DE COMO O DESIGN IRÁ INFLUENCIAR EM SEU PROJETO. IREMOS CONVERSAR UM POUCO SOBRE COMO PENSAR EM UX/UI UTILIZANDO O MATERIAL DESIGN DO GOOGLE.
Pensando em UX / UI com o material design
Pensando em UX / UI com o material design
Thiago Marques
Recomendados
PARA QUE UMA EMPRESA OU UM PRODUTO TENHA DESTAQUE, É PRECISO QUE SUAS INFORMAÇÕES SEJAM BEM APRESENTADAS AO PÚBLICO POR MEIO DE ARTES COMO BANNERS, FLYERS E FOLDERS. E SEMPRE POR TRÁS DE UMA ARTE BEM FEITA HÁ UMA BOA FERRAMENTA DE DESIGN, COMO O ILLUSTRATOR. POR UTILIZAR DESIGN VETORIAL, O ILLUSTRATOR TEM GANHADO CADA VEZ MAIS PREFERÊNCIA NA ESCOLHA DE FERRAMENTAS DE DESIGN. O MINICURSO TEM COMO OBJETIVO ENSINAR AS PRINCIPAIS TÉCNICAS DE DESIGN VETORIAL PARA QUE CAPACITE OS PARTICIPANTES A CRIAR ARTES GRÁFICAS E DESENHOS VOLTADOS AO AMBIENTE PROFISSIONAL. O MINICURSO SERÁ MINISTRADO POR RENAN TEIXEIRA E THIAGO ALMEIDA M. MARQUES.
Como desenvolver artes gráficas com o Illustrator
Como desenvolver artes gráficas com o Illustrator
Thiago Marques
Presentation for Interaction South America 2017, the bigger Interaction Design event in Latin America.
Physical Web: bringing the powers of the web to the physical world
Physical Web: bringing the powers of the web to the physical world
Thomas Patricio Machado
Presentation for ISA2017, the bigger Interaction Design event in Latin America.
Physical Web: bringing the powers of the web to the physical world
Physical Web: bringing the powers of the web to the physical world
Thomas Patricio Machado
IxDA São José dos Campos Dicas de carreira e um pouco sobre design e o mercado.
Designer: ser ou não ser
Designer: ser ou não ser
Jonathan Prieto
Conheça as dicas do LinkedIn para criar um perfil campeão e alcançar as melhores oportunidades. Atualize seu perfil: http://bit.ly/2pGtxnP
Infográfico | Como criar um perfil campeão
Infográfico | Como criar um perfil campeão
LinkedIn
We analyzed all the recruiting activity on LinkedIn this year and identified the Top Skills employers seek. Starting Oct 24, learn these skills and much more for free during the Week of Learning. #AlwaysBeLearning https://learning.linkedin.com/week-of-learning
The Top Skills That Can Get You Hired in 2017
The Top Skills That Can Get You Hired in 2017
LinkedIn
Aula sobre Design de Interação para pós-graduação em IHC, Ergodesign e Usabilidade da PUC-Rio. Departamento de Artes e Design e CCE. Prof. Luiz Agner
Palestra - Design de interação
Palestra - Design de interação
Luiz Agner
ESSA PALESTRA É PARA VOCÊ QUE, DESENVOLVEDOR, QUER SABER MAIS SOBRE UX (USER EXPERIENCE - EXPERIÊNCIA DO USUÁRIO) E UI (USER INTERACTION - INTERAÇÃO COM O USUÁRIO) PARA O DESENVOLVIMENTO DE SEUS APLICATIVOS. É IMPORTANTE, MESMO NÃO SENDO O FOOC, QUE O DESENVOLVEDOR TENHA UMA NOÇÃO DE COMO O DESIGN IRÁ INFLUENCIAR EM SEU PROJETO. IREMOS CONVERSAR UM POUCO SOBRE COMO PENSAR EM UX/UI UTILIZANDO O MATERIAL DESIGN DO GOOGLE.
Pensando em UX / UI com o material design
Pensando em UX / UI com o material design
Thiago Marques
Handoff - Como o Designer pode facilitar a vida do Desenvolvedor - Diego Velazquez
Handoff - Como o Designer pode facilitar a vida do Desenvolvedor - Diego Vela...
Handoff - Como o Designer pode facilitar a vida do Desenvolvedor - Diego Vela...
GDGFoz
Artigo apresentado no 1º EBAI. 19 e 20 de outubro de 2007 - Mauro Pinheiro
Design da interação / Design da experiência: considerações sobre um campo de ...
Design da interação / Design da experiência: considerações sobre um campo de ...
Mauro Pinheiro
Conteúdo Sobre Design Flat
Apresentação Flat
Apresentação Flat
Wellington Dos Santos
Apresentação feita na Semana de Informática da Univille - Universidade da Região de Joinville. Sobre o assunto Design de Interação e a ligação entre desenvolvedores e designers.
Design de Interação: O que você tem a ver com isso?!
Design de Interação: O que você tem a ver com isso?!
Monica Possel
Por que uma guideline? Quais são os benefícios? Quais são os erros mais comuns? Quais exemplos legais temos por aí? A idéia dessa apresentação é a de aprofundar muito mais o conteúdo em relação das minhas anteriores, indo muito além da explicação sobre o que é Material Design. Apresentação realizada em Maio/2016 no especial de 3 do meetup de Android, organizado pelo GDG-SP. Vídeo da apresentação: https://www.youtube.com/watch?v=xyGFOFc_FlU
Deep Dive Material Design, e um pouquinho sobre mobile UX
Deep Dive Material Design, e um pouquinho sobre mobile UX
Nelson Vasconcelos
Apresentação feita na Escola de Referência em Ensino Médio Luiz Pereira Júnior, em Caetés, Pernambuco.
Design de interação e robótica.
Design de interação e robótica.
Robô Livre
Depois de explicar dezenas de vezes o que é UX, o que é uma interface, o que é UI,
UX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOS
Diego Moraes
Aula do programa BEPiD sobre o projeto de interfaces para o usuário através de telas. Fundamentos e modelos de documentação.
Design de interfaces gráficas
Design de interfaces gráficas
UTFPR
Sétima aula de Engenharia de software realizada para o segundo semestre do Curso de Técnico em Informática para Internet (Pronatec/UNIMEP)
Engenharia de Software - Unimep/Pronatec - Aula 7
Engenharia de Software - Unimep/Pronatec - Aula 7
André Phillip Bertoletti
Palestra e hangout: Danilo Vitoriano. Os conceitos do guideline Material Design desenvolvido pela Google, as inspirações, testes, objetivos, além de exemplos de código, aplicação no desenvolvimento de sites, aplicativos e interfaces em geral, e por fim, uma breve abordagem sobre componentes web e a aplicação do Material Design com Polymer, um projeto de web components desenvolvido também pelo Google, e utilizado nos apps Google Music, Youtube e no site GItHub, por exemplo.
Google Material Design - Conceito, aplicações, código e web components
Google Material Design - Conceito, aplicações, código e web components
Dan Vitoriano
P & D 2014
Experimentação de um produto
Experimentação de um produto
Bento Gustavo de Sousa Pimentel
Linha do tempo sobre a formação da prática profissional da UX - User Experience (em português, Experiência do Usuário) no Brasil. (Atualizado em 28 de junho de 2023).
História da UX no Brasil - v1.1
História da UX no Brasil - v1.1
Erico Fileno
Trabalho realizado para a disciplina: Interfaces Hipertextuais para Visualização da Informação - ECI-UFMG
Design De Interfaces
Design De Interfaces
Bruno Brant
Palestra ministrada no dia 06 de julho de 2012 no Sábado Criativo da SAIBADESIGN - http://bit.ly/17WdWSg
Flat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da Interface
Edu Agni
Design Centrado no Usuário é uma abordagem para a Interação Humano-Computador que inicialmente servia para adequar interfaces computacionais aos modelos mentais dos usuários, mas que com o tempo, acabou sendo redirecionada para incutir modelos mentais e, assim manipular a realidade dos usuários. Esta palestra apresenta o histórico desta abordagem, bem como abordagens alternativas como o Design Participativo que reduz a diferença e distância entre usuários e designers.
Indo além do Design Centrado no Usuário
Indo além do Design Centrado no Usuário
UTFPR
Aula para a Turma de Design da ESPM. Porto Alegre. 12.06.2013 http://wp.me/p3EOt-PJ
O Designer no Mundo da Tecnologia da Informação (TI)
O Designer no Mundo da Tecnologia da Informação (TI)
Thiago Esser
Palestra ministrada no encontro da IxDA Floripa apresentando a linguagem de design da Microsoft.
Metro UI na IxDA Floripa
Metro UI na IxDA Floripa
Manoel dos Santos
Cap 5 Compreendendo Como As Interfaces Afetam Os UsuáRios
Cap 5 Compreendendo Como As Interfaces Afetam Os UsuáRios
Marcelo Bitencourt
Trilha Design Thinking How we figured out we had a SRE team at - Drops de Inovação
TDC2017 | São Paulo - Trilha Design Thinking How we figured out we had a SRE ...
TDC2017 | São Paulo - Trilha Design Thinking How we figured out we had a SRE ...
tdc-globalcode
Plano da disciplina Construção de Software do Mestrado em Computação Aplicada da Universidade de Brasília - UnB. Maio/2017
Construção de Software - 1º/2017
Construção de Software - 1º/2017
Alexandre Gomes
Mais conteúdo relacionado
Semelhante a Material Design - Do Skeumorfismo ao Flat Design, como o Google revolucionou as interfaces digitais
Handoff - Como o Designer pode facilitar a vida do Desenvolvedor - Diego Velazquez
Handoff - Como o Designer pode facilitar a vida do Desenvolvedor - Diego Vela...
Handoff - Como o Designer pode facilitar a vida do Desenvolvedor - Diego Vela...
GDGFoz
Artigo apresentado no 1º EBAI. 19 e 20 de outubro de 2007 - Mauro Pinheiro
Design da interação / Design da experiência: considerações sobre um campo de ...
Design da interação / Design da experiência: considerações sobre um campo de ...
Mauro Pinheiro
Conteúdo Sobre Design Flat
Apresentação Flat
Apresentação Flat
Wellington Dos Santos
Apresentação feita na Semana de Informática da Univille - Universidade da Região de Joinville. Sobre o assunto Design de Interação e a ligação entre desenvolvedores e designers.
Design de Interação: O que você tem a ver com isso?!
Design de Interação: O que você tem a ver com isso?!
Monica Possel
Por que uma guideline? Quais são os benefícios? Quais são os erros mais comuns? Quais exemplos legais temos por aí? A idéia dessa apresentação é a de aprofundar muito mais o conteúdo em relação das minhas anteriores, indo muito além da explicação sobre o que é Material Design. Apresentação realizada em Maio/2016 no especial de 3 do meetup de Android, organizado pelo GDG-SP. Vídeo da apresentação: https://www.youtube.com/watch?v=xyGFOFc_FlU
Deep Dive Material Design, e um pouquinho sobre mobile UX
Deep Dive Material Design, e um pouquinho sobre mobile UX
Nelson Vasconcelos
Apresentação feita na Escola de Referência em Ensino Médio Luiz Pereira Júnior, em Caetés, Pernambuco.
Design de interação e robótica.
Design de interação e robótica.
Robô Livre
Depois de explicar dezenas de vezes o que é UX, o que é uma interface, o que é UI,
UX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOS
Diego Moraes
Aula do programa BEPiD sobre o projeto de interfaces para o usuário através de telas. Fundamentos e modelos de documentação.
Design de interfaces gráficas
Design de interfaces gráficas
UTFPR
Sétima aula de Engenharia de software realizada para o segundo semestre do Curso de Técnico em Informática para Internet (Pronatec/UNIMEP)
Engenharia de Software - Unimep/Pronatec - Aula 7
Engenharia de Software - Unimep/Pronatec - Aula 7
André Phillip Bertoletti
Palestra e hangout: Danilo Vitoriano. Os conceitos do guideline Material Design desenvolvido pela Google, as inspirações, testes, objetivos, além de exemplos de código, aplicação no desenvolvimento de sites, aplicativos e interfaces em geral, e por fim, uma breve abordagem sobre componentes web e a aplicação do Material Design com Polymer, um projeto de web components desenvolvido também pelo Google, e utilizado nos apps Google Music, Youtube e no site GItHub, por exemplo.
Google Material Design - Conceito, aplicações, código e web components
Google Material Design - Conceito, aplicações, código e web components
Dan Vitoriano
P & D 2014
Experimentação de um produto
Experimentação de um produto
Bento Gustavo de Sousa Pimentel
Linha do tempo sobre a formação da prática profissional da UX - User Experience (em português, Experiência do Usuário) no Brasil. (Atualizado em 28 de junho de 2023).
História da UX no Brasil - v1.1
História da UX no Brasil - v1.1
Erico Fileno
Trabalho realizado para a disciplina: Interfaces Hipertextuais para Visualização da Informação - ECI-UFMG
Design De Interfaces
Design De Interfaces
Bruno Brant
Palestra ministrada no dia 06 de julho de 2012 no Sábado Criativo da SAIBADESIGN - http://bit.ly/17WdWSg
Flat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da Interface
Edu Agni
Design Centrado no Usuário é uma abordagem para a Interação Humano-Computador que inicialmente servia para adequar interfaces computacionais aos modelos mentais dos usuários, mas que com o tempo, acabou sendo redirecionada para incutir modelos mentais e, assim manipular a realidade dos usuários. Esta palestra apresenta o histórico desta abordagem, bem como abordagens alternativas como o Design Participativo que reduz a diferença e distância entre usuários e designers.
Indo além do Design Centrado no Usuário
Indo além do Design Centrado no Usuário
UTFPR
Aula para a Turma de Design da ESPM. Porto Alegre. 12.06.2013 http://wp.me/p3EOt-PJ
O Designer no Mundo da Tecnologia da Informação (TI)
O Designer no Mundo da Tecnologia da Informação (TI)
Thiago Esser
Palestra ministrada no encontro da IxDA Floripa apresentando a linguagem de design da Microsoft.
Metro UI na IxDA Floripa
Metro UI na IxDA Floripa
Manoel dos Santos
Cap 5 Compreendendo Como As Interfaces Afetam Os UsuáRios
Cap 5 Compreendendo Como As Interfaces Afetam Os UsuáRios
Marcelo Bitencourt
Trilha Design Thinking How we figured out we had a SRE team at - Drops de Inovação
TDC2017 | São Paulo - Trilha Design Thinking How we figured out we had a SRE ...
TDC2017 | São Paulo - Trilha Design Thinking How we figured out we had a SRE ...
tdc-globalcode
Plano da disciplina Construção de Software do Mestrado em Computação Aplicada da Universidade de Brasília - UnB. Maio/2017
Construção de Software - 1º/2017
Construção de Software - 1º/2017
Alexandre Gomes
Semelhante a Material Design - Do Skeumorfismo ao Flat Design, como o Google revolucionou as interfaces digitais
(20)
Handoff - Como o Designer pode facilitar a vida do Desenvolvedor - Diego Vela...
Handoff - Como o Designer pode facilitar a vida do Desenvolvedor - Diego Vela...
Design da interação / Design da experiência: considerações sobre um campo de ...
Design da interação / Design da experiência: considerações sobre um campo de ...
Apresentação Flat
Apresentação Flat
Design de Interação: O que você tem a ver com isso?!
Design de Interação: O que você tem a ver com isso?!
Deep Dive Material Design, e um pouquinho sobre mobile UX
Deep Dive Material Design, e um pouquinho sobre mobile UX
Design de interação e robótica.
Design de interação e robótica.
UX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOS
Design de interfaces gráficas
Design de interfaces gráficas
Engenharia de Software - Unimep/Pronatec - Aula 7
Engenharia de Software - Unimep/Pronatec - Aula 7
Google Material Design - Conceito, aplicações, código e web components
Google Material Design - Conceito, aplicações, código e web components
Experimentação de um produto
Experimentação de um produto
História da UX no Brasil - v1.1
História da UX no Brasil - v1.1
Design De Interfaces
Design De Interfaces
Flat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da Interface
Indo além do Design Centrado no Usuário
Indo além do Design Centrado no Usuário
O Designer no Mundo da Tecnologia da Informação (TI)
O Designer no Mundo da Tecnologia da Informação (TI)
Metro UI na IxDA Floripa
Metro UI na IxDA Floripa
Cap 5 Compreendendo Como As Interfaces Afetam Os UsuáRios
Cap 5 Compreendendo Como As Interfaces Afetam Os UsuáRios
TDC2017 | São Paulo - Trilha Design Thinking How we figured out we had a SRE ...
TDC2017 | São Paulo - Trilha Design Thinking How we figured out we had a SRE ...
Construção de Software - 1º/2017
Construção de Software - 1º/2017
Material Design - Do Skeumorfismo ao Flat Design, como o Google revolucionou as interfaces digitais
1.
Material Design.Do Skeumorfismo
ao Flat Design, como o Google revolucionou as interfaces digitais
2.
Thomas Patrício Machado UX
Designer 22 Anos Healfies — we are hiring =)
3.
1. Skeumorfismo 2. Flat
Design 3. Material Design
4.
Skeumorfismo Skeus (Recipiente ou
ferramenta) + Morphe (forma)
5.
Linha de comando
6.
Mouse
7.
Interface Gráfica
8.
9.
10.
11.
12.
13.
14.
Flat Design
15.
16.
17.
18.
Sem profundidade Simplicidade dos elementos Foco
no tipografia Foco na cor Abordagem minimalista
19.
Porque Flat Design?
20.
21.
22.
Microsoft Metro UI
23.
Microsoft Zune
24.
Windows 8
25.
Apple IOS 7
26.
Google Material Design
27.
28.
29.
Chileno Trabalhou na Palm
(WebOS) Cientista da Computação Matias Duarte
30.
Não é um Framework
mas sim um Style Guide https://material.google.com/
31.
A volta da profundidade
32.
Princípios Material is the
metaphor Bold, graphic, intentional Motion provides meaning
33.
O que é
o Material?
34.
Profundidade dá significado
35.
36.
37.
Movimento natural
38.
Como usar? Angular Material Material
Design Lite Materialize
39.
Obrigado! facebook.com/Thomachado https://br.linkedin.com/in/thomaspmach
Baixar agora