SlideShare uma empresa Scribd logo
1 de 22
Baixar para ler offline
Material Design:
do smartphone ao desktop
Sobre mim
mais de 3 anos de experiência
web designer e front-end developer
atualmente trabalhando na Addtech
Para me encontrar:
● Portfólio: http://hillarysousa.com/
● E-mail: falecom@hillarysousa.com
● Behance: https://www.behance.net/hillarysousa
● Dribbble: https://dribbble.com/hillarysousa
● LinkedIn: https://www.linkedin.com/in/hillarysousa
● Slideshare: http://pt.slideshare.net/hillarysousa
● Twitter: @hillaryhp
● Instagram: @hillaryhp
● Facebook: /hillaryhp
Afinal, o que é
Material Design?
Uma olhada no início
• Google anuncia o Material Design durante o evento Google I/O 2014
• Utiliza Polymer (biblioteca desenvolvida e mantida pelo Google para o
desenvolvimento de Web Components em browsers atuais)
• Material Design começa a ser aplicado em 2015 nos apps Google
Objetivos do Material Design
• Criar uma identidade visual que sintetiza princípios clássicos do bom
design com a inovação e as possibilidades que a tecnologia e a ciência
trazem
• Desenvolver um sistema único que permita uma experiência unificada
entre plataformas e dispositivos de diversos tamanhos
Princípios do Material Design
• Material é a metáfora
• Extremamente intencional
• Movimento propõe significado
Certo, certo…
Mas cadê os
exemplos?
Exemplos de aplicativos mobile com Material Design
Exemplos de aplicativos mobile com Material Design
E o Material Design
no desktop?
Desafios na implementação
• Fator “clean” torna a aplicação um desafio
• Hábitos do usuário não incentivam
• Uso excessivo de JavaScript pode atrapalhar performance
Exemplos de sites desktop com Material Design
Exemplos de sites desktop com Material Design
Exemplos de sites desktop com Material Design
Ok, mas como
mudamos isso?
FRAMEWORKS
FRONT-END!
(e temas)
(e amor)
1. Material Design Lite: https://getmdl.io/ (em inglês)
2. Materialize CSS: http://materializecss.com/ (em inglês)
3. MDL Wordpress Theme: http://mdlwp.com/ (em inglês)
4. MaterialWP : http://materialwp.com/ (em inglês)
Quarteto fantástico
Prós e contras
• Facilidade na implementação
• Hábitos de uso de outros frameworks
torna o desenvolvimento mais intuitivo
• São responsivos
• Altamente customizáveis
• São Open Source e estão no GitHub
• Podem afetar a performance do site
• Não possuem todos os componentes do
Material Design
• Dependem de jQuery para animações
Resumindo
Material Design é uma tendência irada em web design, UX e UI, mas um tanto
inexplorada (principalmente em terras tupiniquins).
Vamos quebrar um pouco a tradição do header-content-footer e nos aventurar
mais em novos caminhos?
#mandalinks
• Material Design guidelines: https://material.google.com/ (em inglês)
• Material icons: https://design.google.com/icons/ (em inglês)
• Material Design para Android:
https://developer.android.com/design/material/index.html
• Angular Material: https://material.angularjs.org/latest/ (em inglês)
• Polymer: https://elements.polymer-project.org/browse?package=paper-
elements (em inglês)
PERGUNTAS?
OBRIGADA!

Mais conteúdo relacionado

Mais procurados

Design para WordPress- Anyssa Ferreira - WordCamp BH 2015
Design para WordPress-  Anyssa Ferreira - WordCamp BH 2015Design para WordPress-  Anyssa Ferreira - WordCamp BH 2015
Design para WordPress- Anyssa Ferreira - WordCamp BH 2015Anyssa Ferreira
 
Desmistificando Progressive Web Apps - PWA
Desmistificando Progressive Web Apps - PWADesmistificando Progressive Web Apps - PWA
Desmistificando Progressive Web Apps - PWAStefan Horochovec
 
Por quê blogar com e sem WordPress
Por quê blogar com e sem WordPressPor quê blogar com e sem WordPress
Por quê blogar com e sem WordPressPaulino Michelazzo
 
Criando um Hotsite em 30 min. com Gimp!
Criando um Hotsite em 30 min. com Gimp!Criando um Hotsite em 30 min. com Gimp!
Criando um Hotsite em 30 min. com Gimp!Luiz Bruno Vianna
 
