Saltar al contenido

El proceso de un logo, de la auditoría a la entrega

Las cinco etapas de un proyecto de logo tal como las trabajamos: auditoría, restricciones, boceto y reducción, pruebas a tamaño real y matriz de archivos. El entregable es la documentación, no el dibujo.

Por Mike Fernández — Creative Director 5 min de lectura
Un portaminas sobre un cuaderno de espiral lleno de bocetos pequeños dibujados a tamaño de miniatura.
Primero volumen: decenas de miniaturas a 20 mm obligan a decidir estructura antes de añadir detalle. Foto: Tima Miroshnichenko / Pexels.
Contenido

Actualizado el 6 de noviembre de 2024 — se añaden el criterio de tamaño de objetivo de WCAG 2.2, la fecha del Acta Europea de Accesibilidad y el icono para modo oscuro.

Un proyecto de logo tiene cinco etapas: auditar lo que existe, convertir el posicionamiento en restricciones de dibujo, bocetar y reducir, probar a tamaño real y en contexto, y producir variantes a color y a un tinta dentro de una matriz documentada. El entregable es la documentación. El dibujo es un archivo dentro de ella.

Puntos clave

  • La auditoría empieza por la reproducción, no por el gusto: cada superficie donde aparece la marca y donde ya falla.
  • Las restricciones se escriben antes de bocetar: tamaño mínimo, un tinta, conjunto de confusión y los contextos que el estudio no controla.
  • Los masters salen en SVG, Recomendación del W3C desde el 16 de agosto de 2011, con exportaciones ráster a tamaños fijos (W3C).
  • WCAG 2.1 exime al logotipo del contraste no textual de 3:1, así que la guía debe cubrir la interfaz que lo rodea (W3C).

Primero la auditoría, y qué produce

Reúne las aplicaciones existentes antes de abrir una herramienta de dibujo: señalética fotografiada in situ, packaging, facturas, favicon, avatar social, rotulación, bordados. El inventario suele ser más largo de lo que el cliente espera y contiene tres o cuatro redibujados no autorizados.

Diagrama de proceso en cuatro etapas: auditoría, hoja de restricciones, boceto y reducción, y prueba y entrega.
Los proyectos se alargan en la última etapa: es donde aparecen las aplicaciones que nadie definió.

Después revisa el registro, buscando marcas de la categoría con la misma estructura figurativa.

La Clasificación de Viena de la OMPI ordena los elementos figurativos de las marcas en 29 categorías, de lo general a lo particular. Unas 60 oficinas, entre ellas la EUIPO, codifican con ella las marcas registradas, lo que sirve para acotar una búsqueda por categoría. Fuente: OMPI.

La salida es una hoja de restricciones de una página: tamaño mínimo en milímetros y píxeles, métodos exigidos, conjunto de confusión por nombre y aplicaciones a redibujar el primer día. Responde a lo que debería haber preguntado el briefing y fija el alcance que cotizas.

Bocetar y después reducir

Primero volumen: decenas de miniaturas a 20 mm, a lápiz o en vector plano, sin color. Dibujar pequeño obliga a decidir estructura y esconde el detalle que luego falla.

La reducción es la segunda pasada y la que importa. Quita un trazo; si la marca se sigue leyendo, era decoración. Repite hasta que quitar algo rompa el reconocimiento. Una marca que se redibuja de memoria a los diez segundos ha pasado una prueba que ninguna presentación sustituye: es el trabajo de compresión para el que existe.

Probar a tamaño y en contexto

Rasteriza a 16 píxeles y mira el bitmap, no el vector. Imprime al tamaño mínimo real sobre el sustrato del cliente. Colócala en una cabecera, en una ficha de marketplace y junto a las marcas con las que convivirá.

La colocación forma parte de la prueba, no es una decisión de maquetación posterior. El lockup tiene que funcionar donde el usuario lo espera.

Nielsen Norman Group probó con 128 participantes webs de hoteles con el logo arriba a la izquierda o a la derecha. El recuerdo medio de marca fue del 39 % a la izquierda y del 21 % a la derecha. Fuente: Nielsen Norman Group, 21 de febrero de 2016.

Color, un tinta y la matriz de archivos

