40 diseños de incorporación de aplicaciones móviles para su inspiración

Lo primero que ven los usuarios al descargar una aplicación en estos días es una pantalla de incorporación. Una pantalla de incorporación es como un tutorial, cuyo objetivo es presentar lo que hace una aplicación a un usuario y, por supuesto, cómo usarla. Ésa es la forma más sencilla de describirlo. Sin embargo, diseñarlo es algo totalmente diferente.

Una pantalla de incorporación debe diseñarse de la manera más simple, acogedora y fácil de usar posible. Pantallas de incorporación como páginas de estado vacías creadas para informar y educar a los usuarios. No todas las aplicaciones necesitan una pantalla de incorporación, aunque creo que las pantallas de incorporación evitan a los usuarios la frustración de tener que descubrir por sí mismos la nueva aplicación que están probando.

Pero echemos un vistazo a estos 40 ejemplos de diseños de pantalla incorporados de creativos de todo el mundo y luego me puede decir en los comentarios si está de acuerdo o no con la idea de la pantalla incorporada.

Echa un vistazo a estas suaves ilustraciones y pantallas de incorporación animadas de Virgil Pana para inspirarte. Está diseñado pensando en una institución educativa.

animaciones de incorporación

Las ilustraciones integradas de lo que parece ser una aplicación de viajes presentan paisajes en el mismo fondo montañoso redondeado. El diseñador Anggit Yuniar Pradito tiene algunas ideas más de diseño de incorporación en su portafolio.

pantalla de incorporación de usuario

Este diseño de incorporación es parte de una presentación de una aplicación llamada Bemyspot que parece ser una aplicación de compras que te recompensa por las selfies, el descubrimiento de nuevos lugares y el intercambio social. Está diseñado por Rosario Sarracino e Ivan Paudice .

bemyspot

Cada imagen de estas pantallas se coloca en sellos postales que aluden al servicio que brinda: entrega. Anastasiia Andriichuk entiende que el humor es muy útil, como lo demuestran los astronautas y los globos aerostáticos que hacen las entregas.

pantallas de incorporación

Sasha Gorosh produjo una pantalla de integración atractiva y divertida inspirada en los viajes espaciales. Las ilustraciones son simples y pueden ayudarlo a “abordar” en poco tiempo.

pantalla de incorporación espacial

“¡Que la fuerza esté con usted!” Unas pantallas integradas donde los planetas se renuevan; inspirado en Star Wars, creado por Anton Chandra .

el planeta

En algunas ilustraciones de líneas, Aika explica lo que puede hacer con esta aplicación de viaje. Puede deslizar las pantallas o cerrarlas con la X.

debut

El diseño, el degradado, las ilustraciones y el uso del color en este diseño son increíbles. El botón de llamada a la acción está resaltado en naranja, que se ve extrañamente impresionante sobre un fondo azul profundo. Un bonito diseño de Murat Gursoy .

bicicleta-evento-a bordo

Estas simpáticas personitas se sintieron atraídas para mostrarte las posibilidades y características de la aplicación. Se ven muy lindos, en modo de trabajo serio, pero aún lindos.

ios-app-ilustraciones

A continuación, se muestra un uso inteligente de los iconos en las pantallas de recorrido. Los resaltes verdes en las ilustraciones con partes en gris se ven muy bien. Diseñado por Nitesh Chandora .

pantallas-tutorial-de-incorporación

Esta es una pantalla de incorporación más con ilustraciones increíblemente minimalistas con un tema ecológico verde. Los botones de navegación están ubicados en la parte inferior de la pantalla para mayor comodidad. Diseñado por Martin Strba .

pantallas de incorporación

Estas ilustraciones muestran diferentes lugares para visitar en todo el mundo. Parece un concepto de incorporación para una aplicación de guía de viaje. Breves descripciones de las ubicaciones se suman al atractivo. Otra gran pieza de Anton Chandra .

lugares del mundo

Las burbujas de chat y el globo terráqueo de las ilustraciones están dibujadas con bastante detalle. Puedo imaginar lo bien que se vería como una animación dentro de cualquier aplicación de descubrimiento. Buen trabajo de Ghani Pradita .

pantalla de incorporación

Estas ilustraciones son similares a los estilos orbitales de Ghani Pradita pero se adoptan en todos los diseños incorporados. Estos diseños son de Faiz Al-Qurni .

diaryibadah-guidecreen

Estas ilustraciones de Ivy Mukherjee son divertidas y creativas, sin embargo, la redacción es un poco pequeña y difícil de leer. Sin embargo, este es el ejemplo perfecto para mostrar por qué las ilustraciones bien hechas juegan un papel importante en la experiencia de incorporación.

pantallas de incorporación

Estas pantallas de incorporación son mis favoritas. Me encanta el uso de ilustraciones y la combinación de colores aquí. Se ven minimalistas, distantes, pero aún significativas. Diseñado por Mariusz Onichowski .

pantallas de incorporación

Aquí hay otro diseño de pantalla de incorporación creado por Anton Chandra . Anton tiene algo de inspiración espacial en sus diseños, incluido este.

inducción

Las pantallas de incorporación describen una aplicación que es rápida, móvil y amigable con ilustraciones apropiadas que transmiten el mensaje. Diseñado por Wayne Baryshev .

