<div data-elementor-type="wp-post" data-elementor-id="978" class="elementor elementor-978">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-659284a7 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="659284a7" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7315a90b" data-id="7315a90b" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-1e62ba3a elementor-widget elementor-widget-text-editor" data-id="1e62ba3a" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Você já reparou que a maioria dos aplicativos que você baixa vem seguindo um mesmo padrão gráfico? Cores chapadas e vibrantes, ícones personalizados, sensações de profundidade e diversas animações entre as ações realizadas?</p>
<p style="text-align: justify;">Esse fato se dá pelo surgimento da filosofia do Flat Design. Essa nova tendência em web design se baseia na simplicidade dos elementos e clareza do layout. Estruturas geométricas e o conceito “clean” são os elementos chave dessa tendência.</p>
<p style="text-align: justify;">Com a grande adesão do Flat design e seguindo esse estilo, em 2014, a Google lançou o Material Design. Essa nova linguagem visual foi planejada para atender a Androids mas hoje em dia vem sendo espelhada nos demais sistemas operacionais.</p>
<p><div style="width: 1200px;" class="wp-video">
<video class="wp-video-shortcode" id="video-978-1" width="1200" height="675" preload="metadata" controls="controls"><source type="video/mp4" src="https://dtidigital.com.br/wp-content/uploads/2016/05/Material-design.mp4?_=1" /><a href="https://dtidigital.com.br/wp-content/uploads/2016/05/Material-design.mp4">https://dtidigital.com.br/wp-content/uploads/2016/05/Material-design.mp4</a></video></div></p>
<h2 style="text-align: justify;"> </h2>
<h2 style="text-align: justify;"><span style="color: #666699;">Material Design</span></h2>
<p style="text-align: justify;">A Google buscou sintetizar os princípios do bom design com inovação em harmonia com a ciência e tecnologia, criando um sistema que permite a padronização da experiência do usuário em diferentes plataformas e dispositivos.</p>
<p style="text-align: justify;">Uma das propriedades do Material Design é criar objetos que simulem a realidade. Através do reconhecimento da luz e aplicação da sombra os objetos ganham forma e composição.</p>
<p>Assim, temos como regra estabelecida que os objetos gráficos criados sempre terão uma variação em seu tamanho da forma, e sempre terão uma espessura uniforme de 1dp &#8211; densidade por pixel. As sombras sempre serão baseadas na distância em profundidade de um elemento para o outro.</p>
<p><br />
 <img fetchpriority="high" decoding="async" class="size-full wp-image-981 aligncenter" src="https://dtidigital.com.br/wp-content/uploads/2016/05/Pixels.png" alt="Pixels" width="834" height="563" srcset="https://www.cms.dtidigital.com.br/wp-content/uploads/2016/05/Pixels.png 834w, https://www.cms.dtidigital.com.br/wp-content/uploads/2016/05/Pixels-300x203.png 300w, https://www.cms.dtidigital.com.br/wp-content/uploads/2016/05/Pixels-768x518.png 768w" sizes="(max-width: 834px) 100vw, 834px" /></p>
<p style="text-align: justify;">Você pode conferir todas as propriedades desse padrão de linguagem clicando <a href="http://www.google.com/design/spec/what-is-material/material-properties.html">aqui</a>.</p>
<p style="text-align: justify;">Alguns consideram o Material Design uma evolução do Flat Design. A principal diferença entre os dois é que os objetos achatados e sólidos presentes também no Flat Design, passam a ser considerados como elementos reais que respeitam as leis da física para criar uma forma e movimentação mais próxima do real.</p>
<p style="text-align: justify;"><img decoding="async" class="size-full wp-image-982 aligncenter" src="https://dtidigital.com.br/wp-content/uploads/2016/05/google-material-design.gif" alt="google-material-design" width="800" height="600" /></p>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;">Em 2015 foi lançado o Material Design Lite, uma bibliotecade componentes para auxílio na criação web utilizando esse estilo. Você pode conferir mais <a href="https://getmdl.io">aqui</a>.</p>
<p style="text-align: justify;"> </p>
<h2 style="text-align: justify;">A grande questão é: <br />
 <span style="color: #666699;"><strong>Se todos passarem a seguir à risca esse padrão de guidelines do Google, todos os apps não ficarão iguais?</strong></span></h2>
<p>&nbsp;</p>
<p style="text-align: justify;">Como questionado inicialmente, vemos que essa padronização vem sim acontecendo, como podemos perceber nas imagens abaixo:</p>
<p><img decoding="async" class="size-full wp-image-983 aligncenter" src="https://dtidigital.com.br/wp-content/uploads/2016/05/Material-Design-Doist.png" alt="Material Design Doist" width="555" height="416" srcset="https://www.cms.dtidigital.com.br/wp-content/uploads/2016/05/Material-Design-Doist.png 555w, https://www.cms.dtidigital.com.br/wp-content/uploads/2016/05/Material-Design-Doist-300x225.png 300w" sizes="(max-width: 555px) 100vw, 555px" /></p>
<p>&nbsp;</p>
<p><img loading="lazy" decoding="async" class="size-full wp-image-984 aligncenter" src="https://dtidigital.com.br/wp-content/uploads/2016/05/Material-design-Evernote.png" alt="Material design Evernote" width="555" height="416" srcset="https://www.cms.dtidigital.com.br/wp-content/uploads/2016/05/Material-design-Evernote.png 555w, https://www.cms.dtidigital.com.br/wp-content/uploads/2016/05/Material-design-Evernote-300x225.png 300w" sizes="(max-width: 555px) 100vw, 555px" /></p>
<p>&nbsp;</p>
<p><img loading="lazy" decoding="async" class="size-full wp-image-985 aligncenter" src="https://dtidigital.com.br/wp-content/uploads/2016/05/Material-design-gmail.png" alt="Material design gmail" width="555" height="416" srcset="https://www.cms.dtidigital.com.br/wp-content/uploads/2016/05/Material-design-gmail.png 555w, https://www.cms.dtidigital.com.br/wp-content/uploads/2016/05/Material-design-gmail-300x225.png 300w" sizes="(max-width: 555px) 100vw, 555px" /></p>
<p>&nbsp;</p>
<p style="text-align: justify;">A vantagem dessa unificação é a familiaridade do usuário com a navegabilidade dos apps. A padronização das interações faz com que os usuários aprendam e consigam usar qualquer aplicativo.</p>
<p style="text-align: justify;">O grande problema é que seguindo à risca essas linguagens, Material Design e Flat Design, os apps acabam homogeneizando demais a interface, não conseguindo se destacar de seus concorrentes e tornando até difícil a distinção entre os mesmos.</p>
<p style="text-align: justify;">O nosso desafio aqui na <strong>dti</strong> é inovar e utilizar a criatividade para manter a personalidade de uma marca em um ambiente tão padronizado e cheio de características. Procuramos utilizar os guidelines propostos filtrando o que é aplicável ou não para que não percamos a identidade própria do cliente e possamos criar um visual marcante em meio a tantos padrões.</p>
<p style="text-align: justify;"> </p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>

(Re)Conheça o Material Design

Desbloqueie o futuro do seu negócio

Confira outros artigos