Go (golang) - Porque ele deve ser a linguagem da sua próxima API
Go (golang) - Porque ele deve ser a linguagem da sua próxima APIGo (golang) - Porque ele deve ser a linguagem da sua próxima API
Go (golang) - Porque ele deve ser a linguagem da sua próxima APIJeff Prestes
 
Utilizando Polymer em aplicações móveis
Utilizando Polymer em aplicações móveisUtilizando Polymer em aplicações móveis
Utilizando Polymer em aplicações móveisStefan Horochovec
 
Sweet Child O' Themes
Sweet Child O' ThemesSweet Child O' Themes
Sweet Child O' ThemesBreno Alves
 
Como colaborar com a comunidade WordPress
Como colaborar com a comunidade WordPressComo colaborar com a comunidade WordPress
Como colaborar com a comunidade WordPressGuga Alves
 
CEAD 2013 - Oficina 1: Ferramentas colaborativas e de comunicação WEB
CEAD 2013 - Oficina 1: Ferramentas colaborativas e de comunicação WEBCEAD 2013 - Oficina 1: Ferramentas colaborativas e de comunicação WEB
CEAD 2013 - Oficina 1: Ferramentas colaborativas e de comunicação WEBTony Alexander Hild
 
Palestra / Efeitos Espetaculares Em Dhtml / SDD
Palestra / Efeitos Espetaculares Em Dhtml / SDDPalestra / Efeitos Espetaculares Em Dhtml / SDD
Palestra / Efeitos Espetaculares Em Dhtml / SDDhugodiasneto
 
Do marketplace ao WordPress - WordCamp BH 2015
Do marketplace ao WordPress -  WordCamp BH 2015Do marketplace ao WordPress -  WordCamp BH 2015
Do marketplace ao WordPress - WordCamp BH 2015Fellyph Cintra
 

Mais procurados (17)

Design para WordPress- Anyssa Ferreira - WordCamp BH 2015
Design para WordPress-  Anyssa Ferreira - WordCamp BH 2015Design para WordPress-  Anyssa Ferreira - WordCamp BH 2015
Design para WordPress- Anyssa Ferreira - WordCamp BH 2015
 
O uso dos blogs, flogs e webquest
O uso dos blogs, flogs e webquestO uso dos blogs, flogs e webquest
O uso dos blogs, flogs e webquest
 
Desmistificando Progressive Web Apps - PWA
Desmistificando Progressive Web Apps - PWADesmistificando Progressive Web Apps - PWA
Desmistificando Progressive Web Apps - PWA
 
Por quê blogar com e sem WordPress
Por quê blogar com e sem WordPressPor quê blogar com e sem WordPress
Por quê blogar com e sem WordPress
 
Criando um Hotsite em 30 min. com Gimp!
Criando um Hotsite em 30 min. com Gimp!Criando um Hotsite em 30 min. com Gimp!
Criando um Hotsite em 30 min. com Gimp!
 
Go (golang) - Porque ele deve ser a linguagem da sua próxima API
Go (golang) - Porque ele deve ser a linguagem da sua próxima APIGo (golang) - Porque ele deve ser a linguagem da sua próxima API
Go (golang) - Porque ele deve ser a linguagem da sua próxima API
 
Blogs e Flogs
Blogs e FlogsBlogs e Flogs
Blogs e Flogs
 
Bootstrap 4
Bootstrap 4Bootstrap 4
Bootstrap 4
 
Utilizando Polymer em aplicações móveis
Utilizando Polymer em aplicações móveisUtilizando Polymer em aplicações móveis
Utilizando Polymer em aplicações móveis
 
Sweet Child O' Themes
Sweet Child O' ThemesSweet Child O' Themes
Sweet Child O' Themes
 
Como colaborar com a comunidade WordPress
Como colaborar com a comunidade WordPressComo colaborar com a comunidade WordPress
Como colaborar com a comunidade WordPress
 
Wordpress é blog
Wordpress é blogWordpress é blog
Wordpress é blog
 
HTML 5
HTML 5HTML 5
HTML 5
 
