Ilustración
Estilo y criterios de construcción para las ilustraciones del sistema Malta.
Las ilustraciones en una interfaz de usuario tienen múltiples funciones, como
comunicar visualmente información, reforzar la identidad de la marca, atraer y
diferenciar visualmente, guiar la interacción y la navegación, y simplificar la
información y hacer más cercano o humana la experiencia del usuario. El uso
estratégico de las ilustraciones puede mejorar la estética, la comprensión y la
experiencia global de los usuarios en una interfaz.
Estas son algunas funciones principales de las ilustraciones en la interfaz de
usuario:
- Comunicación: Las ilustraciones pueden comunicar información o conceptos de manera visualmente atractiva y fácil de entender. Pueden transmitir mensajes, ideas o instrucciones de forma más clara y concisa que el texto o las explicaciones verbales. Las ilustraciones pueden utilizarse para representar conceptos abstractos, procesos complejos o datos estadísticos de una manera visualmente atractiva y comprensible.
- Identidad: Las ilustraciones pueden ayudar a establecer y reforzar la identidad de la marca AIEP en la interfaz. Mediante el uso de ilustraciones que reflejen el estilo visual y la personalidad de la marca, se puede crear una coherencia y reconocimiento visual entre diferentes productos o plataformas. Las ilustraciones también pueden ayudar a transmitir los valores y el tono de la marca, creando una conexión emocional con los usuarios.
- Diferenciación: Las ilustraciones pueden hacer que una interfaz sea visualmente atractiva y diferenciarse de otras interfaces similares. Las imágenes ilustrativas y creativas pueden captar la atención del usuario y hacer que la interfaz sea más memorable. Esto puede ayudar a destacar una aplicación o sitio web y mejorar la experiencia general del usuario.
- Navegación: Las ilustraciones pueden ser utilizadas para guiar al usuario en la interacción y la navegación por la interfaz. Pueden servir como indicadores visuales para resaltar áreas interactivas, como botones, enlaces o elementos deslizantes. Las ilustraciones también pueden ayudar a proporcionar retroalimentación visual durante las acciones del usuario, como mostrar un icono de carga o un estado de progreso o confirmar un flujo final.
- Simplificar: Las ilustraciones pueden ayudar a simplificar la información y hacerla más accesible para los usuarios. Pueden condensar información compleja en visualizaciones gráficas más digeribles, lo que facilita la comprensión y el procesamiento de la información por parte de los usuarios. Las ilustraciones también pueden ayudar a romper la monotonía visual de bloques de texto y hacer que la experiencia del usuario sea más agradable y atractiva.
Iniciando una ilustración
Para comenzar a ilustrar y componer un elemento o grupos de elementos, es importante
tener en consideración:
- Contexto: Comprender en que ayudará la ilustración a mejorar la experiencia del usuario para que la ilustración complemente y simplifique la experiencia.
- Simple: Mantenlo simple, con menor cantidad de elementos para comunicar una idea o un mensaje. Si necesitas crear una composición de varios elementos para transmitir la idea, utiliza la grilla como base para que los objetos tengan proporciones similares y lograr un resultado unificado con el sistema.
- Esencial: Si necesitas ilustrar un objeto físico o una interfaz digital, se debe lograr las abstracción máxima del objeto sin perder comprensión del mismo, utilización en su construcción figuras geométricas básicas como círculos, rectángulos, cuadrados y triángulos unificará todo el ecosistema de ilustraciones.
- Colores: En una composición es importante utilizar una gama de colores equilibrada y reducida, considerando todos los matices que se proporcionan en la pagina de Colores, sección estilos.
- Inclusión: Para ilustrar personas, considera un amplio rango de razas, estilos y edades, esto se puede ver reflejado en los colores de piel, pelo, ropa, entre otros elementos que permitan considerar una amplia gama de personas.
Para iniciar las ilustraciones puede comenzar utilizando el archivo Ilustrator como pauta. Acá encontraras los personajes, algunos objetos ilustrados y la grilla de construcción.