pantallas de incorporación

Estas pantallas de incorporación se hicieron para la aplicación de transporte marítimo. Creo que el día y la noche en los diseños muestra que esta empresa de transporte trabaja 24/7. La influencia del Material Design es fuerte en la suya, de Ivan Bjelajac .

Ilustración de pantalla de incorporación

Finalmente vemos un diseño de pantalla incorporado para comercio electrónico, una industria que probablemente más necesite este tipo de diseño. Estos son creados por Katya Dihich para ayudar en el proceso de compra.

pantallas de incorporación de comercio electrónico

Una pantalla de saludo diseñada por Anggit Yuniar Pradito, esta muestra una reserva exitosa y no tiene miedo de usar más de uno o dos colores. Simple y minimalista.

pantalla de saludo

Hablando de colores, estas pantallas integradas de Dux Nguyen son increíblemente brillantes y coloridas. Muestran claramente que puedes jugar con tus amigos y chatear con esta aplicación.

zing-play-onboarding

Estas son pantallas de incorporación para aplicaciones de hoteles económicos. El azul y el blanco parecen una combinación de colores segura pero relevante para una aplicación de reserva de hotel. Esto está diseñado por Muhammad Watsik Dzawinnuha .

onboarding-preview

Estas divertidas ilustraciones definitivamente harán que la experiencia de incorporación sea más agradable. Como ya habrás adivinado, estas pantallas están hechas para una aplicación de floristería. Un bonito esquema de color y diseño de Jocelyn Crankshaw .

pantalla de incorporación móvil

Este es un diseño de incorporación para una pantalla de bloqueo, pero que también se adapta a una aplicación meteorológica o de viajes. Brillante uso de colores. La diseñadora Xiu Yuan tiene diseños más orientales en su portafolio.

onboarding-screen-chino

Estas pantallas integradas parecen tener su propia personalidad. Cada pantalla está resaltada con diferentes colores y una ilustración centrada en la persona. El diseñador Min se divirtió con este proyecto.

maqueta de incorporación de la aplicación

George Gao eligió el gris como el tema de color en ejecución para estos diseños incorporados. La mascota es un buen toque y aparece en cada diseño para dar continuidad.

pantalla de introducción de la aplicación de finanzas

Diseños de pantalla de incorporación limpios y divertidos de Anwar Hossain Rubel para una aplicación de viaje. Me gustan las nubes de color agua en el fondo y los puntos de colores que añaden algo mágico al diseño.

pantalla de incorporación de viajes

Ray Martin los creó para una aplicación social. El uso de pantallas integradas de degradado para la aplicación llamada Vue emite un efecto sorprendente. A veces solo tenemos que ser valientes con las opciones de color.

pantalla de incorporación

Estos son diseños de incorporación para una aplicación de llamadas internacionales de Ivy Mukherjee . El esquema de color verde brillante me recuerda a WhatsApp.

inducción

Dibujado y diseñado por Anandu Sivan , aquí hay algunas ilustraciones divertidas y creativas en la pantalla del tutorial de una aplicación. Sin embargo, no dice qué tipo de aplicación es, pero las ilustraciones merecen ser destacadas.

tutoriales-pantallas

Estas divertidas pantallas te animan a buscar algo de comida. Me encanta cómo se conectan las ilustraciones en ambas pantallas paso a paso. Esto está diseñado por Syafrizal Wardhana .

sembako

Jinyi Fu te muestra cómo combinar colores e ilustraciones llamativas. Probablemente todavía sea un trabajo en progreso porque carece del texto para dar sentido a los dibujos.

pantalla de incorporación de aplicaciones

Me encanta el uso de botones de contorno aquí por Wenhui Yu . Los diseños lucen ligeros y minimalistas, a pesar del uso generalizado de colores brillantes e ilustraciones ingeniosas.

weelio-onboarding

Otra creación de Wenhui Yu , esta usa fotografías en lugar de ilustraciones. Es una aplicación de moda divertida para adolescentes y el diseñador la acertó.

modspot

Una aplicación de recetas con posibilidades divertidas, los diseños incorporados aquí creados por Eva Hoefer realmente llevan a casa la idea de cómo usar esta aplicación.

kptncook-pantallas

Me gustan las ilustraciones humanas y los diferentes colores de fondo utilizados en esta aplicación de incorporación de Melvin Johnson . Esto probablemente seguirá siendo un concepto, ya que se volvió demasiado divertido para su propósito original, como lo mencionó el diseñador.

pantallas de incorporación

A veces, las ilustraciones pueden tener un papel secundario en la entrega de instrucciones, como lo hace Carlos Ramos . Estos dibujos son más pequeños pero aún detallados.

pantallas de incorporación

Una pantalla de recorrido para una aplicación que busca fotos idénticas en su computadora y teléfono y las elimina. Esta creación de Tetiana Zahorska juega con el enfoque de color de fondo blanco sobre atrevido.

pantallas-incorporadas-interfotos

Estas pantallas coloridas para la aplicación ModMom son prácticamente las más acogedoras de todos los diseños que aparecen en esta publicación. Las divertidas ilustraciones de fondo también ayudan. Impresionante trabajo de Staci Carpenter .

pantallas de incorporación modmom

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *