amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} /* Inline styles */ p.acss9ebb7{text-align:justify;}span.acss2c5d6{color:#333333;}span.acssf627f{color:#008080;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}

Categorías: Archivo

Material design: La nueva tendencia de diseño web para 2016

El diseño material es producto del gigante Google. En un principio estaba orientado a ofrecer soporte o ayuda a diseñadores de aplicaciones para el entorno Android. Ahora está disponible también para la versión web.

Este tipo de diseño surge del diseño flat en cuanto a su sencillez y minimalismo pero se diferencia un poco sobre todo en la utilización de figuras geométricas, cuadrados y círculos principalmente, así como sombras, para organizar la jerarquía y bordes. Además cabe destacar en el uso de los colores la combinación de un color principal con uno complementario. Es un diseño donde la profundidad, las superficies, los bordes, las sombras y los colores juegan un papel principal.

Elementos ordenados e imágenes claras

Material Design es un diseño con una tipografía clara, casillas bien ordenadas, colores e imágenes llamativos para no perder el foco y un sentido del orden y la jerarquía muy marcado. Estas ideas ya se aplican en muchos diseños, pero en Material Design Google ha creado unas normas muy claras de como llevarlo a la práctica.

¿Cómo se muestra la jerarquía de contenido en este tipo de diseño? CON LUZ Y SOMBRAS.

El movimiento es la mejor forma de guiar al usuario

El movimiento es otro elemento clave, por ejemplo un objeto que parpadea significa que está llamando tu atención, un elemento que se expande es que se acaba de abrir. Todos estos movimientos se crean en una dirección determinada.

¿Qué esperas para modernizar tu sitio web con esta nueva tendencia y causar mejor impresión y facilidad de navegación a tus usuarios y clientes? Llámanos y cotiza ya tu sitio web.