9 tendencias creativas de diseño de aplicaciones para 2020

Ideakreativa cuenta con el apoyo de su audiencia. Cuando compras a través de enlaces en nuestro sitio, podemos ganar una comisión de afiliado sin costo adicional para ti. Como Asociado de Amazon, ganamos con las compras calificadas. Aprende más
(Actualizado en: 6 de agosto de 2020)

Tendencias para el desarrollo de aplicaciones innovadoras

Cuando observa las tendencias de diseño de aplicaciones emergentes 2020 a continuación, notará un par de cosas. Una, muchas aplicaciones se ven mucho más vibrantes, más pulidas, más inmersivas, y realmente en todos los sentidos, mucho más que las aplicaciones que hemos visto en el pasado gracias a las especificaciones tecnológicas en evolución de nuestros teléfonos. Pero al mismo tiempo, muchos diseñadores de aplicaciones miran hacia atrás en el tiempo en busca de inspiración y trabajan con un estilo retro como fuentes pixeladas y paletas de colores en sus diseños para conectarse con la sensación de nostalgia de los usuarios.

tendencias de diseño de aplicaciones 2020
Tendencias de diseño de aplicaciones: Ilustración de OrangeCrush

Las tendencias de diseño de aplicaciones para 2020 no son así por accidente. A medida que las aplicaciones continúan asumiendo roles más grandes e importantes en nuestras vidas, sus diseños evolucionan para reflejar e impulsar la forma en que interactuamos con ellas. ¿Estás listo para ver lo que viene en tu teléfono y encontrar inspiración para el próximo diseño de tu aplicación? Aquí hemos reunido las 9 tendencias de aplicaciones proyectadas para ser las más populares de 2020.

Aquí están las 9 tendencias más grandes de diseño de Apps 2020:

1. Ilustraciones al frente y al centro

En 2020, las ilustraciones en las aplicaciones serán grandes, literalmente. No solo gráficos, sino verdaderas ilustraciones que muestran las obras de arte que son las aplicaciones. En muchos casos, estamos viendo ilustraciones planas y semi-planas en paletas contrastantes y llamativas como lo hace Outcrowd en su diseño para Rent a boat. Una ilustración puede parecer más orgánica que una fotografía o un gráfico que se siente, bueno, gráfico. Al ofrecer a los usuarios imágenes que se sienten orgánicas, las aplicaciones se designan a sí mismas como entornos cómodos y familiares.

diseño animado de la aplicación de alquiler de embarcaciones con imágenes de kayaks en colores brillantes
Diseño de la aplicación por Outcrowd. Via Dribbble .

Sé honesto: ¿cuántas veces has abierto una aplicación o has ido más allá de la página de inicio de una aplicación, has sido recibido con un muro de texto, luego has dicho «nah, tl; dr» y te has alejado? Esta tendencia de la aplicación tiene como objetivo captar la atención de los usuarios y conservarla el tiempo suficiente para asegurarse de que tengan toda la información que necesitan, como el diseño de la aplicación meteorológica de Angelina Skiba que muestra a los usuarios exactamente lo que está sucediendo afuera para que sepan cómo planificar sus atuendos y sus itinerarios

aplicación meteorológica colorida con imágenes semiplanas de varias condiciones climáticas
ejemplos de diseño de interfaces de aplicacioines, ejemplos

Diseño de la aplicación por Angelina Skiba. Via Behance

aplicación de meditación en colores pastel que muestra imágenes de gatos en escenas de interior
ejemplos de diseño de interfaces de aplicacioines, ejemplos

Diseño de la aplicación por el diseñador AleksandrCucu

aplicación de atención plena con imágenes en colores suaves de mujeres que participan en varios ejercicios de atención plena
ejemplos de diseño de interfaces de aplicacioines, ejemplos

Diseño de la aplicación por Outcrowd. Via Dribbble

pantallas de una aplicación para niños que muestran varios personajes y objetos

Aplicación por el diseñador Simply Ali

Principalmente pantalla púrpura que muestra un platillo volador flotando sobre un cañón

Aplicación por el diseñador boorykin

aplicación que muestra una ilustración del edificio de Nueva York

Diseño de la aplicación por Victor Erixon. Via Dribbble

