Usándolo en la Web

• Elementos:Elementos base cubiertos, botones, segmentos, controles, capas.
• Colores:Paleta de Colores Recomendados incluida.
• Tipografía:Fuente con soporte Unicode de amplio espectro disponible para uso a través de Google Webfonts.

Es más conocido como el estilo de Diseño de Android a partir de su versión 5.0 (Lollipop). Es probable que hayas notado algunos cambios en los elementos de diseño de los servicios de Google en el último par de años, incluidos nuevos elementos, sombras y colores en las interfases populares.

Material Design tiene una serie de principios diseñados para incrementar la visibilidad de la información representandola como un objeto Material con propiedades y dimensiones modeladas en el mundo real.

Las dos librerías más utilizadas para implementarlo son Polymer y Material Design Lite. Por experiencia personal, puedo decirlles que Polymer es bastante útil pero extremadamente difícil de implementar en algunas aplicaciones y Material Design Lite aún se encuentra en desarrollo y está ligeramente incompleto.

Pros: Consistente, moderno, muy amigable para aplicaciones Web y móviles.

Contras: Mucho espacio perdido. Tipografía limitada, no todas las aplicaciones del mundo real podrían convertirse exitosamente a los patrones de diseño propuestos. Inconsistente implementación entre servicios de Google (no todos son Material).

Usándolo en la Web

• Elementos:Widgets, elementos de interfase básicos,
• Colores:Paleta de colores base para aplicaciones.
• Tipografía:Fuentes disponibles, no contenidas en canales de distribución ni libres para instalación. Buen soporte de unicode y legibilidad en diferentes resoluciones.

Originalmente conocido como Metro Design fue introducido en Windows 8. Polarizante por su diferencia con el diseño tradicional de interfases de Microsoft no ha tenido la penetracón esperada en el Mercado ni comunidad de Diseño Web. A pesar de ésto, resultará muy fácil de reconocer para usuarios de Windows/Microsoft.

Para su uso en aplicaciones existen recursos oficiales de Microsoft. Para aplicaciones Web no hay una implementación oficial pero si varios Proyectos bastante completos como Metro Bootstrap y Metro UI que resultan muy fácil de usar e implementar en páginas.

Pros: Diseño familiar para usuarios de Windows. Muy consistente en el manejo de sus patrones de diseño, relativamente fácil de maquetar.

Contras:Poca flexibilidad fuera de los patrones de diseño establecidos. Espacio desperdiciado en bajas resoluciones. Es el menos usado de las corrientes de diseño modernos por lo que encontrarás menos ejemplos y recursos en caso de requerirlos.

Usándolo en la Web

• Elementos:Todos los elementos comunes de uso en interfases disponibles.
• Colores:Paleta base definida de colores recomendados. Recomendaciones de uso para colores y contrastes, pero no hay un patrón definido de paletas extendidas.
• Tipografía: Fuentes disponibles para uso en ecosistema Apple. Buen soporte Unicode. Uso prohibido fuera de ambientes Apple y poca disponibilidad fuera del mismo.

Apple es probablemente la compañía mas reconocida por su diseño actualmente. Sus productos y aplicaciones frecuentemente son usados como benchmark para el nicho en el que existen.

Los patrones de diseño recomendados de Apple etán separados para aplicaciones de escritorio y móviles, por lo que resultan algo difíciles de implementar en páginas Web.

Adentro de la comunidad de diseño gráfico y Web, la tendencia de diseño Apple es conocida jocosamente como Minimaluminiumalism y es muy reconocido el patrón de algunos diseñadores jóvenes de querer copiarla en todas las áreas de su desempeño profesional.

Pros:Probablemente la corriente de diseño más conocida y elegante del planeta. Muchos recursos existentes para copiar patrones de diseño en aplicaciones fuera del ecosistema Apple (Sólo revisa los paquetes de conversión que hacen que tu escritorio sea una copia de las versiones de OS X/macOS).

Contras:Se han hecho muchos análisis en la web de las inconsistencias comúnes en los patrones de diseño, en particular en iOS 7 (generalmente hablando, la tipografía resulta poco visible debido a lo delgada y los controles de interfase tienden a generar antipatrones de experiencia de usuario).
No existe una implementación oficial de patrones de diseño para páginas Web, por lo que acabarás utilizando alguna base híbrida entre frameworks.