La versión corta
- Un logotipo con degradado funciona mejor en pantallas, a tamaños medios y grandes, y con una forma sencilla y contundente.
- Todo logotipo con degradado necesita una versión plana de un solo color para tamaños pequeños, impresión a un color, bordado, grabado y sellos.
- Los degradados de logotipo se leen mejor como mezclas cortas entre tonos vecinos de luminosidad parecida, que siguen vivas cuando el logotipo es pequeño.
- Diseña primero el logotipo en negro sólido; si la forma no funciona en plano, un degradado no la salvará.
- Muchas marcas mantienen el logotipo plano y ponen el degradado en sus fondos, lo que da la misma energía con menos puntos de fallo.
En esta página
Un logotipo con degradado funciona cuando el logotipo vive sobre todo en pantallas, aparece a tamaños medios o grandes y tiene una forma contundente y sencilla que se sigue leyendo en un solo color plano. Sufre a tamaños diminutos, en impresión a un color, en bordados y donde el color es limitado. La regla es simple: un logotipo con degradado sirve como versión principal, pero siempre debes tener una versión plana, y la forma tiene que funcionar antes sin el degradado.
Los logotipos con degradado se hicieron comunes cuando las marcas empezaron a diseñar primero para el móvil, donde el color brilla y las pantallas reproducen bien las mezclas. Nuestro repaso de los logotipos famosos con degradado reúne los ejemplos conocidos. Esta guía trata de decidir si tu logotipo debería serlo y de hacerlo bien si es así.
Cuándo funciona un logotipo con degradado
Un degradado se gana su lugar en un logotipo cuando aporta algo que un color plano no puede: una sensación de luz, de movimiento o de varias cosas que se unen. Funciona mejor en estas condiciones.
- Primero pantallas. Iconos de app, webs, avatares sociales y vídeo, donde el color está retroiluminado y las mezclas se renderizan con suavidad.
- Tamaños medios y grandes. Una mezcla necesita espacio; a unos pocos milímetros de ancho se lee como un solo color turbio.
- Formas simples y sólidas. Un círculo, una letra gruesa o un símbolo robusto dan al degradado una superficie por la que viajar. Las líneas finas no le dejan sitio.
- Dos o tres colores cercanos. Las mezclas cortas entre tonos vecinos se mantienen vivas. Los recorridos largos por el círculo cromático se vuelven grises en el medio.
- Una marca que ya usa degradados. Entonces el logotipo repite el lenguaje del resto de la identidad en lugar de ser la única mezcla a la vista.
Dónde se rompen los logotipos con degradado
La mayoría de los sitios donde aparece un logotipo no son una pantalla de móvil. Antes de decidirte, haz una lista de dónde irá realmente tu logotipo y comprueba cada uno con esta tabla.
| Dónde | Qué le pasa a un degradado | Qué usar en su lugar |
|---|---|---|
| Icono de la pestaña del navegador | Demasiado pequeño para ver la mezcla; se lee como una mancha | Símbolo plano en un color |
| Impresión a un color, sellos, tickets | No se puede imprimir en absoluto | Negro sólido o una sola tinta |
| Bordado y etiquetas tejidas | El hilo no puede mezclarse con suavidad | Versión plana en uno o dos colores de hilo |
| Grabado láser, relieve | Ningún color | Solo la forma |
| Impresión pequeña (tarjetas de visita, etiquetas) | Las mezclas pueden formar bandas o verse con manchas | Color plano, o un degradado corto probado en impresión |
| Sobre un fondo de degradado | Dos mezclas se pelean entre sí | Versión monocroma blanca u oscura |
Imprimir no es imposible, solo exigente. Los degradados para impresión explican cómo conseguir mezclas suaves en papel. Y para la última fila, mira cómo poner un logotipo sobre un fondo de degradado.
Cómo diseñar un logotipo con degradado que aguante
- 1
Diseña la forma en negro sólido
Todo logotipo debe funcionar primero como silueta. Si no se reconoce en negro sobre blanco a tamaño pequeño, un degradado solo esconderá el problema.
- 2
Elige una mezcla corta
Escoge dos o tres tonos vecinos de luminosidad parecida. Prueba el punto medio: si se ve gris o marrón, mueve un color o añade una parada intermedia.
- 3
Decide la dirección a propósito
Las mezclas diagonales de arriba a la izquierda a abajo a la derecha son las más comunes. Una dirección que coincida con la forma, como de abajo arriba para algo que se eleva, da al degradado una razón de estar ahí.
- 4
Elige el color plano de reserva
Escoge un color sólido de la mezcla, a menudo cerca del punto medio, que la gente lea como la misma marca. Es el color para tamaños pequeños y usos de un solo color.
- 5
Haz el conjunto completo
Degradado, color plano, monocromo blanco y monocromo negro. Prueba cada uno a tamaño de avatar, sobre fondos oscuros y claros, e impreso.
- 6
Deja las reglas por escrito
Anota las paradas exactas, el ángulo y el color de reserva en tu guía de estilo de marca para que nadie reconstruya el degradado a ojo.
Logotipo con degradado o fondo con degradado
Muchas marcas obtienen el beneficio del degradado sin ponerlo en el logotipo. El logotipo se queda plano y nítido, y el degradado vive en los fondos de los posts, los envases y la web. El logotipo nunca tiene que pelear con los tamaños pequeños ni con los límites de la impresión, y el degradado sigue siendo parte de cómo te reconoce la gente. El degradado como marca profundiza en este enfoque.
Un logotipo tipográfico blanco y plano con el degradado detrás: nítido a cualquier tamaño, y el color sigue haciendo el trabajo de la marca.
La misma pareja en una cabecera ancha. El logotipo nunca cambia; el degradado se renderiza para la forma.
Cómo construir un logotipo con degradado en SVG
En la web, un logotipo con degradado debería ser un SVG con el degradado definido en su interior, para que se mantenga nítido a cualquier tamaño. Los degradados SVG explican todas las opciones.
<svg viewBox="0 0 120 120" width="120" height="120" role="img" aria-label="Northlight">
<defs>
<linearGradient id="northlight-logo" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#7c3aed" />
<stop offset="1" stop-color="#db2777" />
</linearGradient>
</defs>
<circle cx="60" cy="60" r="52" fill="url(#northlight-logo)" />
</svg>Preguntas frecuentes
¿Son buena idea los logotipos con degradado?
Pueden serlo, para marcas que viven sobre todo en pantallas y tienen una forma de logotipo contundente y sencilla. Necesitan una versión plana de un solo color para tamaños pequeños e impresión.
¿Cómo hago una versión plana de un logotipo con degradado?
Elige un color sólido de la mezcla, normalmente cerca del punto medio, que la gente lea como la misma marca, y haz también versiones monocromas en blanco y en negro.
¿Se puede imprimir un logotipo con degradado?
Sí, en impresión a todo color a un tamaño razonable, pero no en impresión a un color, bordado ni grabado. Prueba los tamaños impresos pequeños por si aparecen bandas antes de decidirte.
¿Qué colores hacen un buen logotipo con degradado?
Dos o tres tonos vecinos de luminosidad parecida, como de ámbar a coral o de verde azulado a azul. Los colores opuestos tienden a volverse grises en el medio.
¿Debe mi logotipo ser un degradado si mi marca usa degradados?
No necesariamente. Muchas marcas mantienen un logotipo plano y ponen el degradado en sus fondos, lo que da el mismo reconocimiento con menos problemas a tamaños pequeños.
Escrito por Gradiently
El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.
Ver nuestro perfil
