SlideShare uma empresa Scribd logo
Pensando em UX/UI com o
Material Design
Thiago Marques
Olá!
Thiago Marques
UX & UI
User EXperience
User Interaction
User Experience
Dann Saffer (http://www.odannyboy.com)
UX is not UI
UX
Designer
Lado Emocional
Facilidade de Uso
Fuidez e Clareza
Parte Criativa e Visual
Elementos consistentes
O famoso "Designer"
UI Designer
O Material Design em si
www.google.com/design
Objetivo 1
Objetivo 2
Os 3 princípios
1.Metáfora
2. Forte, gráfico e
intencional
3. Movimento
fornece significado
3D World
Luz e Sombra
Propriedades
1 dpi
Density-independent Pixels
9mm, o que corresponde a cerca
de 48dp.
margem de 8dp
Dos & Dont's
1. Status bar
2. App bar
3. Background
4. Cards/Dialogs
Cores
Recomendacao Google:
500 (cores primárias)
3 - primária
1 - secundária
Opacidade
Opacidade
Barra de Status
Cor Destaque
Cor Destaque
Cor Destaque
Integracao
Roboto
Roboto
Devices
design.google.com/devices
E não para...
E agora? Por
onde comecar?
Material
Design
Lite
getmdl.io
Polymer
polymer-project.org
Obrigado!
thiagomartins.marques@gmail.com
Twitter @althi

Mais conteúdo relacionado

Mais procurados

Good UX Bad UX
Good UX Bad UXGood UX Bad UX
Good UX Bad UX
Michał Aleksander
 
Lean UX
Lean UXLean UX
Conceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidadeConceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidade
Nécio de Lima Veras
 
Aula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioAula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no Usuário
Erico Fileno
 
Lean UX
Lean UXLean UX
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
Jeremy Robinson
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
Sooraj P R
 
Design process
Design processDesign process
Design process
Leandro Puca
 
Ux design - Conceitos Básicos
Ux design - Conceitos BásicosUx design - Conceitos Básicos
Ux design - Conceitos Básicos
Heraldo Gonçalves Lima Junior
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
Bruno Mendes
 
Technology probes
Technology probesTechnology probes
Technology probes
iNSIGHT UXLab
 
Ux/ui Design Solution Services
Ux/ui Design Solution ServicesUx/ui Design Solution Services
Ux/ui Design Solution Services
deorwine infotech
 
11º Encontro de Design & UX: Visualização de Dados - Entendendo suas Etapas
11º Encontro de Design & UX: Visualização de Dados - Entendendo suas Etapas11º Encontro de Design & UX: Visualização de Dados - Entendendo suas Etapas
11º Encontro de Design & UX: Visualização de Dados - Entendendo suas Etapas
Lara Brito
 
Simplificando o design digital
Simplificando o design digitalSimplificando o design digital
Simplificando o design digital
Marconi Pacheco
 
What is UX?
What is UX?What is UX?
What is UX?
Peter van Lanschot
 
Logo - Computação Gráfica - 2022
Logo - Computação Gráfica - 2022Logo - Computação Gráfica - 2022
Logo - Computação Gráfica - 2022
Renato Melo
 
Perkenalan UI dan UIX
Perkenalan UI dan UIXPerkenalan UI dan UIX
Perkenalan UI dan UIX
Korniawan Prabowo
 
Interface Homem Computador - Aula02 - Principios de design em IHC
Interface Homem Computador - Aula02 - Principios de design em IHCInterface Homem Computador - Aula02 - Principios de design em IHC
Interface Homem Computador - Aula02 - Principios de design em IHC
CEULJI/ULBRA Centro Universitário Luterano de Ji-Paraná
 
The Elements Of User Experience
The Elements Of User ExperienceThe Elements Of User Experience
The Elements Of User Experience
John Chen, Jun
 
Heurísticas de Jakob Nielsen
Heurísticas de Jakob NielsenHeurísticas de Jakob Nielsen
Heurísticas de Jakob Nielsen
Graciane Xavier
 

Mais procurados (20)

Good UX Bad UX
Good UX Bad UXGood UX Bad UX
Good UX Bad UX
 
Lean UX
Lean UXLean UX
Lean UX
 
Conceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidadeConceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidade
 
Aula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioAula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no Usuário
 
Lean UX
Lean UXLean UX
Lean UX
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
 
Design process
Design processDesign process
Design process
 
Ux design - Conceitos Básicos
Ux design - Conceitos BásicosUx design - Conceitos Básicos
Ux design - Conceitos Básicos
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
 
Technology probes
Technology probesTechnology probes
Technology probes
 
Ux/ui Design Solution Services
Ux/ui Design Solution ServicesUx/ui Design Solution Services
Ux/ui Design Solution Services
 
11º Encontro de Design & UX: Visualização de Dados - Entendendo suas Etapas
11º Encontro de Design & UX: Visualização de Dados - Entendendo suas Etapas11º Encontro de Design & UX: Visualização de Dados - Entendendo suas Etapas
11º Encontro de Design & UX: Visualização de Dados - Entendendo suas Etapas
 
Simplificando o design digital
Simplificando o design digitalSimplificando o design digital
Simplificando o design digital
 
What is UX?
What is UX?What is UX?
What is UX?
 
Logo - Computação Gráfica - 2022
Logo - Computação Gráfica - 2022Logo - Computação Gráfica - 2022
Logo - Computação Gráfica - 2022
 
Perkenalan UI dan UIX
Perkenalan UI dan UIXPerkenalan UI dan UIX
Perkenalan UI dan UIX
 
Interface Homem Computador - Aula02 - Principios de design em IHC
Interface Homem Computador - Aula02 - Principios de design em IHCInterface Homem Computador - Aula02 - Principios de design em IHC
Interface Homem Computador - Aula02 - Principios de design em IHC
 
The Elements Of User Experience
The Elements Of User ExperienceThe Elements Of User Experience
The Elements Of User Experience
 
Heurísticas de Jakob Nielsen
Heurísticas de Jakob NielsenHeurísticas de Jakob Nielsen
Heurísticas de Jakob Nielsen
 

Destaque

Como desenvolver artes gráficas com o Illustrator
Como desenvolver artes gráficas com o IllustratorComo desenvolver artes gráficas com o Illustrator
Como desenvolver artes gráficas com o Illustrator
Thiago Marques
 
Angular js gtg-27feb2013
Angular js gtg-27feb2013Angular js gtg-27feb2013
Angular js gtg-27feb2013
Nitya Narasimhan
 
Web components
Web componentsWeb components
Web components
Evaldo Barbosa
 
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
 
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
Beto Muniz
 
Material design
Material designMaterial design
Material design
David Tiago Conceição
 
The Beautiful Simplicity of ES2015
The Beautiful Simplicity of ES2015The Beautiful Simplicity of ES2015
The Beautiful Simplicity of ES2015
Brandon Belvin
 
Polymer Starter Kit
Polymer Starter KitPolymer Starter Kit
Polymer Starter Kit
Evaldo Barbosa
 
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
Marcus Silva
 
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
Fabiano Monte
 
Material Design - do smartphone ao desktop
Material Design - do smartphone ao desktopMaterial Design - do smartphone ao desktop
Material Design - do smartphone ao desktop
Hillary Sousa
 
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
Juarez Filho
 
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
 
Workshop de Web Components
Workshop de Web ComponentsWorkshop de Web Components
Workshop de Web Components
Guilherme Ventura
 
WebApps com Web Components
WebApps com Web ComponentsWebApps com Web Components
WebApps com Web Components
Beto Muniz
 
Tech talk polymer
Tech talk polymerTech talk polymer
Tech talk polymer
Yanuar W
 
O futuro do Android
O futuro do AndroidO futuro do Android
O futuro do Android
Erisvaldo Junior
 
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
Horacio Gonzalez
 
Angular 2 overview workshop
Angular 2 overview workshopAngular 2 overview workshop
Angular 2 overview workshop
Denis Gorbunov
 
Angular 2 - a New Hope
Angular 2 - a New HopeAngular 2 - a New Hope
Angular 2 - a New Hope
Sami Suo-Heikki
 

Destaque (20)

Como desenvolver artes gráficas com o Illustrator
Como desenvolver artes gráficas com o IllustratorComo desenvolver artes gráficas com o Illustrator
Como desenvolver artes gráficas com o Illustrator
 
Angular js gtg-27feb2013
Angular js gtg-27feb2013Angular js gtg-27feb2013
Angular js gtg-27feb2013
 
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)
 
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
 
Material design
Material designMaterial design
Material design
 
The Beautiful Simplicity of ES2015
The Beautiful Simplicity of ES2015The Beautiful Simplicity of ES2015
The Beautiful Simplicity of ES2015
 
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
 
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
 
Material Design - do smartphone ao desktop
Material Design - do smartphone ao desktopMaterial Design - do smartphone ao desktop
Material Design - do smartphone ao desktop
 
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
 
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)
 
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
 
Tech talk polymer
Tech talk polymerTech talk polymer
Tech talk polymer
 
O futuro do Android
O futuro do AndroidO futuro do Android
O futuro do Android
 
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
 
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
 

Semelhante a Pensando em UX / UI com o material design

Material design
Material designMaterial design
Material design
Bruno Castro
 
Google Material Design - Conceito, aplicações, código e web components
Google Material Design - Conceito, aplicações, código e web componentsGoogle Material Design - Conceito, aplicações, código e web components
Google Material Design - Conceito, aplicações, código e web components
Dan Vitoriano
 
Design de Interação em Produtos Eletrônicos
Design de Interação em Produtos EletrônicosDesign de Interação em Produtos Eletrônicos
Design de Interação em Produtos Eletrônicos
Edyd B. Junges
 
Design de Interação em Produtos Eletrônicos
Design de Interação em Produtos EletrônicosDesign de Interação em Produtos Eletrônicos
Design de Interação em Produtos Eletrônicos
UTFPR
 
