Blog - Diseño Web

Tendencias SEO
Diseño Web
Redes Sociales
Actualidad

 

Flat 2.0

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

El antiguo Flat consistía en un diseño 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 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 nuevo diseño de Microsoft para Windows 10 ya se está probando en 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.

 

Fuente: www.noticias.universia.es

Relacionados

30 de Octubre del 2019
Ejemplos de diseño de sitios web de hoteles
Un sitio web bien diseñado puede ser una herramienta poderosa para el fortalecimiento de una marca.
14 de Octubre del 2019
Diseño web emocional en el Ecommerce | Diseño web
El diseño web emocional en el Ecommerce consiste en hacer que las personas se sientan bien, hacerlas sentir como que forman parte de algo.
07 de Octubre del 2019
Analizando algunos sitios web de Hoteles Boutique
El diseño web de este tipo de sitios suele tener grandes fotografías en slider para destacar las comodidades y el entorno para mostrar por que son tan exclusivos.