CEAD 2013 - Oficina 1: Ferramentas colaborativas e de comunicação WEB
CEAD 2013 - Oficina 1: Ferramentas colaborativas e de comunicação WEBCEAD 2013 - Oficina 1: Ferramentas colaborativas e de comunicação WEB
CEAD 2013 - Oficina 1: Ferramentas colaborativas e de comunicação WEB
 
Palestra / Efeitos Espetaculares Em Dhtml / SDD
Palestra / Efeitos Espetaculares Em Dhtml / SDDPalestra / Efeitos Espetaculares Em Dhtml / SDD
Palestra / Efeitos Espetaculares Em Dhtml / SDD
 
Case Editora Abril
Case Editora AbrilCase Editora Abril
Case Editora Abril
 
Do marketplace ao WordPress - WordCamp BH 2015
Do marketplace ao WordPress -  WordCamp BH 2015Do marketplace ao WordPress -  WordCamp BH 2015
Do marketplace ao WordPress - WordCamp BH 2015
 

Destaque

Tech talk polymer
Tech talk polymerTech talk polymer
Tech talk polymerYanuar W
 
Apresentação Google I/O Extended Vitória
Apresentação Google I/O Extended VitóriaApresentação Google I/O Extended Vitória
Apresentação Google I/O Extended VitóriaFabiano Monte
 
Battle of Frameworks: Polymer - Meetup Paris Web Components - 2016-09
Battle of Frameworks: Polymer - Meetup Paris Web Components - 2016-09Battle of Frameworks: Polymer - Meetup Paris Web Components - 2016-09
Battle of Frameworks: Polymer - Meetup Paris Web Components - 2016-09Horacio Gonzalez
 
The Beautiful Simplicity of ES2015
The Beautiful Simplicity of ES2015The Beautiful Simplicity of ES2015
The Beautiful Simplicity of ES2015Brandon Belvin
 
Chrome Dev Summit Highlights (NYC GDG Dec 2013)
Chrome Dev Summit Highlights (NYC GDG Dec 2013)Chrome Dev Summit Highlights (NYC GDG Dec 2013)
Chrome Dev Summit Highlights (NYC GDG Dec 2013)Nitya Narasimhan
 
WebApps com Web Components
WebApps com Web ComponentsWebApps com Web Components
WebApps com Web ComponentsBeto Muniz
 
Um salve para evolução! construindo uma nova web com polymer
Um salve para evolução! construindo uma nova web com  polymerUm salve para evolução! construindo uma nova web com  polymer
Um salve para evolução! construindo uma nova web com polymerMarcus Silva
 
Introduction To Dart (GDG NY Jan 2014 Meetup)
Introduction To Dart (GDG NY Jan 2014 Meetup)Introduction To Dart (GDG NY Jan 2014 Meetup)
Introduction To Dart (GDG NY Jan 2014 Meetup)Nitya Narasimhan
 
Polymer and Firebase: Componentizing the Web in Realtime
Polymer and Firebase: Componentizing the Web in RealtimePolymer and Firebase: Componentizing the Web in Realtime
Polymer and Firebase: Componentizing the Web in RealtimeJuarez Filho
 
Polymer Elements: Tudo que você precisa saber para criar a web
Polymer Elements: Tudo que você precisa saber para criar a webPolymer Elements: Tudo que você precisa saber para criar a web
Polymer Elements: Tudo que você precisa saber para criar a webBeto Muniz
 
Pensando em UX / UI com o material design
Pensando em UX / UI com o material designPensando em UX / UI com o material design
Pensando em UX / UI com o material designThiago Marques
 
Angular 2 overview workshop
Angular 2 overview workshopAngular 2 overview workshop
Angular 2 overview workshopDenis Gorbunov
 
Componentizando a Web com Polymer
Componentizando a Web com PolymerComponentizando a Web com Polymer
Componentizando a Web com PolymerStefan Horochovec
 

Destaque (20)

Tech talk polymer
Tech talk polymerTech talk polymer
Tech talk polymer
 
Angular js gtg-27feb2013
Angular js gtg-27feb2013Angular js gtg-27feb2013
Angular js gtg-27feb2013
 
Apresentação Google I/O Extended Vitória
Apresentação Google I/O Extended VitóriaApresentação Google I/O Extended Vitória
Apresentação Google I/O Extended Vitória
 
