Summary  
This chapter covers programmatic techniques for evaluating and adjusting color contrast and harmony—such as calculating contrast ratios, blending with complementary hues to reduce intensity, and selecting analogous or complementary color schemes—to ensure legible, balanced visuals.  

General domain of usage  
User interface design

**Legibilidad** es la facilidad con la que se puede leer o comprender un texto o elemento visual. **Iluminación**, **fondo**, **tamaño** y **contraste** influyen en la facilidad de lectura. Los diseñadores utilizan el contraste para captar la atención y la armonía para crear composiciones visuales agradables. Los colores complementarios pueden generar contraste, pero en exceso pueden resultar agresivos. Los colores análogos ofrecen armonía natural.

Siempre puedes comprobar el contraste en línea para asegurarte de que tu texto sea legible, y Adobe ofrece una herramienta para ello. Aquí tienes un <a href="https://colour.adobe.com/create/color-contrast-analyzer" target="_blank"><svg width="1em" height="1em" viewBox="0 0 30 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#098f67" style="stroke: var(--color1, #098f67)" stroke-linejoin="miter" stroke-linecap="round" stroke-miterlimit="4" stroke-width="2.4156" d="M17.289 17.305v0c-1.754 1.754-4.597 1.754-6.351 0l-7.76-7.759c-1.755-1.755-1.755-4.601 0-6.356v0c1.753-1.753 4.595-1.756 6.351-0.005l6.208 6.187"></path><path fill="none" stroke="#098f67" style="stroke: var(--color1, #098f67)" stroke-linejoin="miter" stroke-linecap="round" stroke-miterlimit="4" stroke-width="2.4156" d="M12.504 13.97v0c1.754-1.754 4.597-1.754 6.351 0l7.762 7.762c1.754 1.754 1.754 4.597 0 6.351v0c-1.754 1.754-4.597 1.754-6.351 0l-5.953-5.953"></path></svg> enlace</a> a su comprobador de contraste.

¿Por qué puede ser difícil leer texto blanco sobre un fondo amarillo?

¿Qué término se refiere a los colores que se encuentran uno al lado del otro en el círculo cromático?

El diseño determina cómo las personas ven, comprenden e interactúan con el mundo. Esta ruta de aprendizaje presenta los fundamentos necesarios para crear elementos visuales claros, atractivos y significativos. Desde los conceptos básicos de la disposición y la estructura hasta los matices de la tipografía y el color, cada elemento trabaja en conjunto para comunicar de manera efectiva. A lo largo del recorrido, descubrirás cómo la psicología, la percepción y los principios creativos influyen en las decisiones de diseño. Al finalizar, contarás con las herramientas para crear trabajos que sean visualmente atractivos y orientados a un propósito.

Explora qué significa el diseño, por qué es importante y el impacto que tiene en la comunicación y la resolución de problemas. Aprende cómo los diferentes tipos de diseño moldean experiencias en diversos campos, desde productos digitales hasta impresos. Descubre el papel de la investigación en la orientación de decisiones creativas y en la garantía de que las soluciones satisfagan eficazmente las necesidades de los usuarios.

Comprender cómo las líneas, formas y figuras estructuran los diseños visuales. Descubrir la importancia del tamaño, el espacio y el formato en la creación del equilibrio. Analizar cómo la fotografía y las ilustraciones contribuyen a la narrativa visual, y aplicar los principios de la Gestalt para guiar la percepción, ayudando a los espectadores a conectar los elementos en un conjunto cohesivo y atractivo.

Domina los fundamentos de un diseño sólido. Explora el énfasis, el equilibrio, el contraste, la repetición y la proporción para crear armonía y claridad. Aprende cómo el ritmo, el movimiento, el patrón y la jerarquía guían la atención, mientras que el espacio en blanco y la variedad aportan respiro y energía. Descubre cómo la unidad integra todos los elementos para lograr impacto.

Sumérgete en la tipografía como un elemento central del diseño. Estudia la anatomía de la tipografía, el espaciado y la legibilidad para mejorar la comunicación. Aprende a seleccionar tipografías que se adapten al tono y al propósito, y explora la jerarquía tipográfica para establecer orden y significado. La tipografía se convierte en una herramienta poderosa para definir tanto el estilo como la claridad.

Descubre el lenguaje y los sistemas del color, incluyendo RGB, CMYK y Pantone. Explora la teoría y la armonía del color para crear trabajos visualmente equilibrados. Aprende cómo el contraste afecta la legibilidad, cómo los espacios de color definen la consistencia a través de los medios y cómo la psicología de los colores influye en las emociones, la marca y la percepción.

Legibilidad y armonía del color

1. ¿Por qué puede ser difícil leer texto blanco sobre un fondo amarillo?

2. ¿Qué término se refiere a los colores que se encuentran uno al lado del otro en el círculo cromático?