COLLABORATIVE

DESKTOP PUBLISHING
SEYMOUR B. SANCHEZ
DESKTOP
PUBLISHING
■ Use of computer and software to
combine and rearrange text and
images and create digital files for
print, online viewing, or websites
■ Combination of typesetting
(choosing fonts and the text
layout), graphic design, page
layout (how it all fits on the page),
and printing the document
NEWSPAPER

OR

NEWSLETTER
NEWSPAPER
■ Regularly published
collection of fairly brief
articles that provide
updates on current events
and interests
■ Generally published on a
daily, weekly, and bi-
weekly basis
NEWSLETTER
■ Regularly published
collection of brief news
articles that might
interest members of a
particular community
■ Generally articles about
one main topic of interest
by its subscribers
PRODUCING THE NEWSPAPER

Reporters Editors Copy desk Advertising

Computer

Press
PRODUCING THE NEWSPAPER
■ Before computers became
cheaper, publishing required
large print presses that copied
and duplicated pages.
■ Text and graphics were printed
separately, cut out, placed on a
single sheet, taped in place,
then copied and printed.
NEWSLETTER
JOURNALISM
■ Field of specialized publications that range
widely – education, medical care,
electronics, etc.
■ Same style as newspaper writing, but more
detailed, more analytical
■ Has attracted journalists who like the idea
of handling their own enterprises, from
graphics to writing brochures, newsletters,
and others
 DESKTOP
PUBLISHING
SOFTWARE
ADOBE
INDESIGN
■ Regarded as the industry
standard application for
producing single and multi-
page documents such as
books, posters, menus, price
lists, brochures, magazines,
newsletters, social media
artwork, and others
■ Developed for the desktop
publishing market, and it’s
primarily used for layout
MICROSOFT
PUBLISHER
■ Entry-level desktop
publishing application similar to
Microsoft Word but differs in
the fact that its emphasis lies
more on page layout and
design, and less on word
composition and formatting
■ Provides easy-to-use and less
expensive publishing options
for creating designs and logos
for small businesses
QUARKXPRESS
■ Desktop publishing software for
creating and editing complex
page layouts in
a WYSIWYG (What You See Is
What You Get) environment
■ Used by individual designers
and large publishing houses to
produce a variety of layouts,
from single-page flyers to the
multi-media projects required
for magazines, newspapers,
catalogs, and the like
SCRIBUS
■ Desktop publishing application
designed for flexible layout and
typesetting, and the ability to
prepare files for professional
quality image setting
equipment
■ Can also create animated and
interactive PDF presentations
and forms
■ Uses include writing small
newspapers, brochures,
newsletters, posters and books
BASIC DESIGN
PRINCIPLES
 German word
“THE WHOLE which means
IS DIFFERENT “ORGANIZED

GESTALT
FROM THE WHOLE.” It
SUM OF ITS also refers to
PARTS” “SHAPE” or
“FORM.”

We see by forming
THEORY
LIGHT and DARK
objects, EDGES and
CONTOURS into a
whole image.
PROXIMITY (EMERGENCE)
Simple shapes arranged together can create a more complex image.
POOR USE OF PROXIMITY
IMPROVED USE OF PROXIMITY
POOR USE OF
PROXIMITY
IMPROVED USE
OF PROXIMITY
SIMILARITY
(INVARIANCE)
■ The eye tends to build a
relationship between similar
elements within a design.
■ Similarity can be achieved using
basic elements such as shapes,
colors, and size.
POOR
SIMILARITY
IMPROVED
SIMILARITY
GOOD CONTINUITY
(CONTINUATION)
Asserts that the human eye human eye follows
the paths, lines, and curves of a design, and
prefers to see a continuous flow of visual
elements rather than separated objects
 POOR
CONTINUATION
 IMPROVED
CONTINUATION
COMMON
FATE
(SYNCHRONY)
Elements moving in the same
direction are perceived as more
related than the same elements
moving in different directions,
regardless of their placement or
how dissimilar they may be
CLOSURE
(REIFICATION)
REFERS TO OUR TENDENCY TO COMPLETE
AN INCOMPLETE SHAPE IN ORDER TO
RATIONALIZE THE WHOLE
POOR
CLOSURE
IMPROVED
CLOSURE
FIGURE AND
GROUND
(MULTI-STABILITY)
EXAMINES HOW THE EYE CAN ISOLATE OR
SEPARATE SHAPES IN A DESIGN FROM THE
BACKGROUND OF THAT DESIGN
FIGURE
AND GROUND
ORDER AND SYMMETRY
(SURROUNDNESS)
The design should be balanced and complete; otherwise, the user will
spend time and effort trying to perceive an overall picture.
 POOR