Battle of Frameworks: Polymer - Meetup Paris Web Components - 2016-09
Battle of Frameworks: Polymer - Meetup Paris Web Components - 2016-09Battle of Frameworks: Polymer - Meetup Paris Web Components - 2016-09
Battle of Frameworks: Polymer - Meetup Paris Web Components - 2016-09
 
The Beautiful Simplicity of ES2015
The Beautiful Simplicity of ES2015The Beautiful Simplicity of ES2015
The Beautiful Simplicity of ES2015
 
Material design
Material designMaterial design
Material design
 
Web components
Web componentsWeb components
Web components
 
Chrome Dev Summit Highlights (NYC GDG Dec 2013)
Chrome Dev Summit Highlights (NYC GDG Dec 2013)Chrome Dev Summit Highlights (NYC GDG Dec 2013)
Chrome Dev Summit Highlights (NYC GDG Dec 2013)
 
Workshop de Web Components
Workshop de Web ComponentsWorkshop de Web Components
Workshop de Web Components
 
WebApps com Web Components
WebApps com Web ComponentsWebApps com Web Components
WebApps com Web Components
 
Polymer Starter Kit
Polymer Starter KitPolymer Starter Kit
Polymer Starter Kit
 
Um salve para evolução! construindo uma nova web com polymer
Um salve para evolução! construindo uma nova web com  polymerUm salve para evolução! construindo uma nova web com  polymer
Um salve para evolução! construindo uma nova web com polymer
 
Introduction To Dart (GDG NY Jan 2014 Meetup)
Introduction To Dart (GDG NY Jan 2014 Meetup)Introduction To Dart (GDG NY Jan 2014 Meetup)
Introduction To Dart (GDG NY Jan 2014 Meetup)
 
Polymer and Firebase: Componentizing the Web in Realtime
Polymer and Firebase: Componentizing the Web in RealtimePolymer and Firebase: Componentizing the Web in Realtime
Polymer and Firebase: Componentizing the Web in Realtime
 
Polymer Elements: Tudo que você precisa saber para criar a web
Polymer Elements: Tudo que você precisa saber para criar a webPolymer Elements: Tudo que você precisa saber para criar a web
Polymer Elements: Tudo que você precisa saber para criar a web
 
O futuro do Android
O futuro do AndroidO futuro do Android
O futuro do Android
 
Pensando em UX / UI com o material design
Pensando em UX / UI com o material designPensando em UX / UI com o material design
Pensando em UX / UI com o material design
 
Angular 2 overview workshop
Angular 2 overview workshopAngular 2 overview workshop
Angular 2 overview workshop
 
Angular 2 - a New Hope
Angular 2 - a New HopeAngular 2 - a New Hope
Angular 2 - a New Hope
 
Componentizando a Web com Polymer
Componentizando a Web com PolymerComponentizando a Web com Polymer
Componentizando a Web com Polymer
 

Semelhante a Material Design - do smartphone ao desktop

MongoDB no Microsoft Azure - DBA Brasil 2.0
MongoDB no Microsoft Azure - DBA Brasil 2.0MongoDB no Microsoft Azure - DBA Brasil 2.0
MongoDB no Microsoft Azure - DBA Brasil 2.0Renato Groff
 
{Palestra} Criação Web com Frameworks Front-end
{Palestra} Criação Web com Frameworks Front-end{Palestra} Criação Web com Frameworks Front-end
{Palestra} Criação Web com Frameworks Front-endDaniel Brandão
 
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...Cristofer Sousa
 
Laboratório Web 2013-2014 - Apresentação Unidade Curricular
Laboratório Web 2013-2014 - Apresentação Unidade CurricularLaboratório Web 2013-2014 - Apresentação Unidade Curricular
Laboratório Web 2013-2014 - Apresentação Unidade CurricularRicardo Pereira Rodrigues
 
Designing Systems: An Approach to Responsive Web Design (Portuguese)
Designing Systems: An Approach to Responsive Web Design (Portuguese)Designing Systems: An Approach to Responsive Web Design (Portuguese)
Designing Systems: An Approach to Responsive Web Design (Portuguese)Pedro Moreira da Silva
 
Criação Web com Bootstrap e Material Design
Criação Web com Bootstrap e Material DesignCriação Web com Bootstrap e Material Design
Criação Web com Bootstrap e Material DesignDaniel Brandão
 
