La aplicación de ilustraciones en aplicaciones: ¿cómo aplicar la ilustración al diseño de la interfaz de usuario?

11 AppStore "Today" utiliza una gran cantidad de ilustraciones para brindar a los usuarios una experiencia completamente nueva.

1. ¿Qué ilustraciones se deben utilizar en la APP?

Para aumentar el impacto visual, se puede resumir en dos palabras "increíble", como la aplicación "walk up", en la que se utilizan ilustraciones en cada página y el diseño es extremadamente exquisito.

Aumente el interés y evite que la página parezca monótona. Un ejemplo obvio son las páginas vacías y las páginas incorrectas en la aplicación. Por ejemplo, cuando Taobao está fuera de línea, mostrar una linda ilustración es mucho mejor que simplemente mostrar texto y también puede reducir la ansiedad de los usuarios tanto como sea posible.

Cuanta más información lleva, más intuitivo es y más evidente se refleja en el icono. Por ejemplo, los íconos de clasificación de Baidu Nuomi adoptan un estilo realista, brindando a las personas una sensación más intuitiva.

Satisfaga las necesidades emocionales de los usuarios y adopte un diseño emocional, que se refleja bien en Keep. En el día de San Valentín chino que acaba de pasar, Keep puso rosa la ruta para correr y se llevó al perro con él. Aquellos que todavía corren el día de San Valentín chino probablemente sean solteros y el significado es evidente.

Dos. Varias ilustraciones populares y sus características.

Ilustraciones planas

Ilustraciones de texturas

Ilustraciones dibujadas a mano

Ilustraciones MBE (un maestro del regate creó este estilo, por eso se llama MBE ilustración de estilo).

Ilustraciones en degradado (a veces llamadas ilustraciones con poca luz)

Ilustraciones tridimensionales (también llamadas ilustraciones 2,5D)

Ilustraciones con trazos

A continuación se muestran ejemplos de varias ilustraciones, todas de Dribbling.

Ilustración plana: La ilustración plana se caracteriza por su planitud, simplicidad y claridad. La ilustración plana es el estilo más popular y comúnmente utilizado en la actualidad.

Ilustración de texturas: Creo que la ilustración de texturas también es un tipo de ilustración plana, pero al final aún necesita agregar granulación. La característica más obvia de las ilustraciones de texturas debería ser la textura, y la relación entre luces y sombras es relativamente buena.

Ilustración dibujada a mano: Creo que esta es la más difícil, y también es la que requiere más habilidad artística del diseñador. El estilo dibujado a mano se usa mucho y puede expresar muchas cosas. El trabajo del diseñador que aparece a continuación está lleno de interés infantil y es hermoso como un sueño.

Ilustraciones MBE: sencillas, redondas y monas.

Ilustración en color degradado: un estilo muy bonito. Generalmente se utilizan colores similares en el uso de colores.

Ilustración tridimensional: como puede ver por el nombre, la característica más importante de este tipo de ilustración es la tridimensionalidad, que puede expresar cosas tridimensionales en un espacio bidimensional.

Ilustraciones con trazos: además de usar formas, también es necesario utilizar trazos que pueden ser una buena forma de abstraer cosas.

Ilustración MBE: Iconos en la cocina, el estilo MBE es muy adecuado para iconos.

Ilustraciones en degradado e ilustraciones tridimensionales: gancho. Junto estos dos estilos porque muchas veces una ilustración contiene ambos estilos. (para pancartas, temas)

Ilustraciones de bocetos: Pinduoduo, NetEase Cloud Music (para íconos y páginas de inicio)

En resumen: las ilustraciones son adecuadas para páginas de inicio en aplicaciones, pancartas y temas. , actualizaciones, íconos, ventanas emergentes, imágenes de fondo y más.

¿Cómo aplicar la ilustración al diseño de UI? En los últimos años, la ilustración ha comenzado a situarse firmemente a la vanguardia de las tendencias de diseño. No solo los pintores e ilustradores de diversos campos se están volviendo cada vez más populares, sino que los diseñadores web, de interfaz de usuario y de movimiento también están aprendiendo diseño de ilustraciones. Entonces, ¿cómo aplicar la ilustración al diseño de la interfaz de usuario? Hoy veremos más de cerca la aplicación del arte de la ilustración.

1. La singularidad de las ilustraciones proviene de sus metáforas y efectos visuales fascinantes.

