25 exemplos de design de materiais que você vai adorar
Publicados: 2018-07-10O Material Design é uma linguagem visual que sintetiza os princípios básicos do bom design e os combina com a inovação da ciência e tecnologia modernas.
Aqui estão alguns exemplos de design de materiais que adoramos. Cada um deles segue as tendências e princípios do Material design e tem algo único para te ensinar.
Se você é fã da limpeza das interfaces de usuário do Material design, vai adorar esta lista. Reunimos aqui conceitos para aplicativos e sites, com diferentes paletas de cores, estruturas e layouts. Apreciar!
Quer mais? Confira esses recursos de design de materiais, ferramentas de cores de design de materiais e fundos de design de materiais gratuitos.
Painel CryptoAim
CryptoAim é um projeto legal de design de materiais para um aplicativo que permite verificar as tendências de pesquisa de muitas criptomoedas diferentes. Possui uma interface de usuário escura com detalhes modernos e limpos.
A agência
Aqui está um site de mock-up baseado nas tendências de design de materiais. Combina com sucesso cores neon vibrantes de uma forma inovadora. Quem diria que amarelo, azul e roxo combinam tão bem na mesma paleta de cores?!
Conceito de menu vertical
Confira este conceito de menu vertical que segue as tendências do Material design. Quando perto de uma borda da tela, este menu simples realinha verticalmente para tornar todos os itens de menu completamente visíveis.
Ferramenta de estratégia de conteúdo
Este é o design de uma ferramenta de estratégia de conteúdo. Possui uma interface de usuário de cores vibrantes com elementos simples e cuidadosamente detalhados. Ele contém um indicador de progresso e atividade que é uma indicação visual das etapas que o usuário precisa seguir para usar o aplicativo.
Receptivo – Celular
Este é um sistema legal criado para a empresa Tec Mobile. Seu objetivo é proporcionar uma experiência de gestão de eventos limpa, tornando-a fácil e rápida, tanto para o organizador do evento quanto para os funcionários que ali trabalham. O design segue as tendências do Material e inclui um sistema administrativo web e aplicativos para tablets e celulares.
Aplicativo CasualTrack
Este é o design de um aplicativo Android chamado CasualTrack. Essa estrutura inclui uma barra de aplicativos permanente na parte superior e um botão de ação flutuante na parte inferior direita do site.
Editor on-line
Aqui está um ótimo design de editor on-line criado com a ajuda dos princípios de design de materiais. Inclui diálogos que informam os usuários sobre tarefas específicas.
Sens Critique
Este é o conceito de redesenho do Sens Critique, um aplicativo cultural francês que você pode usar para descobrir, avaliar e comentar filmes, séries, músicas, livros e muito mais. Ele contém listas de grade – uma alternativa às exibições de lista padrão, que melhoram a compreensão visual do conteúdo que oferecem.
Mobile SDK – Ticketing, Chat, Artigos no Android
Aqui estão alguns exemplos de telas do Zendesk Mobile SDK no Android. Ele contém um botão de ação flutuante que representa a ação principal no aplicativo. é em forma de círculo, com um ícone no meio, flutuando acima da interface do usuário no canto inferior direito da tela.
Tendências – Desafio diário da interface do usuário 069
Aqui está o design de um aplicativo de imagens que mostra a imagem de tendência no topo. Ele oferece uma experiência unificada em todas as plataformas e dispositivos e inclui alguns preceitos móveis essenciais.
Design de interface do usuário da postagem do blog
Há um grande uso da tipografia neste conceito de design de material para um post de blog, porém o tamanho da fonte deve ser ligeiramente aumentado.
Papel de parede de design de materiais
Você é fã de design de materiais? Baixe este papel de parede gratuito e use-o para a tela do seu telefone ou desktop.
Conceito de interface do usuário do aplicativo de e-learning
Este é um pequeno conceito de interface do usuário para um aplicativo de cursos de e-learning que usa os princípios do Material Design 2.0. Confira os ícones cuidadosamente criados!
Calendário
Este é um design de tela de calendário para um aplicativo usado para gerenciar todas as suas coisas importantes. O aplicativo inclui este calendário embutido que permite que você veja todos os seus eventos.
Aplicativo SmartEnergy Ios
Aqui está o design para o aplicativo SmartEnergy IOS, que oferece a maneira fácil de conectar-se à placa principal de energia doméstica a partir do seu smartphone.
Google play conceito de redesenho de música
Este é um conceito de redesenho do Google Play Music que segue todos os princípios do Material design 2.0. Confira em detalhes.
Aplicativo de primeiro encontro
Estes são alguns visuais de design de material para a integração do aplicativo Firstdate para iOS. Inclui ilustrações encantadoras e um fluxo limpo e fácil de usar.
Projeto de aplicativo
Color in Material Design é inspirado em cores fortes colocadas em ambientes neutros. Ele também contém sombras profundas e realces brilhantes, que são duas outras características do design abaixo.
Aplicativo Inspetor de Campo
Aqui está um conceito de aplicativo móvel do Field Inspector usado para monitorar e auditar objetos. São as telas que mostram o menu principal, objetos no mapa e lista de parâmetros que precisam ser verificados.
Animação de login/registro
Esta paleta de cores é composta por cores primárias e de destaque que foram projetadas para funcionarem harmoniosamente juntas. Este conceito de design também tem uma animação suave que vale a pena conferir.
Reserva de hotel - desafio diário de interface do usuário 067
O material design se inspira em elementos de design baseados em impressão – como tipografia, cor e imagens – e o adapta à web para criar hierarquia e foco. Isso é exatamente o que o projeto abaixo faz, com suas grades de linha de base e modelos estruturais. Oferece uma solução consistente repetindo elementos visuais e grades estruturais.
Layout do site Natgeo
No Material design, as propriedades físicas do papel, como planicidade e opacidade, são traduzidas para a tela. Aqui está um exemplo deste princípio abaixo.
Aplicativo GrandPad Android – Redesenho
Este é o redesenho do aplicativo complementar para Android do GrandPad. Este redesenho do aplicativo iOS aproveita a flexibilidade do Material Design e o novo componente de material Extended FAB.
Serviço: Gráfico
O material design cria uma linguagem visual para os usuários que sintetiza os princípios básicos do bom design e os moderniza. Aqui está um exemplo de um gráfico de ícone que faz exatamente isso.
Design de carteira
No Material design usado em aplicativos, os menus geralmente aparecem na interação com um botão e exibem uma lista de opções. Aqui está um ótimo exemplo disso!
