Aplicación de ilustraciones en APP: ¿Cómo aplicar ilustraciones al diseño de UI?
Hoy en día, cada vez hay más aplicaciones y su producción es cada vez más exquisita. Todo tipo de aplicaciones esperan diferenciarse de otras aplicaciones en diseño. mejor Sin duda, es una buena opción para atraer la atención de los usuarios y aplicar ilustraciones a la APLICACIÓN en la AppStore de iOS
11
En la AppStore de iOS 11, "Hoy" es grande. En él se utilizan varias ilustraciones, lo que brinda una experiencia completamente nueva a los usuarios.
I. ¿Por qué utilizar ilustraciones en tu aplicación?
Para aumentar el impacto visual, se puede resumir en dos palabras como "impresionante", como la APP "walkup", en la que se utilizan ilustraciones en cada página y el diseño es sumamente exquisito.
Aumente el interés y evite que la página parezca monótona y aburrida. Un ejemplo obvio es la página vacía y la página de error en la APLICACIÓN. Por ejemplo, cuando Taobao no está conectado a Internet, muestra una linda ilustración. en lugar de uno simple, mostrar texto se siente mucho mejor y reduce la ansiedad del usuario tanto como sea posible.
Al llevar más información y ser más intuitivo, esto es más obvio en los íconos. Por ejemplo, los íconos de clasificación de Baidu Nuomi adoptan un estilo realista, dando a las personas una sensación más intuitiva.
Satisfacer las necesidades emocionales de los usuarios y adoptar un diseño emocional. Esto se refleja bien en Shouzhong. Durante el Día de San Valentín chino que acaba de pasar, la ruta para correr de Shouzhong se volvió rosa y se equipó con perros y personas que todavía lo son. Los que corren durante el Día de San Valentín chino probablemente sean solteros. El significado es evidente.
II. Tipos de ilustraciones populares actualmente y sus características
Ilustraciones planas
Ilustraciones de músculos
Ilustraciones dibujadas a mano
Ilustración MBE (un maestro de la planificación estratégica creó este estilo, por eso se llama ilustración de estilo MBE)
Ilustración en degradado (a veces también llamada ilustración flash)
Ilustraciones tridimensionales ( también llamadas ilustraciones 2.5D)
Ilustraciones con pinceladas
Los siguientes son ejemplos de varias ilustraciones. Todos los ejemplos son de pinceladas.
Ilustraciones planas: las ilustraciones planas se caracterizan por su planicidad, simplicidad y claridad. Las ilustraciones planas son muy populares ahora y son el estilo más utilizado.
Ilustraciones con texturas: creo que son ilustraciones con texturas. Pertenecen a ilustraciones planas, pero sobre la base de ilustraciones planas, se agrega un nuevo estilo de ilustración.
Ilustraciones mitológicas: creo que las ilustraciones mitológicas también son un tipo de ilustraciones planas, pero necesitan aumentar el granulado. La característica más obvia de las ilustraciones mitológicas debe ser la textura, y la relación entre luces y sombras es mejor. .
Ilustraciones dibujadas a mano: Creo que esta es la más difícil y también requiere la mayor habilidad artística del diseñador. El estilo dibujado a mano tiene una amplia gama de aplicaciones y puede expresar muchas cosas. Las obras del diseñador que aparecen a continuación están llenas de interés infantil, oníricas y hermosas.
Ilustraciones MBE: sencillas, apacibles y tiernas.
Ilustración degradada: Un estilo muy bonito En el uso de colores, generalmente se utilizan colores similares y no hay demasiados tipos.
Ilustraciones tridimensionales: Como puedes ver por el nombre, la característica más importante de este tipo de ilustraciones es la tridimensionalidad, que expresa cosas tridimensionales en un espacio bidimensional.
Ilustraciones con pincelada: Además de utilizar gráficos, también puedes utilizar pinceladas, que pueden abstraer muy bien las cosas.
Ilustraciones MBE: iconos en la cocina, el estilo MBE es muy adecuado para hacer iconos
Ilustraciones en degradado e ilustraciones tridimensionales: ganchos. Junté estos dos porque una ilustración a menudo contiene ambos estilos. (Se utiliza para pancartas y temas)
Ilustraciones con pincel: Pinduoduo, NetEase Cloud Music (aplicadas a íconos y páginas de inicio)
Resumen: las ilustraciones son adecuadas para su aplicación en páginas de inicio y pancartas de APLICACIONES, temas, actualización, íconos, cuadros emergentes, imágenes de fondo, etc. ¿Cómo aplicar la ilustración en el diseño de la interfaz de usuario?
Prólogo En los últimos años, las ilustraciones han comenzado a situarse a la vanguardia de las tendencias de diseño con una fuerte actitud. No solo los pintores e ilustradores de diversos campos se han vuelto cada vez más populares, incluso la interfaz de usuario web. y los diseñadores de movimiento están aprendiendo diseño de ilustraciones. ¿Cómo aplicar el arte de 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 metáforas y elementos visuales fascinantes.
Y el arte y el diseño también necesitan utilizar metáforas para transmitir información relativamente más interesante, profunda e interesante. Esto es lo que hace que las ilustraciones sean únicas, y las metáforas que contienen hacen que el valor de las ilustraciones sea más complejo y digno de un escrutinio repetido en lugar de ser claro a simple vista.
2. Las ilustraciones digitales pueden mejorar la interactividad.
Este es el beneficio de la digitalización aplicada en videos cortos. A través de diferentes software digitales y un procesamiento razonable, no solo puede volverse dinámica, utilizada en videos. y también se pueden utilizar como microinteracciones para mejorar la experiencia general del producto. Una vez que se involucran efectos dinámicos y videos cortos, toda la ilustración digital comienza a tener más posibilidades. Diferentes efectos dinámicos pueden traer sentimientos y experiencias completamente diferentes, sin mencionar que este tipo de juego está en línea con la tendencia actual.
3. Las ilustraciones dan 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, la búsqueda de la belleza siempre sigue siendo una actitud consistente. Si un diseño es deseable y puede pasar la inspección de 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 tridimensionales en belleza y estilo, y el valor del diseño estilizado no es menor que el que proporcionan los materiales de diseño ya preparados.
4. Las ilustraciones permiten a los usuarios comprender y operar más rápido
Los íconos y las ilustraciones grandes pueden ayudar a los usuarios a comprender y saber dónde mirar y qué hacer de manera más intuitiva. En las interfaces digitales actuales, donde la capacidad de atención de los usuarios es cada vez más corta, las ilustraciones les permiten acceder a la información de forma más rápida y directa y decidir qué hacer a continuación.
5. Las ilustraciones pueden mejorar el reconocimiento 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 las ilustraciones gráficas satisface las necesidades de la marca en todos los aspectos. Expresa mejor la información que la marca necesita presentar. Esto hace que las ilustraciones no sólo sean una parte obvia de la marca, como anuncios y carteles, sino también un elemento importante de nuevas guías de usuario y tutoriales en aplicaciones de marca.
Esta es la técnica de aplicar el arte de la ilustración al diseño de la interfaz de usuario. Por supuesto, no todos pueden entenderla. Se puede ver que el diseño de la interfaz de usuario estará cada vez más conectado con nuestra vida real. Diseño de interacción El concepto de diseño de interfaz de usuario tendrá más aplicaciones en el futuro, ¡así que apúrate y mejora tus habilidades! ¿Cuáles son los programas que pueden dibujar en teléfonos móviles?
Los programas que pueden dibujar en teléfonos móviles incluyen SketchBook, InfiniteDesign, Painter, Huaba y Huapipi.
1. SketchBook
SketchBook es un software de pintura con una interfaz novedosa y atractiva, funciones potentes y efectos realistas pintados a mano. Las herramientas de pincel se dividen en lápices, pinceles y pinceles.
Marcadores
, rotuladores, rotuladores de acuarela, pinceles para óleo, aerógrafos, etc. Puede personalizar el modo de interfaz.
2. InfiniteDesign
El autor del diseño de InfiniteDesign y "InfinitePainter Infinity Brush" es la misma persona. Este software tiene lienzos ilimitados (panorámica, zoom, rotación), capas y opciones de capas ilimitadas. : Dividir, fusionar, voltear, repetir, transparente
Transformar capas
y otras funciones.
3. Pintor (pincel)
El pintor imita los pinceles naturales de forma completa y realista. Fue desarrollado para artistas digitales, ilustradores y fotógrafos que desean libertad creativa y necesitan herramientas digitales para emular la pintura tradicional. Puede replicar los efectos de los medios naturales a través de medios digitales.
4. Barra de pintura
Puedes aprender a pintar en la barra de pintura, ya sean dibujos animados, bocetos, bocetos o acuarelas. También puedes comunicarte directamente con tus amigos a través del dibujo.
5. Huapi
Huapi es un software de pintura móvil de nivel básico que puede comenzar a copiar. Proporciona las herramientas más simples y convenientes para que los principiantes puedan dibujar hermosas pinturas.