Graphic Design School The Principles and Practice of Graphic Design by David Dabner Sandra Stewart Eric Zempol (z-lib.org)

tips and terms
types of photography
which camera?
which lens?
photomontage
Photoshop
Brush Tool (B)
canvas
Color editor
keyboard shortcuts
Lasso Tool (L)
Layer Comps
layering
Magic Wand Tool (M)
main toolbar
Marquee Tool (M)
Pen Tool (P)
photomontage and collage
Photoshop file etiquette
pixels
preset color swatches
Quick Mask and Layer Mask
resolution
scanning
tablet
test sheet
pixels
placeholders
plates
plugins
PNG
poetics
points
positive space
PPI (pixels per inch)
practice
preparing files for print
file naming
file types and compression
font embedding
key graphic file formats
PDFs

451

print checklist
what to send
presentations
color
craft
form and function
format
match color and paper stock
present appropriately
press checks
primary color
primary research
print media
black
CMYK
CMYK and resolution
full black
halftone
line art
offset printing
printing on plastic
print production and presentations
assignments
correcting color proofs and press checks
creating a convincing presentation
digital printing
paper stocks and finishing
preparing files for print
print media
printed color
printed color
calibrating your monitor
global standard
limited color
Pantone Matching System (PMS)
PMS and Pantone book paper choices
RGB to CMYK
surface and ink
tints and opacities
workspace, monitor and calibration
printing
production

452

profiling
proximity
PSD
pull quotes

Q

quality control strips
Queiroz, Dada

R

ranged (or ragged) left/right
raster
readability
reams of paper
receding color
recording observations
registration marks
relief
Renner, Paul
repetition
repetition with variation
representation
research

assignments
audiences, markets and concepts
basics of research
broaden your outlook
exploratory drawing
lateral thinking
linear reasoning
multiple images
observation
record it all
research techniques
scheduling, organizing and finalizing
theories of image and text
timescale
visualizing ideas
website design
resolution
RGB
rhetoric
RODI (Return On Design Investment)

453

rollover folds
rotations
roughs

S

saddle stitching
sans serif
satin papers
saturation
Saussure, Ferdinand de
scanning
scheduling

build a schedule
schematics
Scher, Paula
Schwitters, Kurt
screen printing
screen resolution
search engine optimization (SEO)

image search results
images
keywords
meta tags
page title
search page results
SEO advice for designers
SEO advice for your clients
site description
secondary color
secondary research
semantics
semiotics
serif
shapes
shift-scheduling
signs
simultaneous contrast
site maps
size and format
content determines format
folds and binding
primary considerations

454

SmashingMagazine.com
social media
space
spot color
SSL (Secure Sockets Layer)
stock papers
Storor, Mark
storyboards
style boards
styles of layout

asymmetrical page design
asymmetrical revolution
combining styles
integrating styles
symmetrical style
subtractive color
symbolism
dots, lines and shapes
typography
symbols
dependable artwork
symbol families
symbol style
universal messages
symmetry
choosing symmetry or asymmetry
designing without symmetry
different but equal
in harmony
symmetry in asymmetry
typographic symmetry
syntax

T

tag clouds
tertiary color
texture
theories of image and text
thirds
thumbnails
TIFF
tints

455

tones
tools and technologies

Adobe Flash and Adobe After Effects
Adobe Illustrator
Adobe Photoshop
assignments
page assembly programs
photography basics and sourcing images
tracking
tricks on the eye
Tumblr
typefaces
changing some lower case to capitals
changing the typestyle
clarity
display type
fluidity
identifying characteristics
impact of x-heights
large x-heights
measuring
numerals
point size/pica
sans serif
sans-serif and script typefaces
selecting fonts
serif
small x-heights
stress/axis
text type: old style, transitional and modern
type classification
x-heights and readability
typography
anatomy of type
assignments
design history
design objectives
form matching content
headings
intelligent design
justification options
key terms

456

leading
less is more
letterspacing
meaning
opposites attract
power of contrast
ragging text
readability and legibility
simplicity rules
spacing
text as image
titling components
type in motion
type size
typographic emphasis and hierarchy
typographic rules/boxes and ornaments
typography and meaning
understanding and selecting typefaces
web typography
word as object

U

UI (user interface)
unjustified text

V

varnished papers
vectors
vibration
visualizing ideas

computers and visualization

W

web and interactivity
banner ad design
common elements of a web layout
designing for the web
evolution of the web
flowcharts and wireframes
information architecture (IA)
initial consultations
mobile application design
online portfolios

457

