Accesos
Material Design por Google

Google es una de las compañías más grandes en el mundo que abarca diseño, programación e incluso marketing, tiene herramientas absolutamente para todos, pero lo mejor de todo es que Google imparte cursos y ofrece todo el contenido para que todos se capaciten, ya depende de ti como lo uses…

Material Design

Google en el año 2014 en una de sus presentaciones anuales más grandes del mundo como lo es Google I/O hizo un anuncio de lo que hoy en día conocemos como Material Design. Todo comenzó con la nueva interfaz de Google Now (viejo asistente virtual de Google) y cuando Google notó que esta nueva interfaz se adecuó muy bien a las apps, todo empezó a girar alrededor del Material Design y luego cuando se presentó la actualización 5.0 Lollipop, Google decidió reemplazar absolutamente todo lo que conocíamos de la interfaz y convertirlo en Material Design.

Todo indica que Holo (interfaz de Google 4.0) fue reemplazada por lo que Google llama Material Design, pero no fue solo la interfaz, fue absolutamente todas las apps de Google como Calendario, Gmail, Search e incluso Docs. Posteriormente cuando Google liberó Android Studio como compilador oficial de Android, también dio la gran noticia de liberar las librerías, los tips y todo el uso de Material Design, de esta manera, los desarrolladores podrían aplicarlo sin tantos conocimientos a sus apps independientes, posteriormente los desarrolladores webs se llenaron de mucha audacia y lo aplicaron al diseño web, sin mencionar que Google actualiza diariamente esta documentación.

Elementos para el diseño

Material Design abarca hasta la mas mínima opción que aparece dentro de una interfaz de Google porque ellos lo han aplicado incluso en los formularios, pero hoy vamos a hablar solo del diseño, tanto para las apps como para el diseño web.

  • Colores

Dentro de la documentación oficial de Google podemos ver cómo le dan un uso especial al color, ya que en el Material Design esta es una de las características que hizo más relevancia dentro del diseño web, entre ellas podemos encontrar todos los colores con su degradado recomendable por Google, además de tener herramientas para crear temas, hacer test de accesibilidad, previsualizar como se vería en una interfaz el color, las paleta de colores recomendadas por Google y también la usabilidad que se le puede dar, si quieres saber nuestra recomendación, te invito a visitar paleta de colores Material Design recomendadas por Google.

  • Iconos

Google también nos ofrece la gran herramienta de adquirir todos los iconos tanto en color negro como blanco para su web o su app, lo mejor de todo es que están diseñados por Google ¿Qué puede salir mal? Es una de las mejores compañías en cuanto a diseño, están optimizadas, renderizadas y perfeccionadas para que puedas usarla en cualquier interfaz. Existe poco menos de mil iconos en lo que puedes seleccionar o buscar para descargarlo en formato SVG, PNG o incluso en formato de código, en caso de que no tengamos la posibilidad de incrustarlo con archivo multimedia.

  • Imágenes

La forma en la que Google trata las imágenes es dándole un enfoque mucho más practico que una “simple decoración”, por eso le ha ido tan bien… Por eso Google en este apartado del Material Design te ofrece los principios básicos de cómo utilizar las imágenes para perfeccionarlas, luego elegir cuales son las mejores prácticas para elegirlas y personalizarlas, por ultimo Google te imparte toda la capacitación para que lo integres a una interfaz, ya sea web o para las apps, desde resolución hasta la protección del texto para que haga suficiente contraste con la interfaz.

  • Tipografía

Google tiene  una tipografía muy fresca, entre el estándar para la tipografía o el tipo de fuente utilizan Roboto y Noto, aunque para las Android apps el estándar siempre va a ser Roboto. Por defecto Google recomienda que todas las apps sean nativas al idioma ingles o que al menos tengan una traducción hacia este idioma, además en este apartado del Material Design vamos a aprender sobre la caracterización de lenguaje, los estilos (normal, negrita y cursiva) y el tamaño del texto, ya que Google se enfocará en enseñarte en que apartado de una app o un diseño web puedes elegir que tan grande debe ser la tipografía.

  • Escritura