2. Fuentes Serif

Mientras las aplicaciones hayan sido una cosa, han estado dominadas por las fuentes sans serif. En 2020, eso está cambiando. Las fuentes sans serif no van a ninguna parte, pero los diseñadores las degradan para admitir roles y otorgan a las fuentes serif la mejor facturación.

El uso de dos tipos de fuentes juntas crea una jerarquía visual, separando instantáneamente los titulares del texto de soporte, como vemos que Martin Zagawa hace en su diseño conceptual para una aplicación social. En su diseño, las fuentes serif son para el texto estructural e inmutable de la aplicación, como el nombre del usuario y sus próximos eventos. Las fuentes sans serif, por el contrario, son para toda la información temporal y modificable, como los nombres y fechas de partes específicas.

serie de capturas de pantalla que muestran una aplicación de feed de eventos
Diseño de la aplicación por el diseñador Martin Zagawa

Está claro que las aplicaciones están más allá del mundo de Whisper y Angry Birds. Utilizamos aplicaciones para administrar nuestras inversiones, negociar acuerdos comerciales y discutir nuestros pensamientos más profundos con nuestros terapeutas. A medida que las aplicaciones toman un papel más serio en nuestras vidas, las fuentes serif subrayan este papel y les dan visualmente la gravedad que se merecen.

aplicación de análisis de noticias verde y durazno

Diseño de la aplicación por Thomas Birch. Via Behance

aplicación de reproductor de música de colores claros
ejemplos de diseño de interfaces de aplicacioines, ejemplos

Diseño de la aplicación por Sohyung Park. Via Behance

aplicación de lectura que muestra fuentes serif e imágenes de autores
ejemplos de diseño de interfaces de aplicacioines, ejemplos

Diseño de la aplicación por Nitin Aggarwal. Via Behance

aplicación de salud púrpura y blanca que rastrea el viaje de un usuario para dejar de fumar

Diseño de la aplicación por Andrey. Via Dribbble

aplicación de jardinería que muestra imágenes brillantes de plantas y manos humanas

Diseño de la aplicación por Semas. Via Dribbble

aplicación en blanco y negro con imágenes en negrita en escala de grises

Diseño de la aplicación por Quan Ha. Via Dribbble

3. Sobrecarga de color futurista

Otra de las principales tendencias de branding de aplicaciones para 2020 son los colores maximizados. Y aunque los diseñadores de aplicaciones están trabajando en todos los colores del arco iris en sus diseños, algunos en particular (púrpura, azul, rosa y otros colores de neón) parecen ser los más destacados. ¿Por qué? Son los colores del futuro. A diferencia de los marrones y verdes (tonos tierra), los morados, azules y rosas que vemos que dominan las tendencias de las aplicaciones son colores que no aparecen en la naturaleza, colores que solo pueden ser creados por un diseñador humano. Eso, y son colores que realmente resaltan sobre fondos oscuros, dándoles una sensación brillante, incluso ciberpunk.

Más allá de lucir moderna y moderna con morado y azul, hay otra razón por la cual los diseñadores juegan con el color de una manera más grande que antes, y también está relacionado con la tecnología: los teléfonos de hoy pueden mostrar colores vivos y vibrantes en todo su potencial.

aplicación de meditación principalmente púrpura con bloques de sesión de degradado rosa
Diseño de la aplicación por el diseñador Entrain

En el diseño de su aplicación de meditación, Entrain usa un púrpura brillante y audaz para enmarcar el registro personal del usuario, luego diferencia sus diferentes sesiones y objetivos a continuación con gradientes de color rosa, morado y durazno. El morado y el azul audaces son los colores principales nuevamente en el diseño del juego de fotos de Hazki, donde una caja de color azul claro separa visualmente el chat del resto del juego. Joharwn también usa un azul brillante, casi neón, como color secundario en el diseño de su aplicación de podcast de diseño, pero va en la dirección opuesta con su paleta de colores maximalista: amarillo brillante, naranja intenso y llamativo, fondos brillantes detrás de las fotos de los artistas para hacer sus caras. pop contra el fondo oscuro.

aplicación de reproductor de música de color verde
Diseño de la aplicación por Ekmel Can Gökdal. Via Behance
juego de fotos morado y azul

