“THE DIFFERENCE BETWEEN SOMETHING GOOD AND SOMETHING GREAT IS ATTENTION TO DETAIL.”
DESIGN details PRESENTED BY KRISTINA SKRELA
WHAT DETAILS?
TYPE GRAPHICS ALIGNMENT COLOR FOLIOS
TYPE
details
WHAT IS TYPE?
Headlines Secondary Headlines Copy Quotes Captions Caption Starters Secondary Coverage (Mods) Page Numbers
WHERE IS TYPE INTRODUCED?
Cover
theme book name year
Spine
name + city, state year book name + volume # theme/logo
TYPE STYLE CONSIDERATIONS
Font
Weight
choose font personality that speaks your theme regular, light, condensed, italic, bold, bold italic
Point Size
body copy is 10 or 12 pt. mod copy is 9 or 11 pt. caption copy is 8 or 10 pt.
TYPE STYLE CONSIDERATIONS
Capitalization
ALL CAPS SMALL CAPS lower case Up Style
Capitalize Every Word Except Articles, Prepositions, and Most Conjunctions
Down style
Initial capital letter and all other words lowercased and no period
TYPE STYLE CONSIDERATIONS
Outline
stroke fill
Color
percentage of black, color
TYPE TIPS
River
Widow
improper word spacing can create gaps of “rivers” of white space in the text that slows down the reading defined as a single word on a line by itself at the end of paragraph
Orphan
the last word or line of a paragraph that sits alone at the top of a column of text
TYPE TIPS
Love the fonts on your cover Set styles
body copy, captions, headlines, secondary headlines font, point size, weight, alignment
Copy fit type
take longest name/word work backwards dividers, headlines, portrait names, sport names, club names
COPY FIT TYPE
TYPE TIPS
Set page number styles on master template
same font, weight, alignment used for year on cover
InDesign
type > find font eye dropper tool shi > select all type > make changes
font, point size, justification, hyphenation
GRAPHIC
details
WHAT IS CONSIDERED A GRAPHIC?
Shapes Rule Lines
stroke (dotted, wavy, dashed, double lines) weight start /end (bullet, square, triangle) window > stroke (ctrl/apple + F10)
WHAT IS CONSIDERED A GRAPHIC?
Dingbat
an ornament, character or spacer used in typesetting type > glyphs >symbol, wingdings, webdings 1, 2, 3, zapf dingbats Fontspace.com, DaFont.com, UrbanFonts.com, DingbatDepot.com
GRAPHIC EFFECTS
Stroke/Fill on Photos/Shape
Corner Effects
weight, color fancy, bevel, inset, inverse rounded, rounded
Transparencies Gradients Drop Shadows Feathering
ALIGNMENT
details
WHAT IS ALIGNMENT?  Arrangement of elements in relation to one another
TYPE ALIGNMENT
Le Right Center Justified Justify last line aligned le Justify last line aligned center Lyrical
TYPE ALIGNMENT
GRAPHIC ALIGNMENT Headlines > Copy Captions > Photos Rotation tilt photos/objects to the same degree
GRAPHIC ALIGNMENT
GRAPHIC ALIGNMENT
GRAPHIC ALIGNMENT
COLOR
details
COLOR OPTIONS
Color theme
Black theme
choose a palette represents personality of book ColourLovers.com 10%, 30%, 60% 25%, 50%, 75%
Spot color
COLOR ELEMENTS
Type Graphics Backgrounds
COLOR ACCURACY
Pantone Matching System Invest in Pantone Books or Color Books
RGB vs CMYK
Pantone Guide to Communicating with Color by Leatrice Eiseman CMYK is recipe for successful color printing
What you see on your screen is NOT what prints in yearbook
COLOR ACCURACY - InDesign
COLOR ACCURACY - InDesign
COLOR ACCURACY - InDesign
COLOR ACCURACY - InDesign
COLOR ACCURACY - InDesign
COLOR ACCURACY - Online
COLOR ACCURACY - Online
FOLIO
details
WHAT IS A FOLIO?
Page numbers and the topic of a spread placed as a unit Usually at the bottom le and right corner Default font is usually Arial or Times New Roman
BORING
On master template
PLACEMENT
Along outer edge of book
bottom le/right or center center le/right top le/right or center
InDesign Tip
window > pages > master object > unlock position
TYPE
Point size
Weight
12 pt. remember the font of the year on your cover regular, light, condensed, italic, bold, bold italic
Alignment
le, right, center remember to copy fit from the largest page number/topic
GRAPHICS
Shape Rule line Glyph Photos
ADVANCED FOLIOS
Photo of student and name Quote from a student and name Photo and quote from a student and name Fun facts
ADVANCED COVERAGE
WHAT DETAILS?
TYPE GRAPHICS ALIGNMENT COLORS FOLIOS
DESIGN details
KSKRELA
@herjones.com