Degradados
Cómo funcionan los degradados, todos sus tipos y cómo lograr que se vean caros.
200 guías · 11 temas
Degradados¿Qué es un degradado? Una guía clara sobre las mezclas de color
7 min de lectura
Un degradado es la idea más sencilla del color y una de las más fáciles de estropear. Aquí tienes qué es, cómo se construye y por qué volvió a todas las pantallas.
DegradadosLineal, radial, cónico y de malla: todos los tipos de degradado
6 min de lectura
Todo degradado mueve el color a lo largo de un recorrido. Cambia el recorrido y cambias la sensación. Aquí tienes cada tipo, su aspecto, su código y el trabajo que mejor hace.
DegradadosDegradados de malla: qué son y cómo crear uno
6 min de lectura
Los degradados de malla son esos campos de color suaves y a la deriva que hay detrás de media docena de páginas de lanzamiento de este año. Así funcionan, cómo construir uno a mano y los dos errores que arruinan a casi todos.
DegradadosCómo hacer un fondo degradado que no parezca genérico
5 min de lectura
La mayoría de los fondos degradados se parecen porque parten de los mismos pocos preajustes. Aquí tienes un método de cinco pasos para hacer uno que se vea pensado, con códigos que puedes copiar.
DegradadosDegradados granulados: por qué el ruido hace que el color parezca caro
6 min de lectura
Un degradado limpio parece un valor por defecto de pantalla. El mismo degradado con una capa fina de grano parece una impresión, un fotograma de película o una pared pintada. Por qué, cuánto añadir y cómo hacerlo.
DegradadosDegradados aurora: luz suave, bien hecha
5 min de lectura
Los degradados aurora toman prestado el aspecto de las auroras boreales: velos luminosos de color que flotan sobre la oscuridad. Son preciosos, y caen enseguida en el terreno del salvapantallas. Así se mantienen del lado correcto.
DegradadosPor qué tu degradado tiene rayas y cómo corregir las bandas
6 min de lectura
Hiciste un degradado suave y volvió a rayas. Eso son las bandas, y tienen una causa sencilla y un puñado de soluciones fiables. Aquí está la aritmética y luego las curas.
DegradadosPor qué algunos degradados se ponen grises en el medio y cómo evitarlo
5 min de lectura
El azul y el amarillo deberían formar un degradado precioso. Mézclalos de la forma predeterminada y obtienes una mancha gris en el medio. Aquí tienes exactamente por qué y cuatro maneras de mantener limpia cada mezcla.
Degradados60 combinaciones de colores para degradados que funcionan, con códigos
6 min de lectura
Sesenta degradados, ordenados por la sensación que buscas y no por el tono. Cada uno es un código CSS real que puedes copiar, y cada grupo explica la regla que hace que sus mezclas funcionen.
DegradadosDegradados de dos colores: 30 combinaciones que siempre funcionan
6 min de lectura
Dos colores, una dirección, nada que pueda salir mal. Casi. Aquí tienes las dos reglas que deciden si una pareja funciona, y treinta parejas que cumplen ambas, listas para copiar.
DegradadosFondos de degradado oscuro: profundidad sin tristeza
6 min de lectura
Un degradado oscuro puede parecer una escena nocturna de lujo o una pantalla turbia con el brillo bajado. La diferencia está en un puñado de decisiones, todas fáciles de copiar.
DegradadosDegradados pastel que se ven frescos, no empalagosos
5 min de lectura
Los pasteles son los degradados que más fácil gustan y los más fáciles de pasar de dulces. Unas pocas reglas hacen que parezcan luz de primavera sobre papel y no una tarta de cumpleaños.
DegradadosDegradados neón: brillo sin cansar la vista
5 min de lectura
El neón es el color al máximo. Sobre un fondo oscuro brilla; extendido por toda la pantalla, zumba. Así se conserva el brillo y se elimina el zumbido.
DegradadosDegradados holográficos e iridiscencia, explicados
5 min de lectura
El papel holográfico, las pompas de jabón y la perla cambian de color al moverte. Una pantalla plana no puede hacerlo, pero un degradado bien construido puede convencer al ojo de que sí.
DegradadosEl efecto duotono: haz que cualquier foto sea de marca en dos colores
6 min de lectura
El duotono convierte cualquier foto en dos colores a tu elección: uno para las sombras, otro para la luz. Es la forma más rápida de que fotos que no encajan parezcan de una misma marca.
Degradados¿Degradado o color plano? Cuándo gana cada uno
6 min de lectura
El color plano es claro, barato y exacto. Los degradados están vivos, son distintivos y cuesta más controlarlos. Casi todas las buenas marcas usan ambos. Así se decide cuál necesita cada superficie.
DegradadosTextura en degradados: grano, papel, cristal y seda, explicados
5 min de lectura
Dos degradados con colores idénticos pueden sentirse como un fotograma de película, una tarjeta de imprenta, una pantalla de móvil o un vestido de noche. La diferencia es la textura, y dice más que los colores.
DegradadosGlassmorphism y degradados: una guía práctica
6 min de lectura
El cristal esmerilado sobre un degradado luminoso es uno de los efectos más atractivos del diseño de interfaces, y uno de los más fáciles de dejar ilegible. Así consigues la belleza sin perder las palabras.
DegradadosMapas de degradado: recolorea cualquier cosa en segundos
5 min de lectura
Un mapa de degradado toma cualquier imagen, foto, textura o ilustración y la repinta con los colores que elijas conservando toda su luz y su sombra. Es la herramienta de recoloreado más rápida que existe.
DegradadosÁngulo y dirección del degradado: hacia dónde debe ir
6 min de lectura
Los mismos dos colores pueden sentirse calmados, alegres o inquietos según hacia dónde corran. Así eliges una dirección a propósito y consigues el ángulo exacto en el código.
DegradadosNueve errores con degradados que hacen que tu diseño parezca barato
6 min de lectura
La mayoría de los degradados que parecen baratos fallan de una de nueve maneras predecibles. Aquí está cada error, qué lo causa y el cambio concreto que lo arregla.
DegradadosDegradados radiales: el foco que guía la mirada
5 min de lectura
Un degradado radial es lo más parecido en diseño a apuntar una luz hacia algo. Así se orienta, se dimensiona y se evita que parezca una diana.
DegradadosDegradados cónicos: ruedas de color, gráficos y brillos
5 min de lectura
Los degradados lineales viajan, los radiales se expanden y los cónicos giran. Esa única diferencia los hace la herramienta adecuada para ruedas, gráficos, metal y haces de luz.
DegradadosImprimir degradados sin banding ni colores sucios
7 min de lectura
Un degradado que brilla en pantalla puede volver de la imprenta plano, a franjas o marrón. Casi todos esos fallos son previsibles, y la mayoría se pueden arreglar antes de que el archivo salga de tu mesa.