HOW udacity.com IS OBEYING VISUAL HIERARCHY LAWS

• SIZE

From the above image, we can see that the size of the text “Achieve Your Career Goals” differ from the size of the immediate text below it. This is used as heading to show that the page a new topic or caption begins at that point.

• GESTALT/GROUPING

It is quite obvious that the link to new web pages masked with pictures are all grouped together showing all the courses/career programmes they offer.

• COLOR

From the above image, though not much of a colour isuue but we can clearly notice the background image where the text “Think Forward” is written.. The color of that background image separates it from all other sections of the page… Let’s it was a white background image, it wouldn’t be easy to differentiate it from all other sections.

• SPACING

The spacing introduced between the text “Industry Experts”, “Learning Community” and “Real World Results” makes them clearly distinct entities so here the law of spacing is duely obeyed