Joomla daydf construindo um templare 2.0
Joomla daydf   construindo um templare 2.0Joomla daydf   construindo um templare 2.0
Joomla daydf construindo um templare 2.0Raphael França
 
Apresentação do Projeto PRIME SCRUM. trabalho final do curso de Análise e Des...
Apresentação do Projeto PRIME SCRUM. trabalho final do curso de Análise e Des...Apresentação do Projeto PRIME SCRUM. trabalho final do curso de Análise e Des...
Apresentação do Projeto PRIME SCRUM. trabalho final do curso de Análise e Des...Thiago Barros, PSM
 
Estilizando temas de WordPress
Estilizando temas de WordPressEstilizando temas de WordPress
Estilizando temas de WordPressAnyssa Ferreira
 
Web Training Aula 01: Introduction to Laravel
Web Training Aula 01: Introduction to LaravelWeb Training Aula 01: Introduction to Laravel
Web Training Aula 01: Introduction to LaravelMozDevz
 
Webnode - Revisado 26/10/13
Webnode - Revisado 26/10/13Webnode - Revisado 26/10/13
Webnode - Revisado 26/10/13tecampinasoeste
 
Introdução ao Wordpress
Introdução ao WordpressIntrodução ao Wordpress
Introdução ao WordpressAline Corso
 
Laboratório Audivisual Hipermedia Aula3 4 13 22 03
Laboratório Audivisual Hipermedia Aula3 4 13 22 03Laboratório Audivisual Hipermedia Aula3 4 13 22 03
Laboratório Audivisual Hipermedia Aula3 4 13 22 03Pedro Tavares
 
Introdução ao Web Design: Aula 5 - HTML (part. 1)
Introdução ao Web Design: Aula 5 - HTML (part. 1)Introdução ao Web Design: Aula 5 - HTML (part. 1)
Introdução ao Web Design: Aula 5 - HTML (part. 1)Gustavo Zimmermann
 

Semelhante a Material Design - do smartphone ao desktop (20)

MongoDB no Microsoft Azure - DBA Brasil 2.0
MongoDB no Microsoft Azure - DBA Brasil 2.0MongoDB no Microsoft Azure - DBA Brasil 2.0
MongoDB no Microsoft Azure - DBA Brasil 2.0
 
{Palestra} Criação Web com Frameworks Front-end
{Palestra} Criação Web com Frameworks Front-end{Palestra} Criação Web com Frameworks Front-end
{Palestra} Criação Web com Frameworks Front-end
 
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...
 
Laboratório Web 2013-2014 - Apresentação Unidade Curricular
Laboratório Web 2013-2014 - Apresentação Unidade CurricularLaboratório Web 2013-2014 - Apresentação Unidade Curricular
Laboratório Web 2013-2014 - Apresentação Unidade Curricular
 
Designing Systems: An Approach to Responsive Web Design (Portuguese)
Designing Systems: An Approach to Responsive Web Design (Portuguese)Designing Systems: An Approach to Responsive Web Design (Portuguese)
Designing Systems: An Approach to Responsive Web Design (Portuguese)
 
Designing Systems
Designing Systems Designing Systems
Designing Systems
 
Criação Web com Bootstrap e Material Design
Criação Web com Bootstrap e Material DesignCriação Web com Bootstrap e Material Design
Criação Web com Bootstrap e Material Design
 
Joomla daydf construindo um templare 2.0
Joomla daydf   construindo um templare 2.0Joomla daydf   construindo um templare 2.0
Joomla daydf construindo um templare 2.0
 
Apresentacao artigo final
Apresentacao artigo finalApresentacao artigo final
Apresentacao artigo final
 
Apresentação do Projeto PRIME SCRUM. trabalho final do curso de Análise e Des...
Apresentação do Projeto PRIME SCRUM. trabalho final do curso de Análise e Des...Apresentação do Projeto PRIME SCRUM. trabalho final do curso de Análise e Des...
Apresentação do Projeto PRIME SCRUM. trabalho final do curso de Análise e Des...
 
Estilizando temas de WordPress
Estilizando temas de WordPressEstilizando temas de WordPress
Estilizando temas de WordPress
 
Dream 02
Dream 02Dream 02
Dream 02
 
