desk-top publishing
DESCRIPTION
Desk-top Publishing. Six Steps to Successful Desktop Publishing. Establish goals and organize your material Answer the who, what, where, when and why question. 2. Six Steps to Successful Desktop Publishing. Choose an appropriate format and page layout - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/1.jpg)
Desk-top Publishing
![Page 2: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/2.jpg)
2
Six Steps to Successful Desktop Publishing
Establish goals and organize your material- Answer the who, what, where, when and why
question
![Page 3: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/3.jpg)
Six Steps to Successful Desktop Publishing
Choose an appropriate format and page layout- What is the overall look, how large, how many
colours, columns, what sort of paper? - What graphics will direct the reader’s eye?
![Page 4: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/4.jpg)
Six Steps to Successful Desktop Publishing
Make appropriate typeface, type size, and spacing decisions- The majority of messages appear as headline
and body copy - create headlines and titles which attract attention with body copy that’s transparent and doesn’t interfere with reader’s ability to quickly understand
![Page 5: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/5.jpg)
Six Steps to Successful Desktop Publishing
Add and manipulate visuals- Replace words with images/visuals where
possible (photographs, illustrations, charts, graphs, tables, organization charts, flowcharts, timelines, etc)
- Each requires careful placement on the page
![Page 6: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/6.jpg)
Six Steps to Successful Desktop Publishing
Build momentum into your pages - You’ve got readers attention, now keep them
interested in your publication- Break material into bite-size chunks by using
organisational devices such as subheads, pull quotes and sidebars.
![Page 7: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/7.jpg)
Six Steps to Successful Desktop Publishing
Refine and fine-tune ‘til you drop- Perfect wholes are the result of perfect detail- Break your project into component parts to
fine tune (a singing group is destroyed by one bad singer)
![Page 8: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/8.jpg)
3
Using design to enhance your ideas!
design enhances readership design provides organisation design provides unity design sets your publication apart
![Page 9: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/9.jpg)
Readership Colin Wheildon (Australian) found:
- changes in headline typography can increase readership from 57% to 92%- body copy comprehension jumped from 12% to 67% when a different
typeface was used- subtle changes in line spacing increased body copy comprehension from
77 - 98%- setting body copy on a grey background could reduce comprehension from
70 - 3%- headline colours could reduce comprehension of body type from 67 -17%- revising the layout (with no change to words) can increase readership from
32-67%
![Page 10: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/10.jpg)
Organisation
Effective design provides hierarchy making it easy for readers to tell what is important. - Reduces information overload.
![Page 11: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/11.jpg)
Unity
Create a whole from a series of pages, brochures, newsletters- consistent margins, column placement, graphic
accents, typeface, type size and colour choices- can create a company identity
![Page 12: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/12.jpg)
Individuality
Set your publication apart - project an image - conservatism, contemporary, expensive and
inexpensive
![Page 13: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/13.jpg)
4
Design Saves Time!
You make one decision regarding:» typeface
» type size
» margin
» colour
» line settings
This decision will form the template for all documents
![Page 14: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/14.jpg)
5
Typefaces refers to a particular design or “look” of a
family of type (eg Times, Helvetica, Prestige)
within each family are variations- bold, semi-bold, condensed, italic, etc
a font is the complete character set including both upper and lower case, punctuations, etc
fonts allow you to instantly and nonverbally communicate atmosphere and image
![Page 15: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/15.jpg)
6
Types of fonts
Scaleable - size is easily changed- resident - common fonts pre-loaded
on your computer- downloadable - stored for use when
needed»free downloadable
»discretionary downloadable
![Page 16: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/16.jpg)
Beware
Expanding your font library can cause problems - it takes time to add and remove fonts when you work with them so they are usually left in memory where they reside making programs slow and clutters the font menu making the ones you need harder to find.
You should only use a maximum of 2 - 3 fonts per publication.
![Page 17: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/17.jpg)
7
Font Editors
Font Editors Examples:
- Altys Fontographer and Area Font Chameleon
Enables you to change the appearance of letters to your requirements
![Page 18: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/18.jpg)
Kerning Editors
Kerning Editors Example:
- Fontographer
Enable fine-tuning of letter spacing to improve appearance
![Page 19: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/19.jpg)
8
Illustration Programs- text manipulation
Free Drawing Microsoft Word 6.0
for Windows Wordart Enables you to stretch
and compress type, distort it, set in circles or at an angle
Specialized Drawing Aldus Freehand,
Adobe Illustrator More versatile
![Page 20: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/20.jpg)
9
How to attract your reader’s attention!
create headlines that shout set up a headline typography
- choice of typeface and typesize- choice of line spacing- choice of alignment (columns)
![Page 21: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/21.jpg)
10
Choice of typeface and type size family approach larger and bolder versions of the same
typeface - opposites attract approach
headline totally different from body copy- body in serif and headline in sans serif
composite approach - offers opportunity for variety and contrast because typefaces
are designed to work together (choose from a family of typefaces designed to work together)
![Page 22: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/22.jpg)
11
Hint
Generally the best looking pages are those using condensed heavy sans serif typefaces for headlines combined with body copy set in an easy-to-read serif typeface.
Condensed typefaces take up less space and have greater impact
![Page 23: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/23.jpg)
Serif and Sans Serif
This is a serif typeface - it is Times New Roman
Serif typefaces have a serif
Serif typefaces have different width strokes
This is a sans serif typeface - it is Arial
Sans serif typefaces have no serif
Sans serif typefaces have regular width strokes
b b
![Page 24: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/24.jpg)
Headlines in Sans Serif - have greater impact but
are harder to read
Body copy in serif is easier to read
![Page 25: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/25.jpg)
12
Headlines
Linespacing
reduce linespacing so lines appear closer together - in dtp terms this is called the leading (pronounced ledding) from when printers put lead between the lines to space- saves space- creates white space around the headline
![Page 26: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/26.jpg)
13
Headlines
Alignment
centred heading are appropriate for classic, conservative or formal image
overuse indicates a novice approach
![Page 27: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/27.jpg)
14
Centred headlines - problem 1
dissipated white space- white space is scattered either side rather than
concentrated to one side- when a headline is set left it is set off by the
large pool of white space to the right, creating more visual impact
![Page 28: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/28.jpg)
Centred headline - problem 2
differing line beginnings- means readers have to search for the beginning
of the line- reduces reading speed
![Page 29: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/29.jpg)
Centred headline - problem 3
strange shapes- headlines of > 3 lines create distracting shapes
(diamonds, triangles, upside down triangles)- fine tune to get rid of shape by substituting
words or kerning
![Page 30: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/30.jpg)
Centred headline - problem 4
inadvertent justification- some centred headlines nearly fill the line
which looks like a mistake in left justification
![Page 31: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/31.jpg)
Centred headline - problem 5
scattered alignment points - readers search for CLOSURE- to locate alignment points in a line’s beginning
and endings - if left justified there is no ambiguity in the design, people won’t try to puzzle out the design
- make your intentions clear in your design
![Page 32: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/32.jpg)
Centred headline - problem 6
difficult transition to text - people have to move their eye more from the
end of the headline to body copy when the headline is centred
![Page 33: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/33.jpg)
ALWAYS ASK DOES THIS DESIGN MAKE THE READERS JOB EASIER
![Page 34: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/34.jpg)
15
Headlines
To capitalize or not don’t use all upper case
- all upper case is harder to read- all upper case takes up more space- all upper case has less white space around -
needs smaller font- lower case are more shapely when put together
don’t capitalize all first letters- only capitalize first letter and proper nouns - confusion regarding new sentence
This is important
![Page 35: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/35.jpg)
Beware
If you decide to use a font specially designed for headings which uses all capitals, be consistent in it’s use - and don’t use it for body copy
![Page 36: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/36.jpg)
16
Headlines
Letter Spacing defaults are usually too generous for
headlines tracking - reduces or increases letter spacing
uniformly throughout a range of text kerning - reduces or increases letter spacing
in individual pairs of letters
![Page 37: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/37.jpg)
17
Tracking
gains white space to the left or right of the headline
word shapes become more pronounced the larger the headline the more important
tracking becomes In Microsoft Publisher:
Choose Format, Spacing Between Characters. Notice that the default is Normal. Select Tight and print the page. If the letters appear too closely spaced, change to Normal.
![Page 38: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/38.jpg)
18
Kerning
distinguishes amateur and professional problems occur when overhanging upper
case letter (T,Y,W) appear next to short lower case letters (a,o,i) or periods or commas (.,)
In Microsoft Publisher:
Choose Format, Spacing Between Characters. From the Spacing Between Characters dialog box, select Between Selected Characters Only and the Squeeze Letters Together. You can now modify letter spacing by clicking the up and down arrows.
![Page 39: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/39.jpg)
19
Headlines
Line Breaks and Hyphenation never hyphenate a headline ideally headline should be broken into lines
the same size headline should be kept short if headline is large, increase the size of the
most important part (the beginning)
![Page 40: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/40.jpg)
20
Body CopyMaking Type Easy To Read
the aim is to:“produce text so beautiful your readers won’t
even notice it’s there!” Parker R decisions
- what typeface?- what type size?- leading?- alignment?
•avoid long lines of small type
•avoid short lines of large type
![Page 41: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/41.jpg)
x-height
The x-height governs the amount of space needed between lines - how much air is needed between the lines of type- high x-height typefaces look larger that low x
heights (even when both same size)- low x-heights need less leading than high x
heights
p this is the x-height
![Page 42: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/42.jpg)
This is a piece of text to show you how the xheight of different fonts can affect the look of the document.
This is a piece of text to show you how the xheight of different fonts can affect the look of the document.
These are Arial font - both in 28 pt size
normal leading
.8 leading
![Page 43: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/43.jpg)
This is a piece of text to show you how the xheight of different fonts can affect the look of the document.
This is a piece of text to show you how the xheight of different fonts can affect the look of the document.
These are Times New Roman font - 28 pt
normal leading
.8 leading
![Page 44: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/44.jpg)
21
Leadingconcerns the x height
fonts with high x height need more leading
This is a piece of text to show you how the xheight of different fonts can affect the look of the document.
This is a piece of text to show you how the xheight of different fonts can affect the look of the document.
This is a piece of text to show you how the xheight of different fonts can affect the look of the document.
This is a piece of text to show you how the xheight of different fonts can affect the look of the document.
![Page 45: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/45.jpg)
22
Alignment
2 options- left flush/ right jagged
» different amounts of white space to right
- justified» word spacing is
adjusted, white space equal each side
choice depends on:- image
» left flush/ragged right is friendlier, informal
- line length » avoid narrow columns of justified text as these have
large letter spacings and excessive hyphenation
- available time» justified is more time consuming to get it looking
good
- word density» justified has more words per column
- ease of reading » evidence suggests flush left/ragged right is easier to
read because of consistent word spacing
![Page 46: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/46.jpg)
24
Practical Exercise Using the text provided, edit it to produce a
document with headlines which are easy to read and shout to the reader ‘Read Me’
experiment with the kerning and tracking options provided by Microsoft Publisher to provide a professional look
experiment with different leadings and fonts use the spell checking facility using copy and paste produce several versions to
compare, select your best effort and compare it with your neighbour
![Page 47: Desk-top Publishing](https://reader035.vdocuments.us/reader035/viewer/2022062407/56812a76550346895d8dfcb8/html5/thumbnails/47.jpg)
Conclusion
During this presentation you have seen how fonts can be used to enhance readability, both of headlines and body copy.
You should now be able to adjust kerning, tracking and leading of your text to create a professional look and you should have an idea of which fonts to use.