project development process overview
project structures
search engine optimization (SEO)
web tools
working with content management systems (CMS)
web hosting
web layouts
anchor link/jump link/top of page link
below the fold
body area
breadcrumb navigation
call-out/call-to-action elements
drop-down navigation/fly-out nav
extending “below the fold”
Favicon
feature panel slider
footers
header
inline text links
layout structures
learn the lingo
main navigation/top nav/left nav
multiple navigation sources
page title
structure with variety
web tools
Adobe Dreamweaver
Adobe Fireworks
Adobe Flash
Adobe Illustrator
Adobe Photoshop
Adobe TV
Code academy
coders vs programmers
coding
creating visual assets
exporting graphic elements
file naming conventions
Flash/ActionScript
generating pixel-perfect artwork
HTML and CSS
InDesign

458

JavaScript framework
visual compression
website design
animated content
background
banner advertising
client goals
design to evolve
documenting the details
forms
grid structures
horizontal rule
image styles
in-line hyperlink states
layout structures
navigation
preparing to design a site
reposition and edit
responsive design and display sizes
responsive web design
social media
start with paper
style boards
submenus
supplying clean files
tables
text styling
tool tips
user expectations
vertical positioning
web font services
web trends
web typography
website makeovers
where to start?
website design initial consultations
budget
closing the meeting
meeting tips
metrics/RODI
Plan B
preparations

459

project goals
scope
technical requirements
three aesthetic reference websites
three competitor websites
turnaround
website project development
404 Error pages
additional functionality
client questionnaire
code adjustments
coding
compositional sketches
content gathering
content integration
contract
design mock-ups
design phase
development phase
dimensions of a website
documentation
final compositional layouts
flowcharts
image prep
launch phase
packaging source files
planning phase
post-launch phase
presentation idea
review
satisfaction check
software, technology and resources
structured grid
testing
testing resources
text and verify
training requirements
upload to client’s web server
wireframing
website project structures
blogs
brochures

460

communicating visually
community sites
dark, not black
e-commerce sites
editorial structure
event/campaign sites
featured images
full home pages
news/reference sites
portfolios
weight
Werkman, H.N.
white space
widgetized areas
wireframes
add links
add regions
add typography
establishing visual hierarchy
greyscale values
grids
high-definition wireframe
incorporate text and navigational elements
useful links
WordPress
woven papers

X

x-heights

461

Acknowledgments

© 2012 Johns Hopkins University
© 2013 Apple Inc. All rights reserved
© 2013 Nike, Inc. All Rights Reserved
© 2013 The New York Times Company
© Christie’s Images/Corbis
© Design Bridge, www.designbridge.com
© Frost* Collective , www.frostcollective.com.au
Aloof, http://aloof.co
Bain, Kitch, Shutterstock.com
Beck, Krissy, Drexel University
Bell, Vance, www.vancebell.com
Beltramo, Lauren, Drexel University, www.laurenbeltramo.com
Bessermachen DesignStudio, design and packaging; Stiig Helgens Binggeli, Brandhouse, for
archetypes and the idea, www.brandhouse.com
Bloom, Jeremy, Drexel University, https://involvio.com
Boca, Jermaine www.jermaineboca.com
Bowden, Amy, www.amybowdenportfolio.co.uk
Bluehand, Shutterstock.com
Brandient, www.brandient.com
Bridgeman Images
Bright Pink Communication Design
Bryant, Warren, www.wb94graphics.com
Carreras, Genis, www.studiocarreras.com
Chi, Jenny, Drexel University
Chipp, Kidd, Knopf Publishing
Coffey, Marcy Zuczek, www.wfgd.net
Cohen, Shira, Drexel University
Cook, Kyle, www.kyleacook.com
Courtesy of the Herb Lubalin Study Center at The Copper Union
Courtesy of The University of Michigan, Designer: Steif, Ariela, http://www.arielasteif.com
Daredevil Creative, www.daredevil-creative.com
Davies, Alice, www.alicedavi.es
DeMirjian, Brielle, Drexel University
Dickson, Oliver & Sølling, Kristoffer, www.oliverdickson.co.uk, www.kristoffersoelling.dk
Dillon, Hannah, Drexel University, www.hannahdillon.com
Dominiak, Katarzyna, www.katarzynadomiak.com
Edwards, Victoria
Elboreini, Engy, www.engyelboreini.com
Elliott, Steven, Drexel University

462