Diseño de la aplicación por el diseñador Hazki

aplicación de ingresos de música colorida que muestra varios paneles y datos

Aplicación por el diseñador Ritesh.lal

aplicación bancaria colorida con un fondo negro y formas redondeadas

Aplicación por Victe Wille. Via Dribbble

interfaz de aplicación de podcast audazmente colorida

Diseño de la aplicación por Joharwn. Via Dribbble

aplicación de correo electrónico azul oscuro

Diseño de la aplicación por el diseñador Adam Muflihun

interfaz de aplicación de moneda púrpura suave

Diseño de la aplicación por el diseñador Oversight

4. Elementos transparentes.

Como vemos en otras tendencias de diseño prometedoras, los gradientes aún se fortalecen en 2020. En el mundo de las aplicaciones, lo que los separa de cómo los hemos visto en los últimos años es cómo los diseñadores trabajan con los gradientes. . En 2020, los degradados, las superposiciones y los estallidos de color serán transparentes y semitransparentes en su pantalla.

Cuando puede ver a través de una imagen, se siente ligera. Parece que puedes llegar y tocar lo que hay detrás, y esa es exactamente la sensación que los diseñadores de aplicaciones están difundiendo este año. BrioRom lo hace en su diseño para Meetup, donde la superposición roja transparente permite mantener la marca roja de Meetup mientras muestra a los usuarios exactamente de qué se trata Meetup: ir a lugares IRL y encontrarse con personas cara a cara.

colección de pantallas de aplicaciones grises con una superposición roja
Diseño de la aplicación por el diseñador BrioRom
interfaz de aplicación de degradado morado y rosa
Diseño de la aplicación por el diseñador ozonestyle

Al hacer que ciertos elementos de diseño sean transparentes, un diseñador facilita el ajuste de una gran cantidad de información en una página sin que parezca abrumadora o pesada. Esto es importante porque en un teléfono no tienes mucho espacio para trabajar. En el diseño de la aplicación de entrenamiento de Elias craft, un degradado transparente de color púrpura, verde y gris establece la paleta de colores de la aplicación mientras permite al usuario ver claramente una imagen y texto de cualquier entrenamiento que esté haciendo actualmente. Crea una barrera visible entre el texto y la imagen, pero una barrera que se siente más como una cortina transparente que un muro sólido.

múltiples pantallas de una aplicación de tickets

Aplicación por el diseñador masiko

aplicación de entrenamiento usando un degradado transparente sobre una fotografía

Aplicación por el diseñador Elias Craft

diseño de aplicación degradado de púrpura a rosa

Aplicación por el diseñador Janneke

gradiente morado y azul

Aplicación por el diseñador Creative_David

múltiples pantallas de una aplicación de visualización en el hogar
Diseño de la aplicación por el diseñador GoneGirl

5. formas orgánicas redondeadas

Las formas orgánicas redondeadas son otra tendencia próxima que estamos viendo en lugares más allá del diseño de aplicaciones. Al igual que muchas tendencias de diseño de aplicaciones 2020 en esta lista, estas formas imperfectas y suaves están ganando tracción porque hacen que los entornos tecnológicos estereotípicamente fríos y estériles sean más fáciles de interactuar. Las finanzas son un área donde se pueden usar formas redondas en el diseño de aplicaciones para subvertir expectativas incómodas.

En lugar de los cuadrados y rectángulos azul oscuro y gris que generalmente esperamos de las aplicaciones financieras, Oversight a continuación utiliza formas desequilibradas en rosa suave para ilustrar dónde el usuario ha estado gastando dinero con un gráfico de trama ruiseñor. Enfrentarse a dónde va nuestro dinero no suele ser cómodo … pero con formas suaves, orgánicas e imperfectas, el diseño de Oversight elimina todo el miedo y el estrés de las finanzas personales y lo hace accesible, humano e incluso divertido.

interfaz de aplicación de finanzas blanco y rosa
Diseño de la aplicación por el diseñador Oversight
aplicación de música activada por voz en gran parte púrpura

Diseño de la aplicación por Musique. Via Behance

diseño de la aplicación de chat con imágenes de perfil redondas y un encabezado ondulado

Diseño de la aplicación por el diseñador Oversight

interfaz de aplicación de citas rosa fuerte con círculos naranjas y garabatos blancos
Diseño de la aplicación por el diseñador AleksandrCucu

6. Modo oscuro

Pasamos entre tres y cinco horas al día mirando nuestros teléfonos y, aunque eso puede dañar nuestros ojos y agotar nuestras baterías, nuestros hábitos no cambiarán pronto. En 2020, los diseñadores de aplicaciones se están adaptando a nuestros hábitos telefónicos y se están centrando en el modo oscuro. En modo oscuro, el texto claro (pero no blanco) se contrasta con fondos oscuros. La visualización de aplicaciones en modo oscuro no solo protege sus ojos de la fatiga visual cuando se desplaza y envía mensajes de texto en habitaciones con poca luz, sino que es menos exigente con la batería de su teléfono.

En los próximos diseños de aplicaciones de modo oscuro de 2020, vemos que los diseñadores usan neones y gradientes brillantes para hacer que los elementos resalten contra fondos oscuros. ADS usa colores brillantes de una manera realmente genial en su aplicación de análisis de datos de música, donde a cada género musical se le asigna su propio color y el usuario puede ver qué géneros escucharon cada día y en varios momentos del día.

pantallas de la aplicación de música púrpura oscuro
Diseño de la aplicación por el diseñador Emmanuel®
interfaz oscura de una aplicación de finanzas

Diseño de la aplicación por el diseñador iQdink

Diseño de aplicación de vape oscuro que muestra estadísticas de vapeo en azul

Aplicación por el diseñador 7plus7

aplicación oscura billetera digital con líneas naranjas que muestran saldos

Creación plicación por el diseñador Simply Ali

tendencia de diseño de aplicaciones 2020: aplicación de  análisis de datos oscuros que usa colores brillantes para mostrar diferentes estadísticas

Diseño de la aplicación por diseñador ADS

tendencia de diseño de aplicaciones 2020: opciones de modo claro y oscuro para una aplicación de flujo de trabajo
Diseño de la aplicación por el diseñador Themesmile

7. elementos 3D

Algunas de las tendencias de marca más importantes para 2020 se centran en mostrar lo que nuestros últimos teléfonos pueden hacer , tal vez este sea el más importante. Los diseñadores están haciendo que los elementos 3D sean los puntos focales de sus diseños de aplicaciones, mostrando los mundos inmersivos que pueden crear a través de ellos. Cuando una imagen completamente tridimensional se representa perfectamente en la pantalla de un teléfono plano, convierte la aplicación en un espacio físico en el que el usuario siente que puede entrar.

El Glyph hace esto excepcionalmente bien en su diseño para Soap Store, que presenta representaciones rotativas en 3D de productos específicos que la tienda ofrece. Mirar esta aplicación no se siente muy diferente de examinar una tienda Lush; Los jabones que giran lentamente tienen un aspecto tan realista que los usuarios pueden levantar sus teléfonos e intentar inhalar.

tendencia de diseño de aplicaciones 2020 minorista de jabón en tonos pastel que muestra representaciones 3D de jabones
Diseño de la aplicación por The Glyph a través de Dribbble .
tendencia de diseño de aplicaciones 2020: Representación 3D rosa y blanca de una piscina

Diseño de la aplicación por Crystal Yumumu. Via Dribbble

tendencia de diseño de aplicaciones 2020: botón rosado tridimensional redondo que muestra las palabras "libertad de expresión"

Diseño de la aplicación por el diseñador ttime

tendencia de diseño de aplicaciones 2020
Diseño de la aplicación por 灰 昼 NoirChen. Via Behance

8. vibraciones retro

Otra de las tendencias de diseño de aplicaciones emergentes de 2020 es una tendencia que estamos viendo (¡y amando!) En muchos otros lugares : ¡estilo retro! Específicamente, nos referimos a diseños que recuerdan los videojuegos y las pantallas de computadora de finales de los 80 y principios de los 90 con texto pixelado y gráficos simples y en bloque.

