Guías · 5 min de lectura

Las reglas del estilo de iconos de Odoo 17+

Formas planas, solapamiento de color, paleta y equilibrio: lo que hace que un icono parezca nativo en el menú de aplicaciones de Odoo.

Desde Odoo 17 los iconos de aplicaciones comparten un lenguaje visual muy reconocible. Estas son las reglas que lo definen, medidas sobre los iconos de la edición Community.

Ejemplos originales creados con Iconforge siguiendo estas reglas.

1. Formas planas, sin recuadro

Rectángulos con esquinas redondeadas (a menudo una esquina recta y las demás redondas), círculos, semicírculos, arcos, triángulos y diagonales. Sin trazos, sin degradados, sin sombras y sin texto. El contenido va a sangre (toca los bordes del lienzo) o deja un margen pequeño y constante.

2. El solapamiento es la firma

Donde dos formas se cruzan aparece un tercer color, más oscuro, en lugar de transparencia. Es lo que más distingue un icono «de Odoo» de uno plano genérico: en el globo de diálogo de arriba, la zona común de los dos globos es un morado más profundo.

3. Paleta cerrada

Amarillos y naranjas cálidos, rosas, morados, turquesas, verdes y azules, cada uno con su tono oscuro de solapamiento. Un icono usa dos o tres familias de color como máximo; el blanco solo aparece en símbolos pequeños (un check, un más, un rayo).

4. Pocas piezas y una sola idea

Entre dos y cinco formas. Una metáfora reconocible reducida a su silueta: un sobre, un maletín, un globo de diálogo. Si necesita explicación, sobra detalle.

5. Equilibrio y legibilidad a 32 px

En el menú el icono se ve pequeño. Ningún detalle debería medir menos de un 6 % del lado, la figura debe ocupar aproximadamente entre un tercio y dos tercios del lienzo y su peso visual debe quedar centrado.

Lo que no conviene hacer

• Copiar un icono oficial o un logotipo de marca: Odoo y las marcas de terceros tienen sus derechos.
• Usar colores fuera de la paleta: el icono «desentona» al lado de los demás.
• Meter texto o siglas: a 32 px son ilegibles.