You can’t emphasize everything. It defeats the point. When you try to do that, all of your design elements compete for attention and nothing stands out. They’re all yelling at the same time. Everything is louder, but still nothing is heard.
Emphasis is relative. For one element to stand out, another has to serve as the background from which the first is to stand out. Some elements need to dominate others in order for your design to display any sort of visual hierarchy.
Dominance:
Compare
any two elements in a design. Either the elements will be equal in
every way or one will exert some level of dominance over the other. The
more dominant element will attract the eye and get noticed first. It
might even appear to exhibit some sort of control over the less dominant
element.The more dominant element likely has greater visual weight than the elements it dominates. It will seem to exert force on what’s around it.
In the above illustration, the circle is dominant because of its size...
As you develop a composition, you’ll see numerous elements exerting dominance over each other. Some elements will dominate, and some will be subordinate.
How to Establish Dominance:
You design one element to have more dominance than another by giving it
more visual weight. The greater its visual weight, the more an element
will attract the eye and exhibit dominance.
You create dominance
through contrast, emphasis and relative visual weight. Identical items
can’t dominate each other. To exert dominance, an element has to look
different from the elements it’s meant to dominate.Your goal is to create elements with noticeable differences in visual weight.
You can vary the same characteristics that we talked about in previous class sessions. As a reminder, here are the most common characteristics you can vary to set different visual weights:
- size,
- shape,
- color,
- value,
- depth,
- texture,
- density,
- saturation,
- orientation,
- local white space,
- intrinsic interest,
- perceived physical weight,
You can also have co-dominance, where two dominant elements exist within a composition. However, both will compete for attention and could ultimately be distracting without the right overall balance in your competition.
Ideally, you want a single dominant element.
Dominant Element:
The dominant element in a design is the one with the greatest visual weight. It is the element that attracts the eye first, more than anything else on the page.
Be careful not to make the element so dominant that it completely obscures everything else, but do make it stand out in the design.
Your dominant element is the starting point for the story you’re telling. It’s the entry point into your design. It should attract viewers to the first place you want them to look.
Focal Point:
Focal points are also elements or areas of dominance, just not to the same degree as your one dominant element, which could be defined as your most dominant focal point. Focal points are areas of interest, emphasis or difference within a composition that capture and hold the viewer’s attention.
The focal points in your design should stand out but should be noticed after the element with the most dominance. The graphic below shows a lone circle amid a sea of mostly gray squares. The circle is not only a different shape, but is larger and bright red. It’s likely the first thing your eye notices in the graphic.
Three of the four squares are also reddish in color, though not as bright as the circle. They’re the same size as the other squares in the image, but they do stand out from the gray squares due to their color.
The circle and the three reddish squares are all focal points because they stand out from the majority of other elements in the graphic. They contrast with the mass of gray squares. The large bright red circle stands out the most. It’s the dominant focal point, or the dominant element in this image.
As with the dominant element, you can create focal points by giving them more visual weight than everything except the dominant element — which, again, is your most dominant focal point. You can also create visual direction that leads to different focal points.
Contrast is a good way to create focal points, because contrast calls attention to itself for being different. Anything that can be contrasted and anything that can affect visual weight or direction can be used to create a focal point, in the same way that it can be used to create a dominant element. The difference is simply of degree.
Levels of Dominance:
If you create focal points and make one of those points the dominant element, then you’re starting to create different levels of dominance. The dominant element will sit on one level and will be noticed before all others. The remaining focal points will sit on another level. How many levels of dominance can you realistically have in a design?
Three is a good number. As a general rule, people can perceive three levels of dominance. They notice what’s most dominant, what’s least dominant and then everything else. There needs to be enough difference between these levels for people to distinguish one from the next. You want to create distinct levels, not a continuum.
You could create more than three levels of dominance, but each additional level will reduce the contrast between neighboring levels. Unless you’re sure you can contrast each level well enough, stick with three.
- Dominant. This is the level with the most visual weight and the one that gets the most emphasis. Your dominant level will usually consist of a single element in the foreground.
- Sub-dominant. This is the level of focal points, with the exception of the dominant element or dominant focal point. It gets secondary emphasis. Elements on this level get less emphasis than the dominant level but more than the subordinate level.
- Subordinate. This is this level with the least visual weight. It should recede into background to some degree. This level will usually contain your body of text.
Summary:
You can’t emphasize everything. In order for some elements in a design to stand out, other elements must fade into the background.
By varying the visual weight of some elements and the visual direction of others, you can establish different levels of dominance. Three levels of dominance is ideal as that's all that most people can discern.
On one level will sit your dominant element. It’s an entry point into your design, and it should be or be near the most important information on the page.
A second level of focal points can draw attention to the next most important information visitors should see.
Your third level holds everything else. Most of your content will be on this level.
Designing different levels of emphasis or dominance will create a visual hierarchy in your design, with more important information being more visually prominent. It will help you communicate with visitors quickly and efficiently.