Beyoncé's Web page is laid out in a fairly simple grid system. There are no
features that significantly break the grid below the header. Below the
header are basically two columns.
Beyoncé uses white negative space drawing the reader to the few photographs and
features that are present. The uses of brown and yellow colors in the header are
very soft and engaging.
The gaze of the viewer’s eye starts at Beyoncé’s face in the center of the page.
Beyoncé’s arms create diagonal lines that lead back to her face. The eye is then
drawn on a path of looking at another photo of Beyoncé (2) and the path of her
gaze. (3) A person and a face is the third location a viewer is drawn.
The White House Web site is laid out in a three vertical
column grid structure in the middle, and four horizontal sections for the
header and navigation at the top of the page. The color choices are simple
and not cluttered centering around blue as the dominant color.
The eye is drawn to President Obama’s face in the center of the page (1). Then the eye follows Obama’s gaze and ends up quickly
scanning faces in the crowd to Obama’s left (2). The user might verify they
have arrived at the correct site or view the navigation bars across the top
of the page (3). The viewer’s gaze continues on faces in the crowd and scans
down the path to more faces (4).
Seattle Sounders FC have many subsections in their home page grid structure.
The grid ‘s many subsection and many various colors give the page a busy
and crowded feel. The eye first gazes at human faces in the top left
quadrant. Starting at (1) is to be expected as humans are drawn to
faces, and read left to write in Western culture. From (1) the viewer
may verify the home page (2). Then (3) looks center at the people and
then may become prone to the many competing colors and features