Iniciar sesión / Registrar Cuenta
Jump to section

Las ilustraciones nos permiten contar historias conceptuales y abiertas de manera llamativa, como no es posible hacerlo con las fotografías o los íconos. Además, también las empleamos para describir ideas con varios matices de forma auténtica.

Tipos de ilustraciones

Ilustraciones en miniatura
Transmiten un concepto único y se utilizan para acompañar un encabezado o texto. Su diseño es un poco más complejo que el de los íconos. Son de color rojo y tienen textura de puntos.

Ilustraciones conceptuales
Ayudan a transmitir una idea o contar una historia a pequeña o mediana escala, y se utilizan con un texto de apoyo. Son más complejas y usan una paleta de 3 a 7 colores.

Cuándo usar las ilustraciones

Use las ilustraciones cuando el tema sea demasiado complejo o abstracto como para entenderlo de otra forma, y cuando los íconos o diagramas sean demasiado técnicos. Si bien los diagramas y las tablas son útiles para presentar los datos, las ilustraciones desarrollan una estructura narrativa o demuestran un concepto. Además, son adecuadas para las animaciones y los gráficos dinámicos, los cuales emplean el mismo estilo visual.

A la hora de diseñar una ilustración, debemos asegurarnos de que sea:

Activa, no pasiva.
Las ilustraciones deben mostrar movimiento y actividad. Las que incluyen personas deben ser dinámicas, no rígidas ni estáticas.

Profesional, no extravagante.
Nuestro estilo es refinado y se ajusta a la naturaleza compleja de nuestros productos. No nos mostramos demasiado adorables, caricaturescos ni infantiles.

Informativa, no decorativa.
Nuestras ilustraciones deben captar la atención de una audiencia empresarial con conocimientos de software, no solo del público general.

Abierta, no cerrada.
Las buenas ideas provienen de todos lados, gracias a la gran diversidad de personas y pensamientos. Evitamos la representación homogénea y tradicional de la empresa.

Uso de los colores en las ilustraciones

Para nuestras ilustraciones, usamos una paleta limitada de colores. Elija los colores de la paleta de colores de nuestra marca para crear el tono de su mensaje. Estas pueden ser básicas (uno o dos colores) o complejas (cinco colores o más).

Pocos colores
Estas paletas son ideales para la mayoría de las ilustraciones de la marca. Elija colores con mucho contraste y use texturas para agregar profundidad y volumen.

Varios colores
Estas paletas de colores vivos son ideales para ilustraciones que buscan llamar la atención. Elija colores con cierta armonía entre ellos y no use texturas.

Elija un conjunto limitado de colores de nuestra paleta.

No intente usar otros colores solo para que parezca real.

Luces y sombras

Todas las ilustraciones deben tener una fuente de luz clara. Utilice diferentes matices y tonalidades para crear luces y sombras.

 

La luz proviene de la esquina superior derecha, así que las sombras se proyectan hacia la izquierda. Las sombras deben recaer sobre los objetos de manera natural y orgánica.

 

Use las sombras para mostrar que los objetos tienen cuerpo y profundidad.

 

Juegue con las luces y las sombras para ocultar los detalles innecesarios.

 

Use matices más oscuros que se correspondan con la paleta general de colores.

Ubique y utilice una sola fuente de luz.

image

No mezcle diferentes fuentes de luz.

Contraste
Use colores con un gran contraste entre ellos. Los colores brillantes llaman la atención, y los colores menos saturados añaden profundidad. Use este contraste para separar el objeto del fondo.

 

Texturas
El estilo de nuestras ilustraciones tiene dos patrones de texturas. Utilícelas para resaltar las ilustraciones de un solo color o con pocos colores. No use las texturas para rellenar los fondos o cubrir grandes áreas, de esta manera la ilustración lucirá más ordenada y clara.

En las ilustraciones con pocos colores, use las texturas para resaltar ciertas áreas.

No utilice las texturas para rellenar los fondos ni cubrir grandes áreas.

Diversidad e inclusión

La diversidad y la inclusión son una parte importante de nuestro proceso de diseño de ilustraciones. Nos aseguramos de que otras personas las revisen: diseñadores, compañeros y comunidades dedicadas a la diversidad e inclusión de Red Hat®. Para transmitir un mensaje intencional y meditado, nos tomamos el tiempo de investigar, escuchar y realizar los ajustes necesarios. Con nuestras ilustraciones, buscamos mostrar a quienes han sido marginados por su apariencia, aptitudes o identidad.

Inspírese en gente real para diseñar sus ilustraciones, y use las fotografías como referencia.

Nuestras ilustraciones reflejan que todos los seres humanos son distintos y que en nuestra empresa celebramos esas diferencias. Para evitar posibles prejuicios y estereotipos, nos basamos en fotografías de personas reales, no en nuestras ideas de cómo son las personas. No hay lugar para las equivocaciones. Si no tenemos tiempo suficiente para los pasos previos, elegimos una solución alternativa que no incluya ilustraciones de personas. Para representar la diversidad de la comunidad, nuestras ilustraciones reflejan el mundo tal cual es.

Cree una estructura y rasgos faciales realistas.

No diseñe personas demasiado simplificadas y redondeadas.

Use personas reales como referencia y aplique un estilo acorde a nuestra marca.

No cree ilustraciones de personas calcadas exactamente de una fotografía.

Use algunas referencias para ilustrar a las personas en poses naturales y auténticas.

No utilice diseños demasiado sencillos, ya que esto hará que las personas luzcan rígidas y poco realistas.

Refleje la diversidad y aplique detalles como prendas y accesorios para añadir personalidad.

Evite ilustrar personas que se vean todas iguales o que parezca que no tienen un propósito.

Tonos de piel
Los tonos de piel deben ser uniformes e incluir a todo nuestro público variado, ya sea que se trate de una sola ilustración o de un conjunto de ellas. Utilice tonalidades y matices de rojo y anaranjado para los tonos de piel, pero no los más saturados. Asegúrese de que el color que use para el tono de piel se ajuste al resto de la imagen. Por ejemplo, utilice un tono de piel con base en el color rojo en ilustraciones que tengan realces en ese color. Cuando realice ilustraciones monocromáticas, use el color del fondo para todos los tonos de piel, en lugar de emplear rellenos o texturas.

Tonos de piel rojizos

Tonos de piel anaranjados

En las ilustraciones monocromáticas, utilice el color del fondo para todos los tonos de piel.

No utilice rellenos ni texturas para los tonos de piel de las ilustraciones monocromáticas.