Al igual que el arte, las metáforas también son necesarias en el diseño para transmitir información relativamente más interesante, más profunda e interesante. Aquí es donde se forma la singularidad de la ilustración, las metáforas que contiene hacen que su valor sea más complejo y digno de retoques repetidos en lugar de entenderse completamente de un vistazo.

2. Las ilustraciones digitales pueden mejorar la interacción.

Ésta es la ventaja de la digitalización de vídeos cortos.

Después de diferentes software digitales y un procesamiento razonable, no solo puede volverse dinámico, sino también usarse en videos como una microinteracción para mejorar la experiencia general del producto. Con efectos dinámicos y vídeos cortos, toda la ilustración digital empieza a tener más posibilidades. Los diferentes efectos dinámicos brindan sentimientos y experiencias completamente diferentes, sin mencionar que esta jugabilidad está en línea con la tendencia de moda actual.

3. Las ilustraciones aportan valor estético al diseño y lo hacen más fácil de aceptar.

Aunque todo el mundo está analizando y debatiendo la usabilidad y facilidad de uso del producto, todos siempre han mantenido una actitud coherente en la búsqueda de la belleza. Si un diseño es deseable y puede pasar la Parte A, los clientes y los usuarios reales es algo que todo diseñador debe afrontar y esforzarse por hacer lo mejor que pueda. Las ilustraciones bien diseñadas son más sólidas en estética y estilo, y los diseños estilizados no son menos valiosos que los materiales de diseño ya preparados.

4. Las ilustraciones permiten a los usuarios comprender y operar más rápido.

Ya sea un ícono o una ilustración grande, puede ayudar a los usuarios a comprender y saber dónde buscar y qué hacer de manera más intuitiva. Frente a las interfaces digitales actuales, la capacidad de atención de los usuarios es cada vez más corta, y las ilustraciones les permiten obtener información de forma más rápida y directa y decidir qué hacer a continuación.

5. Las ilustraciones pueden aumentar el conocimiento de la marca. En comparación con el texto, los atributos visuales de las ilustraciones son sin duda más fuertes.

El contenido personalizado proporcionado por ilustraciones gráficas puede satisfacer las necesidades de la marca desde todos los aspectos y expresar la información que la marca necesita para presentar de manera más completa. Esto también hace que las ilustraciones no sólo se utilicen en lugares obvios, como anuncios y carteles, al promocionar marcas, sino que también se conviertan en marcas.

Elementos básicos en la nueva guía de usuario y tutoriales dentro de la aplicación.

Por supuesto, no todo el mundo puede entender las técnicas de aplicación de la ilustración al diseño de la interfaz de usuario. Se puede ver que el diseño de la interfaz de usuario será más relevante para nuestra vida real en el futuro. Por supuesto, el concepto de diseño de interfaz de usuario del diseño de interacción definitivamente tendrá más aplicaciones en el futuro. ¡Ven y mejora tus habilidades!

¿Qué software puedo utilizar para dibujar en mi teléfono móvil? SketchBook, InfiniteDesign, Painter, Drawing Bar y Pippi se pueden utilizar en teléfonos móviles.

1. Sketchbook

SketchBook es un software de dibujo natural con una interfaz novedosa y conmovedora, funciones potentes y efectos realistas de imitación dibujados a mano. Las herramientas de pincel se dividen en lápices y pinceles.

Rotuladores; rotuladores

, bolígrafos de dibujo, bolígrafos de acuarela, pinceles para óleo, aerógrafos, etc. , personalice el modo de interfaz de selección.

2. Infinite Design

InfiniteDesign e InfinitePainter están diseñados por la misma persona. El software presenta lienzos ilimitados (desplazamiento, zoom y rotación), capas ilimitadas y opciones de capas: dividir, fusionar, voltear, repetir y transparente.

Cambiar de suelo

Y así sucesivamente.

3. Pintor

Los pintores tienen una pincelada completa y realista que imita la naturaleza. Está especialmente desarrollado para artistas digitales, ilustradores y fotógrafos que desean alcanzar la libertad creativa y necesitan herramientas digitales para simular la pintura tradicional. Puede recrear los efectos de los medios naturales a través de medios digitales.

4. Dibújalo.

Podrás aprender a dibujar, ya sean cómics, muñecos de palitos, bocetos o acuarelas. También puedes comunicarte directamente con amigos a través del dibujo.

5. Painted Pippi

Pippi es un software de dibujo para teléfonos móviles de nivel básico. Pippi toma la copia como punto de partida y proporciona las herramientas más simples y convenientes para que los principiantes puedan dibujar hermosas pinturas.