Mobile User Experience: Compilando pessoas e codificando cores
Mobile User Experience: Compilando pessoas e codificando coresMobile User Experience: Compilando pessoas e codificando cores
Mobile User Experience: Compilando pessoas e codificando cores
Pedro de Albuquerque Borges
 
Material Design - Do Skeumorfismo ao Flat Design, como o Google revolucionou ...
Material Design - Do Skeumorfismo ao Flat Design, como o Google revolucionou ...Material Design - Do Skeumorfismo ao Flat Design, como o Google revolucionou ...
Material Design - Do Skeumorfismo ao Flat Design, como o Google revolucionou ...
Thomas Patricio Machado
 
Ihm07
Ihm07Ihm07
Ihm07
river11
 
UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...
UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...
UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...
Nelson Vasconcelos
 
Introdução aos aplicativos web
Introdução aos aplicativos webIntrodução aos aplicativos web
Introdução aos aplicativos web
profclaubordin
 
UX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOSUX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOS
Diego Moraes
 
Deep Dive Material Design, e um pouquinho sobre mobile UX
Deep Dive Material Design, e um pouquinho sobre mobile UXDeep Dive Material Design, e um pouquinho sobre mobile UX
Deep Dive Material Design, e um pouquinho sobre mobile UX
Nelson Vasconcelos
 
Material Design - Crash course
Material Design - Crash courseMaterial Design - Crash course
Material Design - Crash course
Ney Ricardo
 
Open Courseware 3D
Open Courseware 3DOpen Courseware 3D
Open Courseware 3D
Roger Tavares
 
Trabalho de documentação técnica
Trabalho de documentação técnicaTrabalho de documentação técnica
Trabalho de documentação técnica
Doris Reis
 
Trabalho de documentação técnica
Trabalho de documentação técnicaTrabalho de documentação técnica
Trabalho de documentação técnica
Doris Reis
 
Apresentação Flat
Apresentação FlatApresentação Flat
Apresentação Flat
Wellington Dos Santos
 
Design de Interfaces
Design de InterfacesDesign de Interfaces
Design de Interfaces
Juliana Padron
 
