Saiba o que é e quais são as vantagens do Material Design

Redação11/11/2015 16h51
20151111145503
Compartilhe esta matéria
Ícone Whatsapp Ícone Whatsapp Ícone X (Tweeter) Ícone Facebook Ícone Linkedin Ícone Telegram Ícone Email

Siga o Olhar Digital no Google Discover

Se você usa Android, você com certeza já teve contato com o Material Design, mesmo que você não saiba do que se trata. “Material Design” é a filosofia de design visual do Google, que tem como objetivo servir de diretriz para todos que queiram desenvolver aplicativos para o sistema.

Ofertas

Notebook Dell Inspiron I15-I1300-A60P 15.6" Full HD 13ª Gen Intel Core i5 16GB 1TB SSD Win 11 Preto Carbono
Vendido por Amazon
Notebook Dell Inspiron I15-I1300-A60P 15.6" Full HD 13ª Gen Intel Core i5 16GB 1TB SSD Win 11 Preto Carbono
Por R$ 3.955,69
Monitor Gamer AOC AGON G4S 25" 310Hz 0.3ms HDR10 IPS Base Ajustável 25G4S/P
Vendido por Amazon
Monitor Gamer AOC AGON G4S 25" 310Hz 0.3ms HDR10 IPS Base Ajustável 25G4S/P
Por R$ 1.479,00
Tilibra - Estojo Minibox Happy Lilás
Vendido por Amazon
Tilibra - Estojo Minibox Happy Lilás
De: R$ 38,12
Por: R$ 36,21
Caneta Gel – CiS Gelyx – Estojo com 6 unidades – Glitter
Vendido por Amazon
Caneta Gel – CiS Gelyx – Estojo com 6 unidades – Glitter
De: R$ 30,90
Por: R$ 24,96
Pentel Caneta Izee 4 Cores 1.0 Corpo Branco Tinta Azul Vermelho Verde e Preto SM/BXC470W
Vendido por Amazon
Pentel Caneta Izee 4 Cores 1.0 Corpo Branco Tinta Azul Vermelho Verde e Preto SM/BXC470W
De: R$ 15,32
Por: R$ 9,90
Tilibra - Caderno Brochura Capa Dura 1/4 D+ Rosa 48 Folhas, 317403
Vendido por Amazon
Tilibra - Caderno Brochura Capa Dura 1/4 D+ Rosa 48 Folhas, 317403
De: R$ 11,85
Por: R$ 5,86
Celular Positivo P26 4G Tela 1,8", Câmera traseira, 48MB RAM 128MB, Bluetooth, Modem Tethering - Preto
Vendido por Amazon
Celular Positivo P26 4G Tela 1,8", Câmera traseira, 48MB RAM 128MB, Bluetooth, Modem Tethering - Preto
Por R$ 139,90
Mochila Grande E Reforçada Impermeável Para Notebook Antifurto Bolsa Executiva Masculina Feminina Trabalho Viagem Escolar Faculdade Cabo De Aço Saída Usb Saída Fone De Ouvido
Vendido por Amazon
Mochila Grande E Reforçada Impermeável Para Notebook Antifurto Bolsa Executiva Masculina Feminina Trabalho Viagem Escolar Faculdade Cabo De Aço Saída Usb Saída Fone De Ouvido
De: R$ 149,79
Por: R$ 113,70
Tilibra D+ - Caderno Brochura Capa Dura, 1/4 Pequeno, 14x20cm, 48 Folhas, Vermelho
Vendido por Amazon
Tilibra D+ - Caderno Brochura Capa Dura, 1/4 Pequeno, 14x20cm, 48 Folhas, Vermelho
De: R$ 11,81
Por: R$ 6,90
Garmin Relógio Venu 3 Branco 45mm com Monitor Cardíaco de Pulso e GPS
Vendido por Amazon
Garmin Relógio Venu 3 Branco 45mm com Monitor Cardíaco de Pulso e GPS
De: R$ 4.699,00
Por: R$ 3.099,00
eufy Câmera S3 Pro Kit 2+1 por anker, Câmera De Segurança Wi-Fi Externa Sem Fio, 4K, Energia Solar, Visão Noturna MaxColor, Reconhecimento Facial por IA, Compatível com Alexa, Sem taxas mensais
Vendido por Amazon
eufy Câmera S3 Pro Kit 2+1 por anker, Câmera De Segurança Wi-Fi Externa Sem Fio, 4K, Energia Solar, Visão Noturna MaxColor, Reconhecimento Facial por IA, Compatível com Alexa, Sem taxas mensais
De: R$ 3.499,00
Por: R$ 3.324,00
eufy HomeBase3, Câmera de segurança, Reconhecimento Facial por IA, Armazenamento Local Expansível até 16TB, Criptografia Avançada, Ecossistema de Segurança eufy, Sem taxas mensais
Vendido por Amazon
eufy HomeBase3, Câmera de segurança, Reconhecimento Facial por IA, Armazenamento Local Expansível até 16TB, Criptografia Avançada, Ecossistema de Segurança eufy, Sem taxas mensais
De: R$ 1.049,00
Por: R$ 799,00
Bettdow SmartWatch, Relogio Smartwatch Feminino, 1.27" Ecrã tátil, à prova d'água IP68, 100+ Modos Esportivos, chamada Bluetooth, Compatível com Android iOS, voz por IA (Azul)
Vendido por Amazon
Bettdow SmartWatch, Relogio Smartwatch Feminino, 1.27" Ecrã tátil, à prova d'água IP68, 100+ Modos Esportivos, chamada Bluetooth, Compatível com Android iOS, voz por IA (Azul)
De: R$ 299,00
Por: R$ 241,44
Combo Teclado e Mouse sem fio Logitech POP Icon com Teclas e Botões Personalizáveis, Clique Silencioso, Easy-Switch para até 3 dispositivos e Conexão Bluetooth - Grafite
Vendido por Amazon
Combo Teclado e Mouse sem fio Logitech POP Icon com Teclas e Botões Personalizáveis, Clique Silencioso, Easy-Switch para até 3 dispositivos e Conexão Bluetooth - Grafite
De: R$ 499,90
Por: R$ 388,78
eufy Câmera S330 (eufyCam 3) 2-Cam Kit por anker, Câmera De Segurança Wi-Fi Externa Sem Fio, 4K, Painel Solar, Forever Power, Reconhecimento Facial IA, Armazenamento Local Até 16TB, Sem Taxa Mensal
Vendido por Amazon
eufy Câmera S330 (eufyCam 3) 2-Cam Kit por anker, Câmera De Segurança Wi-Fi Externa Sem Fio, 4K, Painel Solar, Forever Power, Reconhecimento Facial IA, Armazenamento Local Até 16TB, Sem Taxa Mensal
De: R$ 2.399,00
Por: R$ 2.159,00
soundcore Select 4 Go da Anker, Alto-Falante Bluetooth Portátil, 20H de Bateria, IP67 à Prova d'Água e Poeira, Flutuante, Som Potente, Ideal para Ambientes Internos, Externos e Passeios
Vendido por Amazon
soundcore Select 4 Go da Anker, Alto-Falante Bluetooth Portátil, 20H de Bateria, IP67 à Prova d'Água e Poeira, Flutuante, Som Potente, Ideal para Ambientes Internos, Externos e Passeios
De: R$ 339,00
Por: R$ 188,99
WB Smart Tag Localizador Bluetooth, Rastreador Compatível com o Apple Find My, bateria substituível, Localizador de itens para bolsas
Vendido por Amazon
WB Smart Tag Localizador Bluetooth, Rastreador Compatível com o Apple Find My, bateria substituível, Localizador de itens para bolsas
De: R$ 88,00
Por: R$ 45,00
Anker Nano Carregador Portátil, Power Bank Compacto 10000mAh 45W Máx., Bateria Portátil Essencial para Viagens com Cabo Retrátil InstaCord de 70 cm para iPhone 17/16 Series, iPad, Galaxy, Pixel e Mais
Vendido por Amazon
Anker Nano Carregador Portátil, Power Bank Compacto 10000mAh 45W Máx., Bateria Portátil Essencial para Viagens com Cabo Retrátil InstaCord de 70 cm para iPhone 17/16 Series, iPad, Galaxy, Pixel e Mais
De: R$ 399,00
Por: R$ 379,00
Capa com Teclado Combo Touch para iPad (10ª geração e A16) Com Teclado Retroiluminado Destacável com Suporte, Trackpad Preciso e Tecnologia Smart Connector - Cinza
Vendido por Amazon
Capa com Teclado Combo Touch para iPad (10ª geração e A16) Com Teclado Retroiluminado Destacável com Suporte, Trackpad Preciso e Tecnologia Smart Connector - Cinza
De: R$ 1.629,90
Por: R$ 1.239,90
ULANZI VL-200Bi 200W luz de estúdio bicolor, luz de preenchimento COB, iluminação de saída contínua com controle de APP, 2700K-6500K, 6 cenas, montagem Bowens
Vendido por Amazon
ULANZI VL-200Bi 200W luz de estúdio bicolor, luz de preenchimento COB, iluminação de saída contínua com controle de APP, 2700K-6500K, 6 cenas, montagem Bowens
De: R$ 1.179,00
Por: R$ 943,20
eufy Câmera S350, Camera de Segurança Wi-Fi, 4K Inteligente com Câmera Dupla, Visão 360°, Zoom 8×, Visão Noturna, Babá Eletrônica, Rastreamento por IA, Compatível com Alexa e HomeBase 3
Vendido por Amazon
eufy Câmera S350, Camera de Segurança Wi-Fi, 4K Inteligente com Câmera Dupla, Visão 360°, Zoom 8×, Visão Noturna, Babá Eletrônica, Rastreamento por IA, Compatível com Alexa e HomeBase 3
De: R$ 999,00
Por: R$ 798,99
WAAW By ALOK Fone de Ouvido Bluetooth SENSE 310 Com Cancelamento de Ruído e Assistente de Voz, 30h de Bateria
Vendido por Amazon
WAAW By ALOK Fone de Ouvido Bluetooth SENSE 310 Com Cancelamento de Ruído e Assistente de Voz, 30h de Bateria
De: R$ 329,90
Por: R$ 199,00
WAAW by ALOK Caixa de Som US 200SB DUO Bluetooth 2 em 1, Resistente à Água, Acabamento Metálico, TWS, 20W RMS
Vendido por Amazon
WAAW by ALOK Caixa de Som US 200SB DUO Bluetooth 2 em 1, Resistente à Água, Acabamento Metálico, TWS, 20W RMS
De: R$ 599,90
Por: R$ 476,10
Eufy Cam E340 Câmera De Segurança Wi-Fi Dual Band (2.4/5GHz) Exterior, 360° PTZ, Gravação 24/7, 2000 Lúmens, Detecção de Movimento + Sirene Integrada, Câmera Dupla, Sem Taxa Mensal, Branco
Vendido por Amazon
Eufy Cam E340 Câmera De Segurança Wi-Fi Dual Band (2.4/5GHz) Exterior, 360° PTZ, Gravação 24/7, 2000 Lúmens, Detecção de Movimento + Sirene Integrada, Câmera Dupla, Sem Taxa Mensal, Branco
De: R$ 1.199,00
Por: R$ 1.139,05
Novo Kindle Paperwhite Signature Edition (32 GB) - O Kindle mais rápido já lançado, com luz frontal autoadaptável, carregamento sem fio e bateria que dura semanas - Cor Preta Metálica
Vendido por Amazon
Novo Kindle Paperwhite Signature Edition (32 GB) - O Kindle mais rápido já lançado, com luz frontal autoadaptável, carregamento sem fio e bateria que dura semanas - Cor Preta Metálica
De: R$ 1.199,00
Por: R$ 949,00
Combo Teclado e Mouse Sem Fio Logitech MK250 Bluetooth com Conectividade Rápida e Fácil, Design Compacto, Mouse Ambidestro, Layout ABNT2, Construção Durável, Compatível com PC e Mac - Rosa
Vendido por Amazon
Combo Teclado e Mouse Sem Fio Logitech MK250 Bluetooth com Conectividade Rápida e Fácil, Design Compacto, Mouse Ambidestro, Layout ABNT2, Construção Durável, Compatível com PC e Mac - Rosa
De: R$ 169,90
Por: R$ 155,44
Combo Teclado e Mouse sem fio Logitech MK235 com Conexão USB, Pilhas Inclusas e Layout ABNT2
Vendido por Amazon
Combo Teclado e Mouse sem fio Logitech MK235 com Conexão USB, Pilhas Inclusas e Layout ABNT2
De: R$ 149,90
Por: R$ 119,90
Anker MagGo Power Bank, Carregador Portátil com Certificação Qi2 de 15W, Compatível com MagSafe, 10.000mAh, Tela Inteligente e Suporte Dobrável, para iPhone 17/15/14/13/12, Inclui Cabo USB-C, Branco
Vendido por Amazon
Anker MagGo Power Bank, Carregador Portátil com Certificação Qi2 de 15W, Compatível com MagSafe, 10.000mAh, Tela Inteligente e Suporte Dobrável, para iPhone 17/15/14/13/12, Inclui Cabo USB-C, Branco
De: R$ 699,00
Por: R$ 398,99
Mouse Sem Fio Logitech M330 SILENT com Clique Silencioso, Design Destro, Bateria de 18 Meses, Receptor USB, Compatível com Windows, macOS, ChromeOS e Pilha Inclusa - Preto
Vendido por Amazon
Mouse Sem Fio Logitech M330 SILENT com Clique Silencioso, Design Destro, Bateria de 18 Meses, Receptor USB, Compatível com Windows, macOS, ChromeOS e Pilha Inclusa - Preto
De: R$ 109,90
Por: R$ 79,90
Webcam Full HD Logitech Brio 100 com Microfone Integrado, Proteção de Privacidade, Correção Automática de Luz e Conexão USB-C - Grafite
Vendido por Amazon
Webcam Full HD Logitech Brio 100 com Microfone Integrado, Proteção de Privacidade, Correção Automática de Luz e Conexão USB-C - Grafite
De: R$ 299,90
Por: R$ 222,11