SYMMETRY
IMPROVED
SYMMETRY
SIMPLICITY
(Prägnanz)
Shows how our eyes can
simplify complex shapes into
simple shapes
POOR USE OF
GESTALT
PRINCIPLES
IMPROVED USE
OF GESTALT
PRINCIPLES
TYPOGRAPHY
TYPEFACE
■ Refers to a group of characters, such
as letters, numbers, and
punctuation, that share a common
design or style
■ Examples: Times New Roman, Arial,
Helvetica and Courier
 Some may only
include a single font,
Refer to the means
while others could
by which typefaces
include numerous
are displayed or
variations of the
presented
letterforms that

FONT
make up the fonts.

So many typefaces
Term used when
are comprised of a
someone is referring
number of individual
to only one weight or
fonts, all of which
style within that
are similar and
family (such as
related but different
Helvetica Bold)
in some way.
SERIF FONTS
■ Recognizable by the small lines at
the ends of character strokes
■ These lines make a typeface easier
to read by guiding the eye from
letter to letter and word to word
SERIF FONTS
■ Serif fonts are often used for
large blocks of text, such as
in a book.
■ Times New Roman is an
example of a common serif
font.
SANS SERIF FONTS
■ Sans serif, or without serif, refers to
typefaces without these lines
■ Sans serif fonts are often used
when a large typeface is necessary,
such as in a magazine headline.
SANS SERIF FONTS

01 02 03
Helvetica is a Sans serif fonts Arial is a sans serif
popular sans serif are also common typeface that was
typeface. for website text, as designed
they can be easier specifically for on-
to read on screen. screen use.
DESIGN PRINCIPLES FOR
TYPOGRAPHY
■ Legibility or readability: Make sure the audience can read and understand
your text.
■ Similarity and alignment: Use typography to create relationships between
similar kinds of information.
■ Uniformity or consistency: Repeat familiar elements to focus your
audience’s attention.
■ Contrast: Create interest and distinguishing different types of information
with different typefaces. One element of contrast is hierarchy – making
sure the audience understands that information has different levels of
importance.
TYPOGRAPHY AND LEGIBILITY
Legibility is a combination of factors:
– Font family
– Font size
– Letter, word, and line spacing
– Alignment
Stroke

Line

Stroke
LEGIBILITY AND BODY TEXT SIZE
Legibility of body text varies for different audiences:
– Younger audiences may be able to read fonts sized at 8 or 9
points.
– Older audiences may be able to read font sizes around 10 points
or above.
– Font sizes above 14 points break down the continuity of the text,
making text appear too gray.
 If letters, words, or
Spacing between

LEGIBILITY
lines are too close
words needs to be
together, readers
consistent to
have a hard time
promote legibility;
because text blocks
too much variation
tend to look too

AND
leads to eyestrain.
dark.

If letters, words, or lines are

too far apart, readers have a
hard time because blocks of
SPACING
text tend to look too light,
causing readers to lose a
sense of continuity.
LEGIBILITY AND
ALIGNMENT
■ Left-aligned text is most legible,
because spacing between
words is uniform.
■ Justified text is also legible,
though less so with shorter line
lengths because it tends to
create uneven spaces between
words.
LEGIBILITY AND ALIGNMENT

Center-aligned and right-aligned text

is generally harder to read, because
your readers’ eyes are used to
following text from left to right.
SIMILARITY AND ALIGNMENT

Aligned text creates a line in your

design; such lines help readers
draw connections between
different parts of a document.
UNIFORMITY OR CONSISTENCY
To maintain overall uniformity, limit the number of different font families
per page.
CONTRAST

To create contrast, you could

use two font families, one
serif and one sans serif.

Heading is set in Subheading is set

Impact – a sans in Georgia –a serif
serif font font
BASIC DESIGN PRINCIPLES

Directional
Focus Balance Unity
Flow

White Choosing
Borders
Space Type
DTP REMINDERS
• Use only one space after punctuation.
• Don’t skip a line after a paragraph.
• Use fewer fonts.
• Use centered text sparingly.
• Balance line length with type size.
• Use all caps sparingly.
• Use frames, boxes and borders with a purpose.
• Use less clip art.
• Use white space properly.
• Know your audience.
THINGS TO
AVOID IN DTP
■ Forgetting your audience
■ Irregularly shaped type
■ Excessive underlining
■ Too many fonts
■ Grammar and spelling errors
■ Inappropriate borders
■ Inappropriate headlines
■ Violating the copyright law