En algunas aplicaciones, como el diseño de Jessica Alvaro para screenity, la fuente retro se mantiene en un lugar, atrayendo la atención del usuario hacia el botón de inicio al contrastarlo con fuentes más modernas en otros lugares de la pantalla. Es una estrategia similar al uso de fuentes serif para designar titulares versus texto de apoyo como vemos en otros diseños de aplicaciones este año. Otros diseños no lo mantienen contenido: se vuelven completamente retro, como el diseño de Morzsamx para Flappy Turtle que trae a los usuarios de vuelta a los años 90.

tendencia de diseño de aplicaciones: blanca, azul y roja con múltiples fuentes

Diseño de la aplicación por la diseñadora Jessica Alvaro

tendencia de diseño de aplicaciones: juego pixelado con una tortuga con alas

Diseño de la aplicación por el diseñador Morzsamx

Aunque muchos de los diseños de inspiración retro que vemos incorporan píxeles y otros elementos de pantalla, no todos lo hacen. Algunos, como la aplicación Look Book de Olivia King, también funcionan en esquemas de colores e ilustraciones de inspiración retro.

interfaz para diseño de aplicaciones con fondos de diferentes colores para diferentes páginas

Diseño de la aplicación por Olivia King. Via Behance

diseño de aplicaciones de identificación de aves amarillas, blancas y negras

Diseño de la aplicación por Marta Wieckowska. Via Dribbble

9. Personalización y personalización.

Otra tendencia de aplicaciones prometedoras que aprovecha la capacidad de la tecnología son las aplicaciones altamente personalizables. Eso es porque la personalización es lo que queremos y lo que esperamos hoy en día. Estamos acostumbrados a que nuestras aplicaciones nos conozcan, como Spotify que selecciona listas de reproducción personalizadas y Facebook de alguna manera sabe exactamente de qué hablamos con nuestros amigos sobre el brunch. En 2020, sabemos que nuestras aplicaciones pueden tratarnos como individuos. Por lo tanto, los diseñadores de aplicaciones nos están dando exactamente lo que queremos al crear diseños que permiten personalizar nuestras experiencias con ellos, en última instancia, nos brindan mejores experiencias con las aplicaciones.

La aplicación de generador de citas de Manoj Bhadana ofrece a los usuarios el tipo de motivación que les funciona al darles un montón de opciones diferentes. Estas opciones incluyen la fuente y el tipo de motivación a la que responde el usuario. De esta manera, el generador no solo reparte la motivación genérica de talla única. Brinda a los usuarios las herramientas para generar citas que hablan directamente con sus almas únicas.

opciones personalizadas para diseño de aplicaciones de generador de cotizaciones
Diseño de la aplicación por Manoj Bhadana. Via Behance

Las aplicaciones personalizables nos dan opciones que no teníamos hace unos años. Ahora, un usuario puede crear su propia experiencia personalizada con una aplicación, lo que lo hace sentir como si estuviera en el asiento del conductor. Este tipo de diseño es ideal para aplicaciones que los usuarios mantienen cerca de sí mismos y con las que desean interactuar en sus propios términos.

diferentes opciones de color para diseño de aplicacines de tiempos de oración
Diseño de la aplicación por el diseñador M.Tony
diseño de aplicaciones tendencias de película

Diseño de la aplicación por Mafruh Faruqi. Via Dribbble

diseño de aplicaciones: múltiples pantallas de una aplicación de programación familiar

Diseño de la aplicación por el diseñador Hussain Maaz

¿Listo para ver cómo los diseñadores están «aplicando» estas tendencias?

Las próximas tendencias de aplicaciones de 2020 son un diseño agradable. El modo oscuro se siente bien en nuestros ojos cuando leemos tarde en la noche y el nostálgico pixel art nos transporta al pasado cuando todo parecía más simple, más divertido y simplemente bueno. Estas tendencias son solo el comienzo de cómo veremos a los diseñadores de aplicaciones superar los límites y tomar viejas ideas en direcciones inesperadas en la próxima década, ¡y estamos aquí para ello!

Resumen
9 tendencias creativas de diseño de aplicaciones para 2020
Artículo
9 tendencias creativas de diseño de aplicaciones para 2020
Descripción
Cuando observa las tendencias de diseño de aplicaciones emergentes en 2020 a continuación, notará un par de cosas. Diseño de interfaces con ejemplos
Autor
Publicación
Ideakreativa
Logo
Productos destacados
Artículos relacionados para diseñadores