Não se trata apenas de um esforço para “deixar todos os Androids parecidos”: o Google chegou ao Material Design por meio de muita experimentação e observando como os usuários interagiam com os elementos de seus smartphones. Com base nessas experiências, buscou criar uma linguagem de design que fosse o mais simples e acessível possível.

A seguir, saiba mais sobre os princípios de design que estão por trás do sistema operacional do Google:
 Reprodução

Objetivos

Conforme o próprio Google explica na página do Material Design, ele tem dois principais objetivos. O primeiro deles é criar uma linguagem visual que una os principais elementos do design tradicional com as possibilidades e inovações da tecnologia.

Em outras palavras, a empresa pretende, com ele, trazer todo o desenvolvimento da linguagem visual – que já conta com milhares de anos, desde que os homens começaram a se comunicar por sinais visuais – para o mundo da tecnologia. De fato, segundo Matías Duarte, um dos designers por trás da linguagem, o Material Design foi inspirado em papel e tinta.

Na hora de desenvolver aplicativos, os programadores acabam se deixando levar pelas possibilidades da tecnologia e deixando de lado o que já se sabe sobre comunicação visual fora das telas digitais. Com o Material Design, o Google pretende trazer essa sabedoria ao domínio dos computadores, tablets e smartphones.

Reprodução

