NUEVOS MEDIOS

MOCKUPS

Los mockups (maquetas gráficas) son representaciones con el mayor grado de similitud posible respecto a las interfaces finales (UI)

• Diseño gráfico y de la interacción: Los aspectos relativos a la interacción con el usuario y el diseño gráfico (incluidos estilos gráficos como tipografía, colores o texturas) deben estar plenamente definidos.
• Diseño de marca: Se plasma el branding o identidad visual del producto en el IU (logo de la marca, colores corporativos…).
• Diseño visual: Se definen visualmente los elementos iconográficos, simbólicos, fotográficos y funcionales que componen cada interface (botones, íconos, fotografías…)

Responsive Web Design

• Aplica para Websites que se adaptan al tamaño de pantalla de los diversos dispositivos que acceden a ellas.
• Android también fomenta la  adaptabilidad (Responsive UI) entre las pantallas de sus apps.

Esqueomorfismo

• Contrapuesta al flat design, simula apariencias y texturas del mundo real.
• Últimamente ha reaparecido.
• Asociada a iOS.

Flat design

• Es una corriente muy extendida en el UID actual en la que predominan las formas planas con colores uniformes. La paleta de colores es reducida, con colores que buscan contraste y complementariedad.
• Hay un gran cuidado en la elección tipográfica, reducida a una fuente o dos a lo sumo. 
• Se busca un diseño más limpio, diáfano y usable.
• Está relacionado con el minimalismo Web o MUD (Minimun Usable Design) ya que se eliminan atributos gráficos superfluos como sombras, degradados o relieves.
• Implica riesgos de usabilidad.
• Ha sido adoptado por iOS (Apple) Windows Phone (de Microsoft) y Android (de Google).

Material Design

• Impulsado por Google/Android, introduce sutiles toques visuales que inducen en el usuario "sensaciones reales" como profundidad (sombras) o capas superpuestas.
• Incorpora también sutiles animaciones.

• Se deben considerar los principios de diseño visual de Android y Material Design que pueden encontrarse en sus páginas web oficiales.

• Visión Creativa de Android.
• El estilo visual de Material Design.
• El layout de Material Design.
• Components y patterns de Material Design.

• UI Design Kits.
  • De Taylor Lee. Para Photoshop y Gimp. Versión Android 4.4.
  • Material UI Kit de Ultralink. Se toma "libertades".
  • De Jakub Kosla. Con tonos sepia, inspirado en Mad Men.

• Recursos en la página oficial de Material Design.

• Websites.
  • UX Design for the Masses. Buenos artículos sobre UXD.
  • Material Blog Design. Incluye un showcase, recursos...

Android UI Kit de Taylor Lee

• Otros recursos.

  • Recipes. Mockup de app de recetas. Estilo Material Design (supuestamente).

  • Material Design Tutorial by Armagan. Incluye un archivo en .psd y un videotutorial.

  • Marvelapp. Incluye una galería y apps para iOs y Android.

  • Artículo con una selección de 15 aplicaciones con Material Design para Android.