IntuiFace y las tendencias de experiencia de usuario de 2017 - Tendencia nº 9: diseño semiplano

Tendencia en experiencia de usuario nº 9 - Diseño semiplano

Diseño semiplano: ¿Qué es
?

Probablemente todos sepamos que el mundo ha dicho adiós a la tendencia del diseño realista y ha dado la bienvenida al diseño plano que, bueno, aplana todos los diseños que vemos hoy en día. Ha sido un revulsivo ver cómo hasta las grandes marcas, como Netflix, PayPal, Virgin Media, etc., rediseñaban sus logotipos. Se acabaron los looks realistas en 3D con colores degradados y fuentes curvas. Estos nuevos iconos son minimalistas, ligeros, limpios, rápidos de entender y mucho más receptivos.

A pesar de todas sus ventajas, el diseño plano -dominado por reglas generales como las ilustraciones en 2D, los bordes nítidos y la paleta de colores monocromática- puede parecer aburrido. Como no hay eje Z, los elementos clicables son mucho más difíciles de descubrir y la gente puede tener problemas para detectar la jerarquía visual de una ilustración.

Afortunadamente, se ha encontrado una forma de limitar estas desventajas gracias a la influencia de Material Design, el nuevo lenguaje de diseño de Google. Al añadir algunas características de Material Design, como el uso de animaciones de transición y efectos de profundidad como la iluminación y las sombras, el diseño plano gana una sutil profundidad que establece analogías entre el diseño y el mundo físico, facilitando su comprensión. Esta mejora se conoce como diseño semiplano, o a veces casi plano o Plano 2.0.

‍

Diseño semiplano: ¿Cuándo utilizarlo?

Si quieres un diseño de la vieja escuela, opta por el realismo. El realismo no ha llegado a su punto álgido, así que aún puede conseguirlo. Sin embargo, si le gustan los diseños sencillos y minimalistas, le sugerimos que añada más dimensión a su proyecto utilizando sombras sutiles para añadir un toque de complejidad sin perder la sensación de limpieza de un diseño plano. Es entonces cuando tiene lugar el diseño semiplano.

Diseño semiplano: ¿Cómo utilizar
en IntuiFace?

Mantenga las cosas sencillas, pero no se vaya a los extremos:

No queremos destruir la sensación de limpieza de
el Flat Design. Por tanto, mantenga características clave como los colores monocromáticos, los botones de bordes nítidos, los espacios abiertos y la tipografía sencilla. Sin embargo, no se limite únicamente a los colores básicos. Al contrario, los colores vivos y vibrantes con diferentes matices y tonalidades harán que tu experiencia sea mucho más llamativa y memorable.

Añade profundidad: 

Se agradecen algunas sombras interiores o exteriores sutiles para tus activos y botones clave. De hecho, actualmente está de moda un efecto de sombra alargada con un ángulo de 45 grados y un gran tamaño, un efecto que hace que tus activos parezcan mucho más tridimensionales sin dejar de ser planos.

Rock con animaciones y transiciones responsivas: 

Cuando se construye una experiencia interactiva con IntuiFace, la capacidad de respuesta visual es extremadamente importante. Por ejemplo, cuando un usuario toca un botón, espera una respuesta visual de ese botón. Para resolver este caso concreto, utilice el Botón de imagen en lugar de una imagen normal. Además, IntuiFace también le proporciona herramientas para crear las animaciones que desee, así que no sea tímido a la hora de proporcionar respuesta visual mediante animaciones.

‍