Web Training Aula 01: Introduction to Laravel
Web Training Aula 01: Introduction to LaravelWeb Training Aula 01: Introduction to Laravel
Web Training Aula 01: Introduction to Laravel
 
Web components
Web componentsWeb components
Web components
 
Web components
Web componentsWeb components
Web components
 
Webnode - Revisado 26/10/13
Webnode - Revisado 26/10/13Webnode - Revisado 26/10/13
Webnode - Revisado 26/10/13
 
Dream 02
Dream 02Dream 02
Dream 02
 
Introdução ao Wordpress
Introdução ao WordpressIntrodução ao Wordpress
Introdução ao Wordpress
 
Laboratório Audivisual Hipermedia Aula3 4 13 22 03
Laboratório Audivisual Hipermedia Aula3 4 13 22 03Laboratório Audivisual Hipermedia Aula3 4 13 22 03
Laboratório Audivisual Hipermedia Aula3 4 13 22 03
 
Introdução ao Web Design: Aula 5 - HTML (part. 1)
Introdução ao Web Design: Aula 5 - HTML (part. 1)Introdução ao Web Design: Aula 5 - HTML (part. 1)
Introdução ao Web Design: Aula 5 - HTML (part. 1)
 

Material Design - do smartphone ao desktop

  • 2. Sobre mim mais de 3 anos de experiência web designer e front-end developer atualmente trabalhando na Addtech Para me encontrar: ● Portfólio: http://hillarysousa.com/ ● E-mail: falecom@hillarysousa.com ● Behance: https://www.behance.net/hillarysousa ● Dribbble: https://dribbble.com/hillarysousa ● LinkedIn: https://www.linkedin.com/in/hillarysousa ● Slideshare: http://pt.slideshare.net/hillarysousa ● Twitter: @hillaryhp ● Instagram: @hillaryhp ● Facebook: /hillaryhp
  • 3. Afinal, o que é Material Design?
  • 4. Uma olhada no início • Google anuncia o Material Design durante o evento Google I/O 2014 • Utiliza Polymer (biblioteca desenvolvida e mantida pelo Google para o desenvolvimento de Web Components em browsers atuais) • Material Design começa a ser aplicado em 2015 nos apps Google
  • 5. Objetivos do Material Design • Criar uma identidade visual que sintetiza princípios clássicos do bom design com a inovação e as possibilidades que a tecnologia e a ciência trazem • Desenvolver um sistema único que permita uma experiência unificada entre plataformas e dispositivos de diversos tamanhos
  • 6. Princípios do Material Design • Material é a metáfora • Extremamente intencional • Movimento propõe significado
  • 8. Exemplos de aplicativos mobile com Material Design
  • 9. Exemplos de aplicativos mobile com Material Design
  • 10. E o Material Design no desktop?
  • 11. Desafios na implementação • Fator “clean” torna a aplicação um desafio • Hábitos do usuário não incentivam • Uso excessivo de JavaScript pode atrapalhar performance
  • 12. Exemplos de sites desktop com Material Design
  • 13. Exemplos de sites desktop com Material Design
  • 14. Exemplos de sites desktop com Material Design
  • 17. 1. Material Design Lite: https://getmdl.io/ (em inglês) 2. Materialize CSS: http://materializecss.com/ (em inglês) 3. MDL Wordpress Theme: http://mdlwp.com/ (em inglês) 4. MaterialWP : http://materialwp.com/ (em inglês) Quarteto fantástico
  • 18. Prós e contras • Facilidade na implementação • Hábitos de uso de outros frameworks torna o desenvolvimento mais intuitivo • São responsivos • Altamente customizáveis • São Open Source e estão no GitHub • Podem afetar a performance do site • Não possuem todos os componentes do Material Design • Dependem de jQuery para animações
  • 19. Resumindo Material Design é uma tendência irada em web design, UX e UI, mas um tanto inexplorada (principalmente em terras tupiniquins). Vamos quebrar um pouco a tradição do header-content-footer e nos aventurar mais em novos caminhos?
  • 20. #mandalinks • Material Design guidelines: https://material.google.com/ (em inglês) • Material icons: https://design.google.com/icons/ (em inglês) • Material Design para Android: https://developer.android.com/design/material/index.html • Angular Material: https://material.angularjs.org/latest/ (em inglês) • Polymer: https://elements.polymer-project.org/browse?package=paper- elements (em inglês)