Tendencias del diseño web mobile

Un acercamiento a las tendencias del diseño web mobile que adapta la visualización de un sitio web a móviles, tablets u otros dispositivos

Flat 2.0

Es la evolución del diseño web plano Flat utilizado por Apple que prima la simpleza ante cualquier otra característica.

El antiguo Flat consistía en un diseño web limpio con colores monocromáticos brillantes en elementos geométricos básicos para transmitir un mensaje claro evitando la sobrecarga o los adornos.

Su principal problema era que la falta de textura o detalles dificultaba la comprensión del usuario con respecto a qué ícono era un botón o dónde debía pulsar.

Flat 2.0 mantiene su esencia simple pero agrega sombras para lograr un diseño web más profundo y menos purista. Sigue utilizando colores brillantes pero sumó los pasteles para diversificar la paleta sin perder de vista el minimalismo reinarte en el Flat que facilita la experiencia de usuario.

Agrega animaciones impensadas en su versión anterior con el fin de guiar a los usuarios hacia los elementos interactivos 3D hundidos para crear una sutil capa de detalles.

Material design

Una creación de Google aplicada en Chrome y Android que imita los objetos reales pero agregando las posibilidades que ofrece la tecnología. Juega con los colores, la profundidad, los bordes o las sombras para generar una realidad similar a la que experimentamos en la vida cotidiana.

El espacio en 3D cobra especial importancia así como la subordinación: un “elemento hijo” posee atributos similares a su “elemento padre” para que el usuario los empariente intuitivamente. Predominan las animaciones como mentor del usuario en su camino hacia la interactividad de la aplicación móvil, tratando que las reglas físicas del plano terrenal se apliquen en el virtual pero permitiéndoles licencias para transformarlas aunque manteniendo su lógica.

El objetivo es que se vincule fácilmente a los elementos de la app con otros elementos conocidos por el usuario para simplificar la navegabilidad aunque los objetos se muevan o reorganicen.

Fluent design

El diseño de Microsoft para Windows 10 esta creado para aplicaciones móviles de Office, así que aprender sus bases resultará útil porque permite entrever el futuro de las interfaces de esta gran compañía.

Otra característica de este diseño web es la utilización de transparencias en los objetos para ofrecer un efecto translúcido, generando la sensación de estar inmerso en un moderno mundo virtual.

Apela a los objetos en 3D para vincular la realidad aumentada con la realidad virtual, enfatizando en el dinamismo del contenido.

El movimiento es fundamental y los elementos cobran vida doblándose, estirándose, rebotando, deslizándose o hasta rompiéndose. La luz es clave en el Fluent design que emplea este recurso para enfocar información concreta, colaborando con la intuición del usuario.

AmericaInternet.cl
Diseño Web en Concepción
Fuente: www.noticias.universia.es