Use Sophia to knock out your gen-ed requirements quickly and affordably. Learn more
×

Type Alignment

Author: Sophia

what's covered
This lesson will define and recognize type alignment as well as the best practices for its use by examining:

Table of Contents

1. Margins

Margins determine the space, or amount of border, around a page or screen. They set the space parameters, indicating where written text can appear. In other words, margins are the white space framing the elements in a page layout.

Common sizes of margins are:

  • ½ (0.5) inch
  • ¾ (.75) inch
  • 1 (1.0) inch
The following image shows a common 8.5-by-11-inch page, with a half-inch margin. The margin creates a border around the area in which text and graphics may be placed. This is called the live area of the page. Note that the live area is sometimes called the safe area because it is the space on the page where text and graphics are safe from being trimmed or extending beyond the margins.

At times, designs call for images that go beyond the margins to avoid the effect of a white border. Simply sizing the image to fill the edges of the margins won’t eliminate white edges on the page. When a printer draws in a sheet of paper, there is a small area where the paper is picked up by its edge; this is called a gripper margin. If an image extends past the margins but ends at the end of the page, the gripper margin leaves a white edge on the sheet of paper.

Trim lines are areas around the edge of a document that are intended to be sliced away after it is printed. However, trim lines are not always cut away and are another cause for a page to have a thin white border.

To completely fill the edges of a page with an image, designers use bleeds. Bleeds are measurements that extend beyond the document's trim lines to compensate for the extra white space left over from trim lines and gripper margins. When the paper is trimmed, the page will be sliced on the overlapping lines of the trim and bleed. Because the edges of the image will be cut off, bleed areas should never contain text or other visually important information. A full bleed is a term for a bleed that extends beyond the borders of all four margins. A standard bleed extends 0.125 inches beyond the paper’s edge, but the measurement may be increased up to 0.5 inches for larger documents.

The following image shows an art box representing a page’s live area, the surrounding trim area, and the blue box where a bleed would extend to. Notice how the blue bleed box extends beyond the trim area.

terms to know
Margins
White space which frames the elements in a page layout.
Live Area
The area between the margins in which text and graphics may be placed.
Gripper Margin
A small area where paper is picked up by its edge when drawn into a printer.
Trim Lines
Areas around the edge of a document that are intended to be sliced away after it is printed.
Bleeds
Measurements that extend beyond the document's trim lines to compensate for the extra white space left over from trim lines and gripper margins.
Full Bleed
A bleed that extends beyond the borders of all four margins.


2. Alignment

Lines of text can align on a margin in different ways. There is left alignment, right alignment, centered alignment, justified alignment, and free form.

Type alignment is typically considered a paragraph attribute. Depending on the type of alignment, the paragraph will take different forms and shapes.

Below is an example of text arranged with left alignment, which aligns the text to the left side of a margin or text field.

Now you can see right alignment, with text moved against the right margin.

Centered alignment means the text is positioned in the middle and distributed evenly along a central axis.

Justified alignment makes the block of text appear more square or rectangular by spacing words out evenly to align with both the left and right margin.

Free form alignment varies in flow.

terms to know
Left Alignment
Lines of type which are aligned to a left margin and ragged on the right.
Right Alignment
Lines of type which align to a right margin and are ragged on the left.
Centered Alignment
Lines of type which are aligned along a central axis.
Justified Alignment
Lines of type which are spaced to align along both a left and a right margin, creating a block.
Free Form
Lines of type which do not appear to follow a strict justified, right, left, or centered alignment.


3. Eye Flow

Left and justified alignments are easier and less tiring to read, which is why they are the most common. The natural eye flow for people in the Western world is left to right, from top to bottom.

Take a look at the following images of eye flow. The yellow highlight represents your eye flow; the blue dot is the starting point, and the green is the ending point. Look at each image as a whole unit so you can see the paragraph shape that starts to develop as your eye scans the page.

Left and justified alignments have the most uniform shape. They are tidier and almost create a square or rectangular form, allowing for a smoother eye flow.

Left alignment:

Justified alignment:

The centered and right alignments, as you can see below, create a type of corkscrew motion. This is an odd shape, considering that it’s common to read from left to right in the Western part of the world. Typically, these alignments are used in moderation for this reason. They're just not as easy on your eyes. Centered text should be limited to small areas because the arrangement of the text requires too much eye movement from the user, so much so that it may become uncomfortable to read.

Centered alignment:

Right alignment:

term to know
Eye Flow
The path of a viewer's eye.


4. Formal vs. Informal Alignments

It’s worth noting that alignments with ragged edges, specifically noticeable with centered and right alignments, are not very tidy. In fact, the edges seem a bit messy. For this reason, these types of alignments are considered informal.

Justified, the alignment that creates eye flow from left to right via a rectangular paragraph shape, is considered formal.

EXAMPLE

At some point, you may have submitted a few papers for high school or college courses that had to be set with a justified alignment. The overall presentation is more organized and structured. The text is also easier to read.

watch

summary
In this lesson, you learned that while margins set the border of a page, alignment plays an even bigger role. A great way to determine if a written piece is organized is to evaluate eye flow and make sure it’s easy to read. Left and justified alignments are considered the easiest to read, and thus more formal alignments, while centered and right alignments are considered more informal alignments that are less organized.

Source: THIS TUTORIAL WAS AUTHORED BY MARIO E. HERNANDEZ FOR SOPHIA LEARNING. PLEASE SEE OUR TERMS OF USE.

Terms to Know
Bleeds

Measurements that extend beyond the document's trim lines to compensate for the extra white space left over from trim lines and gripper margins.

Centered Alignment 

Lines of type which are aligned along a central axis.

Eye Flow

The path of a viewer's eye.

Free Form

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

Full Bleed

A bleed that extends beyond the borders of all four margins.

Gripper Margin

A small area where paper is picked up by its edge when drawn into a printer.

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.

Live Area

The area between the margins in which text and graphics may be placed.

Margins

White space which frames the elements in a page layout.

Right Alignment

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

Trim Lines

Areas around the edge of a document that are intended to be sliced away after it is printed.