University of New Hampshire, Department of Computer Science

Information Technology 502
, Intermediate Web Design

Spring 2025

Jump to navigation

Design Template by Anonymous

Examples of Webpage Layout

Here are some examles of Good Page Layout

Good Example 1
Good Example 2
Good Example 3

These pictures are good examples of page layout due to their large title that make for easy reading. In addition, they use whitespace in an efficient manner that complements the already proprtly broken up text. These two factor combine to create an easy reading environment for the user. Additionally, the content in these webpages is not overcrowding and there is a practical use of color theory to assist the layout and its readability and ease of understanding.

Here are some examples of Bad Page Layout

Bad Example 1
Bad Example 2

These pictures are examples of bad page layout dur to their poor color cntrasting that converges into a hard to read text. This does not follow typical webdesign convention and would hold increase user retention to this website. In addition, the text itself is very samll causing the user to strain to read the text, and it is minimally broken up and is mostly large blocks which decrease user scanability.