design principles: keys to dtp success. so what is good design? there are certain qualities that...
TRANSCRIPT
![Page 1: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/1.jpg)
Design Principles:Keys to DTP Success
![Page 2: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/2.jpg)
So What Is Good Design?
There are certain qualities that every printed document must have, regardless of its purpose or form
Use what we learn over the next two days as a safety checklist, not rules
I’ll also expect you to start explaining items using the terminology and design skills we discuss
![Page 3: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/3.jpg)
Design Concepts
Proportion Balance Restraint*
Contrast Rhythm Unity Detail*
* Not in Lichty
![Page 4: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/4.jpg)
Proportion
Design Principle #1
![Page 5: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/5.jpg)
Proportion
How well does each piece ofthe puzzle relate to the other pieces
Hold the layout at a distance and concentrate on the Total Picture– is it pleasing to your eye?
Proportion Obtainers– Importance
– White Space
– Margins
– Grids
![Page 6: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/6.jpg)
Proportion - Importance
The size of an element should be determined by its relative importance to its environment.
The larger an element, the more important it seems to the reader– Works with graphical or textual elements– Stair-stepping elements
• Like this– Or even this
![Page 7: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/7.jpg)
Proportion – White Space
Areas of a page without text or graphics Structured Order White Space
– gutters, leading, indents, etc.
Less Structured White Space– drops, empty left/right column, bands of white
White Space is very inexpensive to use Readers welcome it as a place to rest their
eyes (or a place to take notes)
![Page 8: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/8.jpg)
Proportion – White Space
Too little– Can look hard to read– Overwhelming & confusing
Enough– More inviting– Less intimidating
HOW TO REPEL READERS
How to attract readers
![Page 9: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/9.jpg)
Proportion – White Space
Plan for it - Treat white space as an element on the page– equal in importance to text and graphics– shouldn’t be seen as “leftover” space– should be organized
Use it along the outside edges of a page Use it in unequal concentrations
– Margins, drops, etc.
![Page 10: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/10.jpg)
Proportion – Trapped WS
Space trapped on all 4 sides– Fails to realize its potential
One of the biggest no-no’s in DTP Distracts the reader’s eye Seems to push away other
elements on the page Looks like a mistake
How to avoid creatingtrapped white space
![Page 11: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/11.jpg)
White space, White space, White space
Proportion – Equally Divided WS
When you have an item that doesn’t fill the space, don’t “float” the item by splitting the space evenly
Group WS together
White space, White space, White space
![Page 12: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/12.jpg)
Proportion - Margins
Defined by the grid, which describes the proportion and placement of the margin
Should occupy about 50 percent of the page Margins should always be unequal – equal
margins breed monotony– Should use progressive margins
![Page 13: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/13.jpg)
Proportion – Margins (Simplex)
![Page 14: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/14.jpg)
Proportion – Margins (Duplex)
![Page 15: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/15.jpg)
Proportion – The Grid
A series of non-printing horizontal and vertical guidelines on the page.– Guarantees consistency throughout the
document– Identifies margins– Determines orderly placement of columns and
illustrations on the page
Using the golden section
![Page 16: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/16.jpg)
Proportion – The Grid
Birds of Paradise
The Norwegian Blue
Polly the Parrott
![Page 17: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/17.jpg)
Proportion – Page Structure
Laying out various text columns that account for appropriate white space
You can interchange the page structures, but remember to keep consistent margins throughout a document
Roughly 8 ways to structure a page
![Page 18: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/18.jpg)
Proportion – Page Structures
![Page 19: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/19.jpg)
Proportion – Page Structures
![Page 20: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/20.jpg)
Proportion – Columns in Grids
![Page 21: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/21.jpg)
Balance
Design Element #2
![Page 22: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/22.jpg)
Balance
The weight of the objects on the left side of the page equals those on the right
Unbalanced objects make us uneasy Balanced objects look proper and secure
![Page 23: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/23.jpg)
Balance – Optical Center
To obtain balance, youwork with the optical center
The spot the eye sees when it first encounters a page
Slightly above the mathematical center of the page
Similar to where we look on the face when we talk to others:the eyes
![Page 24: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/24.jpg)
Balance – Formal Balance
Symmetrically formatted Balance is evident along
the optical center Provide feeling of formality,
precision, and reserve Examples: wedding invitations, title pages,
business cards, etc.
![Page 25: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/25.jpg)
Balance – Informal Balance
Asymmetrical format Balance is dynamic instead
of static along the optical center Reader adjusts the balance in own mind More energy, more vigor, more enthusiasm Adds interest to the page and sparkle to the
presentation
![Page 26: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/26.jpg)
Restraint
Design Element #3
![Page 27: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/27.jpg)
Restraint
Strive for simplicity in design DTP gives you so many tools Straight-forwardness is a virtue
– Effective design is invisible to reader
Restraint is achieved by sticking to a few carefully chosen typefaces, styles, and sizes
A good carpenter doesn’t use every tool in his kit on a single task; neither should you
![Page 28: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/28.jpg)
Restraint
If you draw attention to too many items on the page, the result is nothing will stick out
Excessive use of emphasis weakens your publication to the point of losing all impact
Overuse of graphic gimmickry results in a cluttered look
![Page 29: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/29.jpg)
That’s all for today…
More to come on Thursday
Quiz on Tuesday
![Page 30: Design Principles: Keys to DTP Success. So What Is Good Design? There are certain qualities that every printed document must have, regardless of its](https://reader030.vdocument.in/reader030/viewer/2022032723/56649d175503460f949ed2f8/html5/thumbnails/30.jpg)
References
Looking Good in Print, Roger C. Parker The Non-Designer’s Design Book, Robin
Williams Desktop Publishing Design, Kristine Moore Design Principles for Desktop Publishers,
Tom Lichty