Descarga gratuita: Sketch UI Kit

Siguiendo a Google Diseño de materiales principios resultan en diseños atractivos y actualizados. Pero también produce un resultado final que termina pareciéndose a… bueno, Google. La marca súper inteligente se mueve por su parte, pero no es genial si desea conservar la fuerza de su propia marca.

InVision se propuso crear un diseño de correo electrónico que se adhiera a Material Design, sin parecer un clon de Gmail. Es un gran éxito, por lo que estamos encantados de que hayan aceptado ofrecerlo como un kit de interfaz de usuario gratuito a los lectores de WebdesignerDepot.

Color

Google ha sido famoso durante mucho tiempo por el uso audaz del color, y Material Design amplía esa paleta con un espectro basado en la saturación. Permanece enfocado en grandes campos de color plano desprovistos de degradados que solían dominar la Web. Y aunque las conversaciones sobre las tendencias de diseño tienden a combinar degradados, sombras paralelas y esqueuomorfismo, Material Design fomenta sombras dramáticas para hacer referencia a las realidades táctiles en las que se basa.

Por lo tanto, esta descarga se diferencia de inmediato al presentar al usuario gradientes dramáticos, que incluyen bandas marcadas en el ícono principal del diseño. Todos los colores se extraen de la paleta Material Design de Google, simplemente se han mezclado de una manera nueva. Debido a que el diseño de materiales requiere colores audaces, de alto contraste y profundamente pigmentados, es tentador usar una paleta súper amplia para llenar todos los roles que el color juega en el diseño. Pero no es necesario que los colores sean dispares para ajustarse a los criterios del material y lograr sus objetivos, solo deben ser intencionales.

Tipografía

Google comprende claramente el poder de la tipografía en la marca. Sus fuentes a medida crean interfaces de usuario claras y refuerzan su marca. Invision quería un aspecto moderno y limpio similar al de Roboto, sin usar Roboto. Entonces la plantilla usa Avenir; otra fuente limpia que tiene orígenes geométricos, con una calidez humanista.

Interacción y animación

Siempre es útil tener en cuenta su plataforma al diseñar, con el fin de producir una experiencia consistente para el usuario. Es por eso que esta plantilla tiene un estilo iOS, aunque también funciona bien en Android.

Material Design de Google tiene algunas cosas interesantes que decir sobre cómo la interacción y la animación pueden deleitar, y no distraer, a sus usuarios. Pero los ejemplos de Material Design de Google también son muy específicos, asegúrese de que cuando utilice la animación y la interacción, sea la animación y la interacción adecuadas para su proyecto. Este kit de interfaz de usuario ha sido diseñado para permitir una variedad de enfoques diferentes, por lo que puede emplear la estrategia que mejor se adapte a su diseño.

Descargue el archivo debajo de la vista previa: