Desktop Publishing Basics By Gary Braman DTP Terminology What is Desktop Publishing? ? ? ? ? ?
The New Look of Desktop Publishing
description
Transcript of The New Look of Desktop Publishing
![Page 1: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/1.jpg)
The New Look of Desktop Publishing
![Page 2: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/2.jpg)
A Good Design is One That…
Catches their eye Keeps them reading Sparks action
![Page 3: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/3.jpg)
What Catches Their Eye?
The answer to their question “What’s in it for me?”
Will read for 1-7 seconds– Headlines– Photos– Captions
![Page 4: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/4.jpg)
What Keeps Them Reading?
Will read up to 90 seconds– Everything except body text
![Page 5: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/5.jpg)
What Gets Their Attention?
If they are hooked– Will read body text– Review all other items
![Page 6: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/6.jpg)
Planningthe Project
![Page 7: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/7.jpg)
5 W’s WhoWho is the audience?
WhatWhat do you want to know?
WhyWhy should they care (benefit)?
WhereWhere can they get more info?
WhenWhen should they respond or take action?
![Page 8: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/8.jpg)
Brainstorming
Taking key words and turning them into ideas
![Page 9: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/9.jpg)
Mind Mapping
RecruitmentFlyer/
Brochure
Benefits
Target Audience
DesignContent
easy to readrequirements
eye catching
requirements
$$$
teachers
courses
media
size
layout
colors
fonts
graphs/graphics
students
parents
counselors
![Page 10: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/10.jpg)
Working Roughs & Drawings
By Hand—uses Right brain(Computer uses Left brain)
General idea of finished layout
fadsjfklasjdfkajsdfkjasdkfjsk
DFGGGGGGG
hsdjfhasfhsjdafhfajsdhfjashfahdfjhasfaasjdhfjashfjashfdhasdjfhasjdfhjashdfjashdfjashdfjahsdfjhasjfhjashf
Fdgasdfasf
Kjdfkasjdfkfsadjf asked asjdfk d
![Page 11: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/11.jpg)
What Makes a Design Effective?
![Page 12: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/12.jpg)
4 Basic Principles
Proximity Alignment Repetition Contrast
![Page 13: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/13.jpg)
Proximity
Purpose – organize Related items are grouped close
together Organizes info; reduces clutter; gives a
clear structure The closeness OR lack of closeness
indicates the relationship between objects
![Page 14: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/14.jpg)
What Makes a Design Effective?
Contrast Alignment Repetition Relevance
Proportion Direction Consistency Balance
![Page 15: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/15.jpg)
ContrastLarge type with small type
Different Typefaces
Thin & Thick Lines
![Page 16: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/16.jpg)
Contrast
Warm and Cool colors
Bold and Roman typestyles
![Page 17: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/17.jpg)
AlignmentWhat makes the reader move from
item to item?
![Page 18: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/18.jpg)
Repetition Need at least 3 items consistently repeated
throughout the document
Logo Colored Bkgnd Spot Color
Fonts Rules Bullets
Dingbats Header/Footer/Pg # Borders
Headings Style of graphic/photo Drop Caps
![Page 19: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/19.jpg)
Relevance Do the graphics/clipart help the reader
understand? Is each item helpful? Are colors appropriate? Do headlines relate to text?
![Page 20: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/20.jpg)
Proportion
BIGGER is BETTER!
Resize and crop images to call attention to their importance
![Page 21: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/21.jpg)
Direction Reader will go Top to Bottom, then
Left to Right Make the reader move through the
document– Implied motion
![Page 22: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/22.jpg)
Direction
Rodeo KickoffRodeo Kickoff
Rodeo KickoffRodeo Kickoff
![Page 23: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/23.jpg)
Consistency Margins Typeface Spacing Space between
picture Gutters
Type Size Indents Text Wraps Sizes of Boxes Border Styles Side Bars
![Page 24: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/24.jpg)
Balance Ink on headline
should balance the ink used on graphics
Avoid bottom right Don’t “overweight”
a side or an element
HEADLINE HERE
JDFJJFJFK
DF JAFJ AK JDF UAIUR
Now is the time for all good men to come to the aid of their country. Now is the time for all good men.
Now is the time for all good men to come to the aid of their country. Now is the time for all good men to come to the aid of their country. Now is the time for all good men to come to the aid of their
country. This is too top, left heavy
![Page 25: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/25.jpg)
Effective Elements That Will Attract Attention
![Page 26: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/26.jpg)
Attention Getters Boxes
– Repeats– Supplement Info– Frame a photo
Rules– Alternative to boxes– Organize & Direct– Create Rhythm
Sidebars– Usually on outer edge– May have pictures or tinting
Pull Quotes– Text extracted from article—keeps reader from skimming
![Page 27: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/27.jpg)
Bleeds– Item that “falls” into margin or off page…usually
picture
Watermarks– Make sure it is a true watermark…make a photocopy
Tints– Lighter shade of any color– May be a lighter shade of a color in a logo—not really
another color
White Space– Keep it open, clear, simple– Ideal is 30% White Space
![Page 28: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/28.jpg)
Typography
![Page 29: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/29.jpg)
Serifs & Sans Serifs
Serifs
–T M R u t g
– Best for body text– Easier to read– Move eye from one
letter to the next
Sans Serif
–T M R u t g– Best for headlines
and on-screen display
![Page 30: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/30.jpg)
Personality of Type
![Page 31: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/31.jpg)
SophisticatedSerif, small x-height, tall ascenders &
descenders
•Poor Richard (Sophisticated)
•Papyrus (Sophisticated)
![Page 32: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/32.jpg)
Contemporary Sans serif, high x-height, short
ascenders and descenders– Broadway (Contemporary)– Haettenschweiller
(Contemporary)
![Page 33: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/33.jpg)
Elegant Long, pinched bowl, elongated
vertical shape
–Pristina (Elegant)–Mona Lisa (Elegant)
![Page 34: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/34.jpg)
Friendly Sans serif, rounded bowls and
generally round shape– Comic Sans (Friendly)– Tahoma (Friendly)
![Page 35: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/35.jpg)
Elementary Sans serif, long ascenders and
descenders, rounded bowls– Kristen (Elementary)– Tempus (Elementary)
![Page 36: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/36.jpg)
More Typography Adjustments—may be
automatic on the software program– Kerning– Tracking– Leading
![Page 37: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/37.jpg)
Uppercase or Mixed Case All UPPER is harder to read
– Never use script in all uppercase—reader must decipher every letter•KLEIN SCHOOL DISTRICT
– Reader sees all upper case as a boxKLEIN SCHOOL DISTRICT
![Page 38: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/38.jpg)
Paragraph Alignment
![Page 39: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/39.jpg)
Initial or Drop Caps
Not a Drop Cap! Just first letter enlarged! See the gap under the line?
![Page 40: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/40.jpg)
ColorWhy does it look good on the
screen and bad when printed?
–RGB-Red, Green, Blue—what is seen on a monitor or web page
–CMYK-Cyan, Magenta, Yellow, Black—the colors used by a printer
![Page 41: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/41.jpg)
Color
..\Desktop\DTP Pres Color.ppt
![Page 42: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/42.jpg)
Out of the Box Ideas
When in doubt…Tilt it Try Vertical layout or text Print Text over Photos Type as Art …i.e. words as the wick of a candle,
words flowing from a tilted glass
Frame with Graphics/Art Call-outs…labeling items, “balloons” for people in
a picture…
![Page 43: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/43.jpg)
Makeover Projects
![Page 44: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/44.jpg)
Business Card Makeover
See Handout for details.Files are in BusCard Makeover Folder.
![Page 45: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/45.jpg)
Poster Makeover
See Handout for details.Files are in Poster1 Makeover Folder.
![Page 46: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/46.jpg)
Festival Poster #2
See Handout for details.Files are Poster2 Makeover Folder.
![Page 47: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/47.jpg)
Wedding Invitation Makeover
See Handout for details.Files are in Invitation Makeover Folder.
![Page 48: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/48.jpg)
Business Card Makeover
See Handout for details.Files are in BusCard Makeover Folder.
![Page 49: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/49.jpg)
![Page 50: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/50.jpg)
![Page 51: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/51.jpg)
![Page 52: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/52.jpg)
![Page 53: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/53.jpg)
Poster Makeover
See Handout for details.Files are in Poster1 Makeover Folder.
![Page 54: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/54.jpg)
![Page 55: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/55.jpg)
![Page 56: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/56.jpg)
![Page 57: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/57.jpg)
![Page 58: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/58.jpg)
Festival Poster #2
See Handout for details.Files are Poster2 Makeover Folder.
![Page 59: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/59.jpg)
![Page 60: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/60.jpg)
![Page 61: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/61.jpg)
![Page 62: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/62.jpg)
![Page 63: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/63.jpg)
![Page 64: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/64.jpg)
![Page 65: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/65.jpg)
![Page 66: The New Look of Desktop Publishing](https://reader035.fdocuments.in/reader035/viewer/2022062422/56813f9d550346895daa8d42/html5/thumbnails/66.jpg)