Especifica el color por espacio, no con un hexadecimal que viaja a todas partes. Pantalla en sRGB, normalizado en IEC 61966-2-1:1999; la impresión lleva valores propios, comprobados sobre el papel del cliente y no convertidos de forma automática.

Muestrarios de color impresos abiertos en abanico sobre una mesa, la referencia para comprobar los valores sobre papel real.
Los valores de pantalla se especifican en sRGB; la impresión lleva valores propios, comprobados sobre el papel del cliente. Foto: Erik Mclean / Pexels.

La matriz es corta: masters SVG por variante, PNG a los tamaños que el cliente usa, un vectorial para imprenta, un set de favicon, un avatar cuadrado, y versiones a un tinta y en negativo. El SVG pesa menos que el ráster equivalente, algo que cuenta donde se mide el comportamiento de carga.

Qué entra en la entrega

El documento es el entregable. Fija el área de respeto como proporción de un elemento de la marca, los tamaños mínimos por medio, los usos incorrectos en imágenes, los valores de color por espacio y una convención de nombres.

También cubre la interfaz alrededor. El logotipo está exento del contraste no textual de 3:1; la cabecera, los botones y los iconos, no. En la UE, EN 301 549 V3.2.1, de marzo de 2021, remite el web del sector público a WCAG 2.1 nivel AA. Dejarlo escrito evita la discusión posterior, por la misma razón por la que cotizamos alcance y no horas.

Qué cambió en esta actualización

Dos cosas se han movido desde 2021. WCAG 2.2 pasó a Recomendación del W3C el 5 de octubre de 2023 y añadió el criterio 2.5.8, Tamaño del objetivo (mínimo), nivel AA: objetivos de puntero de al menos 24 por 24 píxeles CSS salvo excepciones de espaciado. Un logo que enlaza a la portada es uno. Y la Directiva (UE) 2019/882 obliga a aplicar sus medidas desde el 28 de junio de 2025, con el comercio electrónico incluido.

Por eso la matriz ya incluye un icono oscuro. Los navegadores soportan `prefers-color-scheme` desde 2019, y ese par entra junto a los tokens que llevan el color al código y al sistema de marca para pantalla.

Preguntas frecuentes

¿Cuánto dura un proyecto de logo?

Planifica por etapas, no por semanas. La auditoría y las restricciones llevan más de lo previsto porque el inventario se recoge en campo. El boceto y la reducción son rápidos. El proyecto se alarga en las pruebas y la documentación: ahí aparecen las aplicaciones no definidas.

¿Qué formatos debe recibir el cliente?

Masters SVG por variante, PNG a los tamaños en uso, un vectorial para imprenta, un set de favicon y un avatar cuadrado. Todo a color, a un tinta y en negativo. Lo demás son derivados que el cliente genera desde los masters.

¿Hace falta una búsqueda de marcas antes de diseñar?

Haz una revisión estructural pronto y una búsqueda formal antes de cerrar la marca. Codificar el boceto contra las categorías de Viena del sector muestra conflictos cuando cambiar de rumbo todavía es barato y no ha costado semanas. La comprobación formal es trabajo legal y corresponde a un profesional.

Qué hacer a continuación

Haz la auditoría antes de fijar precio: el inventario determina el alcance real. Escribe la hoja de restricciones, hazla firmar y trata la reducción como el objetivo del proyecto, no como limpieza final. Mantén el catálogo al día, para que dentro de seis meses se vea qué superficies se desviaron y si la documentación era lo bastante concreta.

Compartir en

Lectura relacionada

Construyamos lo que sigue.

Creamos marcas, productos y experiencias que impulsan tu negocio.

Iniciar un proyecto
we are ONE

ONE News. Qué construimos y cómo escala.

Ideas directas y prácticas sobre marca, tecnología y rendimiento digital

Más de 1000 suscriptores

Al suscribirte, aceptas los Términos de Uso y la Política de Privacidad de Onetouch.

Iniciemos juntos un nuevo caso de estudio

01.

¿Qué necesitas?

02.

Tu presupuesto es...

03.

¿Tienes una fecha límite específica?

04.

¡Adjunta un brief del proyecto si quieres!

¡Adjunta un brief del proyecto si quieres!

05.

Sobre ti...