Escritura no es lo mismo que tipografía, no nos confundamos con estas dos características que Google tiene por separado… La escritura para Google tiene que ver en cómo vamos a organizarlo, ya que tiene que ser una escritura en general, sin importar en que idioma se encuentra. Google nos enseñará en este apartado como dirigirnos a un usuario (primera persona o segunda persona) así como evitar el pronombre “nosotros”, escribir directo y conciso, el tono en el que debemos escribir como invitar siempre al usuario y también el uso de la puntuación.

Prácticamente Google dentro del apartado diseño parece una universidad por presentarnos cada uno de los principios y de los temas avanzados del diseño para el Material Design, es como una pequeña biblia de todo lo que necesitamos saber para el diseño web o para las apps, por eso sigue siendo una de las mejores compañías del mundo.

¡SIGAMOS EN CONTACTO!

¡Nos encantaría tenerte al día con nuestras últimas noticias y ofertas! 😎

¡No enviamos spam! Lee nuestra política de privacidad para más información.

Publicaciones relacionadas

Renting Web, la revolución web ha llegado

Renting Web, la revolución web ha llegado

Renting Web es un servicio organizado pensando en pequeñas y medianas empresas, consiste en el diseño y mantenimiento de páginas web abonadas en cómodas cuotas. La idea es abonar mensualmente una cuota similar a la que pagaría por disponer de servidor, este pago incluye lo que conocemos como todo incluido. Esto se refiere a los […]

Enlace permanente de WordPress

Enlace permanente de WordPress

El enlace permanente de WordPress tiene influencia en el ranking de tráfico y motores de búsqueda de tu sitio web, aunque no sea muy evidente. No es recomendable pasar desapercibidos estos enlaces. Elegirlos erróneamente puede ser perjudicial y es difícil de cambiar, a futuro se puede perder la conexión a su sitio. El enlace permanente […]

¿Qué es Google Authenticator?

¿Qué es Google Authenticator?

Si deseas mantener un buen nivel de seguridad en WordPress, debes considerar utilizar el plugin de la autenticación de dos pasos para cuentas Google y otros servicios. Existe una manera sencilla de habilitar la autenticación de 2 pasos en WordPress utilizando Google Authenticator, con esto darás valor a tu blog y seguridad. Google Authenticator funciona […]

¿Qué es el multisite de WordPress?

¿Qué es el multisite de WordPress?

El multisite de WordPress es un CMS (es decir, no hay que instalar nada especial, sólo activarla) que permite gestionar una red de webs desde una sola instalación de WordPress que, aunque nació como solución para blogs, actualmente cuenta con funcionalidades y capacidades que le hacen capaz de adaptarse a multitud de necesidades. Una de […]


Deja un comentario

  Acepto losPolítica de privacidad

Muy importante.- No es necesario registrarse para publicar una opinión o comentario, pero si es necesario introducir su nombre y correo electrónico para evitar el SPAM. Además, no utilizaremos los datos insertados para otras cuestiones que difieren de esta publicación. En cualquier momento puede solicitar la eliminación de los mismos, enviando una solicitud al correo de contacto y con el mismo correo que ha emitido la opinión o comentario para que en un plazo máximo de 72 horas se elimina.

INFORMACIÓN ADICIONAL SOBRE PROTECCIÓN DE DATOS:

  • Responsable: IBERMEGA TSEO, SL
  • Finalidad del tratamiento: Control de spam, gestión de comentarios, comunicaciones y promociones.
  • Legitimación: Su consentimiento
  • Transferencia de datos: Tus datos no se cederán a terceros, salvo por obligación legal.
  • Derechos: Acceso, rectificación, portabilidad, olvido.
  • Email de contacto: oficina@ibermega.com

Copyright © 2002-2024 by IBERMEGA TSEO, S.L.