O outro objetivo principal do Material Design é desenvolver um sistema único que permita uma experiência unificada entre todas as plataformas. Ou seja: que a aparência e a usabilidade dos aplicativos se adapte a tablets, notebooks, desktops e smartphones, aproveitando as especificidades de cada um deles, mas sem perder sua essência.

Esse talvez seja um dos maiores desafios para os desenvolvedores de aplicativos no mercado atual. Seus produtos serão utilizados em diversos aparelhos e, com isso, é necessário extrair o melhor de cada um deles.

Isso exige, por exemplo, que as interfaces se adaptem tanto a orientações de tela horizontais (de notebooks e desktops) quanto verticais (de smartphones e tablets). Exige também que elas sejam compatíveis com diversos métodos de entrada, como toque, voz, mouse e teclado, e ofereçam uma experiência agradável em todos os casos.

Reprodução

Princípios

Para atingir esses objetivos, o Google fundamentou essa linguagem de design em três princípios que servem de diretriz para os desenvolvedores.

O primeiro deles é o “material”, um conveito criado pelo Google para refletir a inspiração do design físico no digital. Elementos como superfícies coloridas e bordas definidas são algo a que os usuários já estão acostumados no design visual tradicional, e que, por isso, serão facilmente compreendidos. A ideia é que os criadores pensem nas interfaces como pensariam em papéis, cartões e cartazes, para oferecer uma experiência mais direta e simples para seus usuários.