Design de Interfaces
Design de InterfacesDesign de Interfaces
Design de Interfaces
Juliana Padron
 
Palestra - Introdução ao desenvolvimento de Jogos
Palestra - Introdução ao desenvolvimento de JogosPalestra - Introdução ao desenvolvimento de Jogos
Palestra - Introdução ao desenvolvimento de Jogos
juliocoopergames
 
Problemáticas e soluções na criação de jogos digitais
Problemáticas e soluções na criação de jogos digitaisProblemáticas e soluções na criação de jogos digitais
Problemáticas e soluções na criação de jogos digitais
Michel Montenegro
 

Semelhante a Pensando em UX / UI com o material design (20)

Material design
Material designMaterial design
Material design
 
Google Material Design - Conceito, aplicações, código e web components
Google Material Design - Conceito, aplicações, código e web componentsGoogle Material Design - Conceito, aplicações, código e web components
Google Material Design - Conceito, aplicações, código e web components
 
Design de Interação em Produtos Eletrônicos
Design de Interação em Produtos EletrônicosDesign de Interação em Produtos Eletrônicos
Design de Interação em Produtos Eletrônicos
 
Design de Interação em Produtos Eletrônicos
Design de Interação em Produtos EletrônicosDesign de Interação em Produtos Eletrônicos
Design de Interação em Produtos Eletrônicos
 
Mobile User Experience: Compilando pessoas e codificando cores
Mobile User Experience: Compilando pessoas e codificando coresMobile User Experience: Compilando pessoas e codificando cores
Mobile User Experience: Compilando pessoas e codificando cores
 
Material Design - Do Skeumorfismo ao Flat Design, como o Google revolucionou ...
Material Design - Do Skeumorfismo ao Flat Design, como o Google revolucionou ...Material Design - Do Skeumorfismo ao Flat Design, como o Google revolucionou ...
Material Design - Do Skeumorfismo ao Flat Design, como o Google revolucionou ...
 
Ihm07
Ihm07Ihm07
Ihm07
 
UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...
UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...
UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...
 
Introdução aos aplicativos web
Introdução aos aplicativos webIntrodução aos aplicativos web
Introdução aos aplicativos web
 
UX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOSUX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOS
 
Deep Dive Material Design, e um pouquinho sobre mobile UX
Deep Dive Material Design, e um pouquinho sobre mobile UXDeep Dive Material Design, e um pouquinho sobre mobile UX
Deep Dive Material Design, e um pouquinho sobre mobile UX
 
Material Design - Crash course
Material Design - Crash courseMaterial Design - Crash course
Material Design - Crash course
 
Open Courseware 3D
Open Courseware 3DOpen Courseware 3D
Open Courseware 3D
 
Trabalho de documentação técnica
Trabalho de documentação técnicaTrabalho de documentação técnica
Trabalho de documentação técnica
 
Trabalho de documentação técnica
Trabalho de documentação técnicaTrabalho de documentação técnica
Trabalho de documentação técnica
 
Apresentação Flat
Apresentação FlatApresentação Flat
Apresentação Flat
 
Design de Interfaces
Design de InterfacesDesign de Interfaces
Design de Interfaces
 
Design de Interfaces
Design de InterfacesDesign de Interfaces
Design de Interfaces
 
Palestra - Introdução ao desenvolvimento de Jogos
Palestra - Introdução ao desenvolvimento de JogosPalestra - Introdução ao desenvolvimento de Jogos
Palestra - Introdução ao desenvolvimento de Jogos
 
Problemáticas e soluções na criação de jogos digitais
Problemáticas e soluções na criação de jogos digitaisProblemáticas e soluções na criação de jogos digitais
Problemáticas e soluções na criação de jogos digitais
 

Pensando em UX / UI com o material design

