La diferencia entre ilustración y UI: cómo entender el diseño de UI de ilustraciones generadas por computadora
Si estás interesado en la interfaz de usuario, te sugiero que te conviertas en ilustrador. Porque aunque mucha gente recibe mucho dinero de facturas comerciales, solo te puedes mostrar esa parte pero hay muchísima gente en el mundo que aprende a pintar cada año; ¿Qué pasa con la gran mayoría de personas que no pueden conseguir manuscritos comerciales y no pueden ganar dinero con las ilustraciones? No puedes verlo, así que si no puedes oír el viento, está lloviendo.
Aunque la ilustración tiene más barreras que el diseño de UI, también requiere más talento. Le dije a un amigo que pintar es una técnica metodológica que se puede aprender con tiempo y energía. Pero el arte requiere talento. A veces, no sabes la importancia del talento hasta que lo intentas. Aunque la ilustración comercial está sesgada hacia los negocios, también requiere una experiencia emocional muy profunda de la vida y un pensamiento perceptivo muy agudo. Incluso si algunas personas dominan excelentes habilidades de pintura, es posible que no posean estas dos cosas.
Por supuesto, no dudo de tu talento en la ilustración. Solo sugiero que si todavía estás interesado en la interfaz de usuario y el diseño, hacer diseño de interfaz de usuario no te impide aprender ilustración y convertirte en un gran ilustrador. e ilustraciones agregarán valor al nivel de diseño de su interfaz de usuario. Pero si eliges ser ilustrador porque anhelas la libertad, es probable que la libertad te atrape en el futuro.
O puedes considerar convertirte en ilustrador independiente después de convertirte en un excelente ilustrador~
¿Cómo entender el diseño de interfaz de usuario de ilustraciones generadas por computadora? Hola compañeros de clase. El diseño de UI se encuentra principalmente dentro del alcance del diseño gráfico, principalmente algunos carteles, empaques de productos, diseño de interfaces, etc. Aunque la ilustración también es 2D, sigue siendo diferente del diseño gráfico. Las ilustraciones son principalmente obras directas, como pinturas originales, ilustraciones infantiles, ilustraciones japonesas, ilustraciones europeas y americanas, etc. Soy ilustrador de Blue Pencil. Espero que mi respuesta te sea útil. Por qué la habilidad adicional de los diseñadores de UI es que los ilustradores son criaturas muy visuales y pueden procesar grandes cantidades de información visual en tiempo real. Según las estadísticas, el 90% de la información que obtenemos es visual. Una imagen es más fácil de digerir y absorber para los usuarios que un largo párrafo de texto.
Así, en muchos casos, las imágenes estáticas pueden transmitir ideas bastante complejas y diversas, especialmente cuando se muestran a gran escala, que son mucho más expresivas que el texto. El cerebro humano procesa información de imágenes mucho más rápido de lo que puede reconocer texto.
Durante mucho tiempo, las imágenes han sido el elemento más expresivo en la interfaz de usuario. En los últimos años, las ilustraciones han aparecido en una proporción cada vez mayor en la interfaz de usuario y existe una tendencia a reemplazar las imágenes en muchos lugares. De hecho, el motivo no es complicado. Las ilustraciones son más controlables que las imágenes, lo que hace que sea más fácil ser creativo, crear una atmósfera y transmitir información. Desde el contenido hasta los detalles técnicos, las ilustraciones van más allá de las imágenes ya hechas.
Características de las ilustraciones
De hecho, el significado original de las ilustraciones, raíz de lo que ahora llamamos ilustraciones, es "aclaración y explicación". En el diseño gráfico moderno, las ilustraciones son elementos de visualización comunes y una herramienta importante para la comunicación visual. Las ilustraciones se utilizan a menudo en trabajos de diseño para guiar, inspirar y presentar información, y para comunicarse con los usuarios de una manera más específica e intuitiva. Una ilustración verdaderamente eficaz debe estar dirigida a un público objetivo, ser fácilmente identificable y fácilmente comprendida por diferentes usuarios.
Para maximizar el valor de las ilustraciones para los usuarios, puede consultar los siguientes cuatro ejemplos:
1. Ilustraciones de la página de inicio
Un buen diseño web tiene una Gran impacto en los usuarios potenciales. Gran impacto. Cuando muchos usuarios juzgan la calidad de una empresa, equipo o marca, la calidad de su sitio web es un criterio importante. Es por eso que los diseñadores web actuales hacen todo lo posible para mejorar la experiencia del usuario de las páginas web.
A estas alturas, las páginas web son iguales que el mundo real. Una buena primera impresión a menudo proviene de excelentes efectos visuales. Involucra a los usuarios, estimula su imaginación y construye una relación íntima con ellos. Este es el valor de las ilustraciones únicas y vívidas, especialmente cuando estas ilustraciones únicas se muestran en la página de inicio de la página con la tasa de apertura más alta. Las ilustraciones que coinciden con el espíritu de la marca no solo pueden ayudar a los usuarios a visualizar el sitio web, sino que también fortalecen los atributos de la marca.
2. Mascota
El mejor lugar para empezar con las emociones y el temperamento que transmite la marca es el portavoz de la marca y su mascota. Las mascotas pueden hacer que el tono de una marca virtual sea más real. Las mascotas sirven como representación externa de una marca, haciéndola sentir más confiable y atractiva.
Las mascotas vienen en muchas formas. En las páginas web suelen aparecer como ilustraciones. La aparición de mascotas en la interfaz de usuario puede dinamizar la interacción de la interfaz, mantener la atención continua de los usuarios, convertirse en un elemento importante que no se puede ignorar en toda la experiencia del usuario y mejorar el sentido general de participación.
En la actualidad, el proveedor de servicios de correo electrónico Mailchimp puede ser el caso más exitoso en el uso de mascotas para mejorar la experiencia del usuario. En cada página de Mailchimp, Freddy, la mascota chimpancé, juega un papel diferente, lo cual es tan divertido que incluso reemplaza un elemento para mejorar la interacción. Su existencia ha mejorado enormemente la experiencia de Mailchimp y la permanencia del usuario.
Una gran mascota es la base de una experiencia de usuario positiva.
3. Tutorial para principiantes y proceso de guía para nuevos usuarios
Otra función importante de las ilustraciones es proporcionar orientación visual. Las ilustraciones pueden simplificar conceptos complejos y convertirlos en información visual fácil de entender. Las imágenes hablan más que las palabras, razón por la cual las ilustraciones se utilizan a menudo en tutoriales para principiantes y en guías para nuevos usuarios.
Los tutoriales para principiantes y los procesos de orientación para nuevos usuarios suelen presentar las principales funciones y ventajas de una aplicación o página web. Las ilustraciones brindan a los usuarios un entorno contextual en forma de gráficos, lo que hace que la información que se transmitirá en la interfaz sea más clara y ayuda a los usuarios a comprender cómo realizar el paso actual y cómo pasar al siguiente.
Cuando una página o aplicación adopta un diseño minimalista, la interfaz se combina con ilustraciones sencillas para transmitir información clave sin utilizar demasiado texto.
Las ilustraciones atractivas y las potentes funciones interactivas pueden hacer que los usuarios que acaban de ingresar al nuevo proceso de guía del usuario se interesen en la aplicación. Los usuarios que se sientan felices con ella estarán más ansiosos por usar la aplicación. En este momento, las ilustraciones y los efectos dinámicos se suelen utilizar juntos para maximizar el efecto.
Utiliza ilustraciones para convertir un tutorial largo y aburrido en un viaje divertido. En comparación con las complicadas descripciones de texto, las imágenes, ilustraciones y efectos dinámicos son más fáciles de absorber y comprender para los usuarios. Incluso si no sabes dibujar ilustraciones complejas, los cómics simples pueden lograr efectos similares.
4. Ilustraciones de la interfaz de recompensas
La gente de nuestra generación debería tener algún contacto con los juegos, o incluso estar muy familiarizado con ellos. Casi todos los juegos tendrán una interfaz de recompensa después de alcanzar logros y superar niveles. De ahí proviene el término "logros desbloqueados". ¿Por qué es tan importante para los usuarios desbloquear logros?
Por un lado, la sensación de logro que genera el intenso proceso del juego hace felices a los usuarios; por otro lado, desbloquear la interfaz de recompensa por logros puede darles a los usuarios la sensación de que personas reales detrás de la pantalla los están celebrando. . Esta es una interacción emocional.
El núcleo del mecanismo de recompensa es establecer conexiones emocionales a través de una estimulación emocional positiva. Este tipo de estímulo emocional positivo pertenece estrictamente a la categoría de diseño emocional. La guía emocional permitirá a los usuarios centrarse en lo que quieren ver o lo que quieren ver, y los usuarios pueden incluso ignorar algunas fallas de la aplicación.
Las insignias de logros son el elemento más común en los sistemas de logros. Una serie de íconos de insignias, juegos e interacciones de usuario bellamente diseñados pueden hacer que los usuarios se vuelvan gradualmente adictos al sistema.
Las hermosas ilustraciones en páginas exitosas pueden hacer que tus usuarios se sientan valorados.
Etiquetas
Las ilustraciones mejoran objetivamente la experiencia del usuario y son una poderosa herramienta para mejorar el atractivo de la interfaz de usuario. Aunque no existen muchas reglas estrictas y rápidas para el uso de ilustraciones, hay una cosa que debes recordar: garantizar la usabilidad de las ilustraciones. Las ilustraciones eventualmente se aplican a los productos y se convierten en parte del producto y la marca.