From the course: Typography: Hierarchy and Navigation

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Creating hierarchy using color

Creating hierarchy using color

From the course: Typography: Hierarchy and Navigation

Start my 1-month free trial

Creating hierarchy using color

Color is one of the most basic characteristics that our eyes and brains perceive. Color conveys emotion and mood, and plays a major role in every visual experience. The perception of color also plays an important role in indicating hierarchy. Here's how color can help us see hierarchy. Our eyes and brains look for all kinds of similarities. And, instinctively make an effort to link them. This is true for related shapes or types of images, and for other visual elements. In this table of contents, the first text we notice after the logo are two lists. One linked by the color red, the other by the color green. We don't have to think at all to know at a glance that the items under the red circle are linked to the text whose page numbers are in a red dot. And the same is true for page numbers in green dots under the green circle. Here's another example of hierarchy using color. The names of three people profiled in this issue are highlighted in red bars. So, we visually link those three…

Contents