Notas do Editor

  1. CARD SORTING STORYBOARD WIREFRAME PERSONAS MÉTRICAS PROTÓTIPO FLUXOGRAMA
  2. "Nós nos desafiamos para criar uma linguagem visual para nossos usuários que sintetiza os princípios clássicos de um bom design com a inovação e possibilidade de tecnologia e ciência." Google Designers
  3. Desenvolver um único sistema subjacente que permite uma experiência unificada em todas as plataformas e tamanhos de dispositivos. Preceitos móveis são fundamentais, mas toque, voz, mouse e teclado são todos os métodos de entrada de classe primeiros.
  4. Uma metáfora material é a teoria unificadora de um espaço racionalizado e um sistema de movimento. O material é fundamentada na realidade tátil, inspirado no estudo de papel e tinta, mas tecnologicamente avançado e aberto à imaginação e magia. Superfícies e bordas do material fornecem dicas visuais que são fundamentadas na realidade. O uso de atributos táteis familiares ajuda os usuários a compreender rapidamente affordances. No entanto, a flexibilidade do material cria novas affordances que substituem aqueles que no mundo físico, sem quebrar as regras da física. Os fundamentos da luz, a superfície, e movimento são essenciais para transportar objectos como circular, interagir, e existem no espaço e em relação uns aos outros. Iluminação realista mostra costuras, divide espaço, e indica partes móveis.
  5. Os elementos fundamentais do projeto-tipografia baseada em impressão, grades, espaço, escala, cor e uso de imagens-guiar tratamentos visuais. Estes elementos fazem muito mais do que agradar aos olhos. Eles criam hierarquia, significado e foco. Opções de cores deliberadas, aparência edge-to-edge, tipografia em grande escala, e espaço em branco intencional criar uma interface corajoso e gráfico que mergulhar o utilizador na experiência. Uma ênfase em ações do usuário faz funcionalidade central imediatamente aparente e fornece pontos de interesse para o usuário.
  6. Movimento respeita e reforça o usuário como o motor primário. Ações do usuário primárias são pontos de inflexão que iniciam movimento, transformando todo o projeto. Toda a ação ocorre em um único ambiente. Os objetos são apresentados ao usuário sem quebrar a continuidade da experiência, mesmo quando eles se transformam e reorganize.Motion é significativo e apropriado, que serve para concentrar a atenção e manter a continuidade. O feedback é sutil, mas clara. As transições são eficientes e ainda coerente.
  7. The material environment is a 3D space, which means all objects have x, y, and z dimensions. The z-axis is perpendicularly aligned to the plane of the display, with the positive z-axis extending towards the viewer. Every sheet of material occupies a single position along the z-axis and has a standard 1dp thickness. On the web, the z-axis is used for layering and not for perspective. The 3D world is emulated by manipulating the y-axis.
  8. dont, dont, do
  9. App bar 4dp
  10. Raised button Resting state: 2dp Pressed state: 8dp
  11. Card Resting state: 2dp Picked-up state: 8dp
  12. Menus and sub menus Menus: 8dp Sub menus: 9dp (+1 dp for each sub menu)
  13. Dialogs 24dp
  14. This color palette comprises primary and accent colors that can be used for illustration or to develop your brand colors. They’ve been designed to work harmoniously with each other. The color palette starts with primary colors and fills in the spectrum to create a complete and usable palette for Android, Web, and iOS. Google suggests using the 500 colors as the primary colors in your app and the other colors as accents colors.
  15. O quão importante a informação é
  16. A barra de status deve ser o mais escuro 700 tonalidade de sua cor primária.
  17. Use a cor de destaque para o seu botão de ação primária e componentes como interruptores ou controles deslizantes. ASSCENT COLOR
  18. Use a cor de destaque para o seu botão de ação primária e componentes como interruptores ou controles deslizantes. ASSCENT COLOR
  19. don'’!
  20. icons are an essential vehicle for communicating your brand. Physical prototype
  21. Estudo de luz
  22. prototipo do material
  23. estudo da cor
  24. Imagens de alta qualidade
  25. Escrita Acessibilidade imagens
  26. getmdl.io -a library of components & templates in vanilla CSS, HTML and JS
  27. Polymer é uma biblioteca que facilita a criação de Web Components, que são elementos HTML customizados, independentes e reutilizáveis.