presentation

Design Matters
Design basics and the portfolio
Danielle Steussy
[email protected]
daniellesteussy.com/design.pdf
Personal Brand vs.
Visual Identity
daniellesteussy.com/design.pdf
Color
Choose colors that embody your personality
and that complement each other.
Color Theory: Warm Colors
Reds
Passionate
Energetic
Enthusiastic
Oranges
Creative
Unique
Social
Yellows
Intellectual
Optimistic
Radiant
But…
Angry and
aggressive
But…
Crass and loud
But…
Cautious and
jealous
daniellesteussy.com/design.pdf
Color Theory: Cool Colors
Blues
Knowledgable
Peaceful
Contemplative
Greens
Natural
Youthful
Healing
Purples
Wise
Creative
Sophisticated
But…
Cold and
depressed
But…
Greedy and
envious
But…
Excessive and
exaggerated
daniellesteussy.com/design.pdf
kuler.adobe.com
daniellesteussy.com/design.pdf
kuler.adobe.com
daniellesteussy.com/design.pdf
Typography
Choose fonts that reflect your personality
and that are professional and readable.
Avoid fonts like
Comic Sans
and Papyrus
daniellesteussy.com/design.pdf
Typography
Choose a serif or sans serif font as
your base font and complement it
with a more expressive decorative font.
Choose a base font
Sans Serif
Serif
Source Sans (Google)
Open Sans (Google)
Museo Sans
Helvetica
Garamond
Adobe Caslon Pro
Lora (Google)
Droid Serif (Google)
daniellesteussy.com/design.pdf
Choose a complementary font
Handwritten
Slab Serif
Eight zeta Caps
Arvo (Google)
Condensed
Script
Cheap Pine
Luxus Brut
daniellesteussy.com/design.pdf
Find your font
Google fonts (free + web)
dafont.com (free)
MyFonts.com
veer.com
typography.com
daniellesteussy.com/design.pdf
Imagery
Be professional and appropriate.
Portraits
daniellesteussy.com/design.pdf
Portraits
daniellesteussy.com/design.pdf
Portraits
daniellesteussy.com/design.pdf
Contrast
Repetition
Alignment
Proximity
daniellesteussy.com/design.pdf
Contrast
Repetition
Alignment
Proximity
daniellesteussy.com/design.pdf
Contrast
Repetition
Alignment
Proximity
daniellesteussy.com/design.pdf
Contrast
Repetition
Alignment
Proximity
daniellesteussy.com/design.pdf
CRAP
Contrast
Repetition
Alignment
Proximity
daniellesteussy.com/design.pdf
KISS
Keep It Simple, Stupid.
daniellesteussy.com/design.pdf
The Portfolio
Print, web and everything else.
Print
The tactile experience is part of your identity.
Consider form, shape, texture and material.
Online Resources
Costco.com
Shutterfly
Blurb
daniellesteussy.com/design.pdf
SLO Resources
Mac Lab in Library (InDesign, Photoshop, Illustrator)
Cal Poly Print & Copy (in the Library)
UGS (on campus)
San Luis Print & Copy
daniellesteussy.com/design.pdf
Web
Create an experience.
Step one: buy a domain
GoDaddy.com
Domain.com
NetworkSolutions.com
daniellesteussy.com/design.pdf
Step two: get a host
GoDaddy.com
iPage.com
Hostmonster.com
FatCow.com
daniellesteussy.com/design.pdf
Step three: Use a template
or code your own site
sites.google.com
wordpress.com
wix.com
weebly.com
daniellesteussy.com/design.pdf
But the best is squarespace.com
Purchase domain, host and template
all in one place
Easy to implement and maintain
Fully Responsive (think mobile first)
daniellesteussy.com/design.pdf
The internet is not
a filing cabinet.
Be deliberate with your content.
Consider architecture, user experience
& mobile vs. desktop experience
daniellesteussy.com/design.pdf
Thank you! Questions?
daniellesteussy.com/design.pdf
[email protected]