A topic in the Open Knowledge Graph — a free, open map of 15,290 topics and the order to learn them in.
Contrast is the juxtaposition of different or opposing elements to make one stand out. Visual contrast creates focal points—areas that draw the viewer's eye and communicate priority. Without contrast, a design feels monotonous; with too much, it feels chaotic. Emphasis uses contrast strategically to direct attention to the most important information.
Create a simple layout with equal visual weight across elements, then progressively add contrast to different elements and observe how the focal point shifts. Experiment with different types of contrast: color, size, value, texture, and direction.
Imagine walking into a room where everything is the same shade of beige — walls, furniture, carpet, curtains. Your eye has nowhere to land; nothing stands out because nothing differs. Now imagine that one chair is bright red. Instantly, that chair becomes the most important object in the room. This is contrast at its most fundamental: difference creates attention. In design, contrast is the primary mechanism for establishing visual hierarchy — telling the viewer what to look at first, second, and third.
Contrast operates across every visual dimension, not just color. Value contrast (light against dark) is the most powerful — a white headline on a black background commands attention before the viewer even reads the words. Size contrast makes one element dominant by making it significantly larger than its neighbors. Typographic contrast pairs a heavy, bold typeface with a light, delicate one to distinguish headings from body text. Spatial contrast uses tight clustering against open whitespace to direct the eye. Textural contrast places a rough, detailed area against a smooth, minimal one. The most effective designs layer multiple types of contrast simultaneously — a large, bold, dark headline surrounded by generous whitespace uses size, weight, value, and spatial contrast all at once.
The concept of focal emphasis is contrast put to strategic use. Every composition needs a clear entry point — the element the viewer sees first. This is the focal point, and it should correspond to the most important piece of information or the primary action you want the viewer to take. A "Sign Up" button that is the same size, color, and weight as every other element on the page will be invisible; one that contrasts sharply with its surroundings — a bright color against a neutral background, larger than neighboring elements — becomes unmissable. Emphasis is not about making things louder; it is about making one thing louder relative to everything else. If you emphasize everything, you emphasize nothing.
The practical challenge is calibrating the right amount of contrast. Too little contrast produces a flat, undifferentiated design where the viewer's eye wanders without direction — this is the problem of monotony. Too much contrast produces visual chaos where everything screams for attention simultaneously — this is the problem of noise. The solution is establishing a clear hierarchy of contrast: one element gets maximum contrast (the focal point), a few supporting elements get moderate contrast, and everything else recedes to a quiet baseline. Think of it as a stage: one spotlight on the lead actor, softer lighting on the supporting cast, and the background in shadow. This hierarchy guides the viewer through the content in the order you intend, making the design not just attractive but functional.
Topics in reflective domains aren't scored by quiz answers. Read, reflect, and mark when you've thought it through.