Reprodução

O segundo princípio – chamado de “Bold, Graphic, Intentional (algo como “direto, gráfico e intencional) – se refere também a elementos tradicionais do design. Ele recomenda o uso de letras grandes, cores marcantes e sólidas (em vez de gradientes) para criar uma clara hierarquia entre os elementos da interface. Essa hierarquização ajuda a facilitar a experiência do usuário.

O terceiro, finalmente, se refere ao uso do movimento para dar significado. Quando usamos um aplicativo e uma janela se move para um lado, entendemos intuitivamente que podemos trazê-la de volta passando o dedo para o lado. Isso porque vimos ela se movendo – se ela simplesmente desaparecesse, não saberíamos como trazê-la de volta. Esse princípio incentiva desenvolvedores a usar animações para informar seus usuários de maneira quase subconsciente sobre como seus aplicativos devem ser utilizados

É por isso, por exemplo, que os menus dos aplicativos Android deslizam para o lado e deixam o fundo cinza quando são ativados. Deslizar para o lado ensina imediatamente ao usuário como fazer para desativar o menu, e o fato de o fundo ficar sombreado (em vez de simplesmente sumir) indica que ele ainda está lá, pronto para voltar assim que você terminar de interagir com o menu (além de retomar a ideia de materialidade).

 Reprodução

Isso explica também o aspecto “quadradão” do material design: ele é inspirado em materiais reais, como pedaços de papel – não é à toa que o Google Now traz as suas informações em caixinhas que ele chama de “cards” (cartões).

Pensar em pedaços virtuais de papel auxilia os designers a transmitir informação de uma maneira bonita, e também ajuda a transmitir ao usuário a ideia de que cada cartão é uma informação individual, com apenas um motivo, e que pode ser dispensado ou utilizado sem afetar os demais.

Motivo

Não é à toa que o Google se deu o trabalho de elaborar essa linguagem. A postura da empresa, conforme evidenciada por projetos como o Android One, é fazer com que o Android seja um sistema operacional acessível – em todos os sentidos da palavra – a todos.

Embora se trate de um objetivo extremamente ambicioso, é algo que a empresa está bem perto de cumprir. O sistema operacional móvel já é usado por cerca de 80% dos usuários de smartphones no mundo – e 90% no Brasil. Seus esforços em busca da acessibilidade com certeza ajudam nesse sentido.

Reprodução

Por outro lado, essa acessibilidade gera um problema: o Android precisa se comunicar com um público muito maior e mais diverso do que o iOS, por exemplo. Isso exige que o Google utilize uma linguagem visual ainda mais universal para falar com seus usuários, e o Material Design é uma resposta a isso.

Outra situação gerada por essa postura da empresa é a fragmentação. Enquanto a Apple tem um número extremamente limitado de dispositivos diferentes rodando o iOS, mais de 24 mil aparelhos diferentes rodam Android no mundo. Por esse motivo, o Google também precisa desenvolver uma linguagem visual que retenha sua identidade apesar dessa diversidade.

Redator(a)

Redação é redator(a) no Olhar Digital