Ellis, Hannah & Malfilatre, Stella Gelardi, www.hannahellis.co.uk, www.stellamalfilatre.com
Émigré, http://emigre.com
Evans, Sarah, www.sarahevansdesign.co.uk
Flynn, Megan, Drexel University
Foster, Rebecca, www.rebeccafosterdesign.co.uk
Fox, Joseph, www.josephfox.co.uk
Gallagher, Erika, Drexel University, www.impartcreative.com, www.erikagallagher.com
Garrone, Pietro, www.pietrogarrone.com
Germano, Frank, Man on Fire Design
GINGERMONKEY, www.gingermonkeydesign.com
Goldberg, Carin, www.caringoldberg.com
Graff, Jody, Jo to Go Design
Grand Union Design, email: [email protected]
Graphic Evidence Ltd, www.graphicevidence.co.uk
Greene, Rachael, Drexel University
Grundy, Peter, http://grundini.com/
Gundelsberger, Caitlin, www.caitlin-g.com, Drexel University
h2a s.a, www.h2a.lu
Hale, Don, www.donhalephotos.com
Happy Cog, www.happycog.com
Haring Jr., Don
Hart, Jennifer, Drexel University, www.jenniferhartdesign.com
Hince, Mike, www.mikehince.com
Huerta, Gerard, www.gerardhuerta.com
Huff, Priscilla, www.priscillahuff.com
HUGE, www.hugeinc.com
Jaegal, Sun & Smith, Ryan www.hearthesun.com, www.ry-an.co.uk
Jia, Fan, Drexel University
Langdon, John, www.johnlangdon.net
Lareau, Alexa, www.alexalareau.com
Laschenski, Caroline, www.carolinelaschenski.com
LeBlanc, Miguel, www.wnartdesign.com, (Photos lesmaximes.ca)
Leino, Jari, iStockphoto.com
Lewandowski, Catherine, Drexel University, www.c-lewandowski.com
M.Gazarelli, Drexel University
Make Agency Limited Copyright 2016 ©, www.makegency.co.uk
Malfilatre, Stella Gelardi, www.stellamalfilatre.com
Massarelli, Nicholas, Drexel University
Matter Strategic Design, www.matter.to
Matthiesen, Kai Damian, www.kai-matthiesen.com
McCune, Sascha, Drexel University,www.sasha-em.com
McGhie, Helen www.helenmcghie.com (# 6 from the series Fitting Rooms, Helen McGhie, 2013)

463

Moralba, April, Drexel University
Mortal Muses, www.mortalmuses.com
Morton, Katie, Drexel University
Mortula, Luciano, Shutterstock.com
Mousegraphics, www.mousegraphics.eu
Nicholson, Katie, http://katiedesign.wixsite.com/portfolio
Neumeister, http://neumeister.se
Octavo Corp/Source Library, www.octavo.com
OlegD, Shutterstock.com
Palmer Brewster, Toby, email: [email protected]
Park, Ran, www.ran-park.com
Patel, Chandni, www.chandnipatel.co.uk
Penmore, Rebecca, www.formlines.co.uk
Peric, Zak,https://www.behance.net/zakperic, https://vimeo.com/85708559
Pestana, Joana, www.joanapestana.com
Potter, Kirsty, http://www.cargocollective.com/nogutsnoglory
Quevedo, Luis, http://www.behance.net/luiseq
Raisner, Evan, Drexel University, www.evanraisner.com
Ray, Fever
RedPoint Design Direction, Art Direction, Design & Illustration: Clark Most, Design: Joe Rivard,
www.designdirection.com
Rhode, Mike, www.rohdesign.com
Rice Creative, Images shot by Arnaud De Harven, http://rice-creative.com
Robertson, Scott
Santos, Luis, Shutterstock.com
Sauvan, Vincent, www.vincentsauvan.co.uk
Scher, Paula, Pentagram Design, www.pentagram.com
SeanPavonePhoto, Shutterstock.com
Segura, www.segura-inc.com
Seimon, Holly, www.hollysiemon.com
Shine, Nyki, http://nykiforever.wix.com/portfolio
Shutterstock, Inc
SMACK | Creative Digital Studio, www.SMACKagency.com
Smith, Ryan, Design Museum, http://designmuseum.org
Soppelsa, Moreno, Shutterstock.com
Stewart, Sandra
Summer Studio, www.summerstudio.co.uk
Swanson, Theodor, www.theodorswanson.com
Todd, Sarah-Jayne, www.sarahjaynetodd.co.uk
Vasily, Smirnov, iStockphoto.com
Vaughan, Alice
Wan, Cheng, Drexel University

464

Warnham, Hayley, www.hayleywarnham.com
Website designed and built by The Web Kitchen, www.thewebkitchen.co.uk
Weinstein, Brielle, Drexel University
Willie, Mark, Mark Willie Design, www.markwilliegraphicdesign.com
Yee, Karen, Drexel University, http://karenlyee.tumblr.com
Yoon, Ted Hyunhak, hyunhakyoon.com (Photography by Hanggab Lee. Copyright ©
hyuhakyoon.com All Rights Reserved. [email protected])
All step-by-step and other images are the copyright of Quarto Publishing plc. While every effort has
been made to credit contributors, Quarto would like to apologize should there have been any
omissions or errors - and would be pleased to make the appropriate correction for future editions of
the book.
With thanks to Zak Peric for his contribution to the article on Animate and After Effects, and for the
assignment.
With special thanks to Eric Zempol (1970-2014) for his work on the Fifth edition of this book.

465

WILEY END USER LICENSE AGREEMENT

Go to www.wiley.com/go/eula to access Wiley’s ebook EULA.

466