Online College Courses for Credit

4 Tutorials that teach Layouts in Context
Take your pick:
Layouts in Context

Layouts in Context

Author: Maria Tucker

In this lesson you will learn to analyze layout examples applying knowledge of principles and elements of design.

See More
Fast, Free College Credit

Developing Effective Teams

Let's Ride
*No strings attached. This college course is 100% free and is worth 1 semester credit.

28 Sophia partners guarantee credit transfer.

286 Institutions have accepted or given pre-approval for credit transfer.

* The American Council on Education's College Credit Recommendation Service (ACE Credit®) has evaluated and recommended college credit for 26 of Sophia’s online courses. Many different colleges and universities consider ACE CREDIT recommendations in determining the applicability to their course and degree programs.


Source: Image of Centered Alignment, Public Domain Image of Chicago Tribune, Public Domain Image of Composition of Red, Yellow and Blue, Public Domain Image of Piet Zwart Business Card, Public Domain Image of Cover Design, Public Domain Image of Silhouette Poster, Public Domain

Terms to Know

In page layout, lines of descriptive text positioned under a graphic or photograph.

Centered Alignment

Lines of type which are aligned along a central axis.


In a layout, a defined block of space that contains type or image. Columns are bordered by margins.

Eye Flow

The path of a viewer's eye.

Free Form

Lines of type which do not appear to follow a strict justified or right, left or centered alignment.


In a layout, a main heading above a block of text.


The organization of elements according to importance. In typography, hierarchy is achieved by placement, size, color or style.

Justified Alignment

Lines of type which are spaced to align along both a left and a right margin, creating a block.

Left Alignment

Lines of type which are aligned to a left margin and ragged on the right.


White space which frames the elements in a page layout.


How easily words and blocks of words can be read.

Right Alignment

Lines of type which align to right margin and are ragged on the left.


The term for two facing pages.


In a page layout, a heading smaller and of lesser importance than a headline.


The complete name of a type family member, typically containing the name of the publisher, family, weight, posture and width.