1. mixed reens
DESIGN
wifi password = pyrocephalu5

2. * mixed greens design is a little green around the edges
· · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
GREEN IS: fresh : new : alive
GREEN IS: sustainable : renewable : responsible
GREEN IS: developing : changing : growing *

3. · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
Print is forever.
Ensuring your fancy-web-creation-dot-com
will translate to the world of ink & paper.

4. · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
No, really.
Print is forever.

5. { Ahem. }

6. { haHA! }

7. · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
In Defense of Print
No batteries required.
No privacy invasion.
You can touch it.
You can give it.
It’s beautiful.

8. · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
Web is pretty alright too.
It’s fast.
It’s cheap.
It’s flexible.
It’s exciting.

9. · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
What We’re Printing
STANDARD IDENTITY
Business Cards / Letterhead / Envelopes
INFORMATIONAL
Brochures / Catalogs / Booklets / Mailings
PROMOTIONAL FUN THINGS
Flyers / Posters / Stickers / T-Shirts / Pint Glasses

10. · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
What We’re Web-ing
Facebook Profile / Cover Photo
Twitter Profile / Background
Google+ / Pinterest / Instagram Profiles
Blog Banner
Avatars

11. · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
What defines success?
WEB DESIGN
—
Attracts and retains interest
Delivers message
Conveys character
Strictly a design evaluation — not including other measures of success
(conversions, tracking, etc.)

12. · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
What defines success?
PRINT DESIGN
—
Attracts and retains interest
Delivers message
Conveys character
Same fundamentals, really; good design is good design.
It’s all about communicating.

13. · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
Where Print & Web Differ . . .
Web design is a totally different medium where
the "paper size" (the screen resolution) changes for
every viewer, colors don't cost extra, fonts are
limited to a select handful, and extra images might
mean losing customers.
— Adam Hayes, 2005 —

14. · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
{ . . . or at least they used to }
RESOLUTION / BANDWIDTH LIMITATIONS
Image Size & Quality vs. Upload Times
COLOR
Pantone vs. CMYK vs. RGB
TYPE
Web Fonts vs. Desktop Fonts

15. · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
Selecting Images
Increasing network capabilities and retina displays are
shrinking the gap between print & web in a big way.
Still . . . consider resolution, { DUH }
and compression,
and bleeds.
Better yet . . . go vector wherever possible!

16. · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
Applying Color
Digital printing is changing this dynamic, too.
It’s cheap, quick, and flexible to print in full color.
But—digital or otherwise, prints will never fully match
on-screen colors, because of the differences in the
CMYK and RGB color spaces.

17. · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
Understanding Color Space
{ Thank you American Institute of Physics }

19. · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
Working with Color
Work backwards!
Make sure your materials work in B&W.
{ Then choose Pantones if it seems appropriate. }
Then choose CMYK colors and test print.
THEN go all out! Adjust colors in RGB for web use if
you like!

20. · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
Choosing Fonts
{ Can I get an ‘amen’ for web fonts!?! }
Look for multiple styles and weights, and check out
the glyph coverage.
This is Lato, by Łukasz Dziedzic.
It comes in FIVE weights, each also in Italic.
{ Lato does not include an interrobang! }
And make sure you can use it for both web & print.

21. · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
Licensing for Desktop/Web
Font Squirrel has a nice tool for generating web fonts
from fonts you own.
WordPress.com and sites like Squarespace and Virb
have growing options for built-in web font support via
Typekit and Google Fonts.
. . . If you use them, make sure you can get a desktop
license too!

23. · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
Still . . . they’re not the same.
PRINT
Limited Space
Unique Sizes & Formats
Absolute Layouts
· · · · ·
Texture / Depth / Thickness
Translucence / Die-cuts / Embossing
WEB
Virtually Unlimited Number of Pages
Standardized Device Sizes
(Somewhat Forced) Flexibility of
Layouts
· · · · ·
Sound / Movement / Video
Interaction / Organic Navigation

24. · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
the LOGO
SCALABILITY
Appropriate Level of Complexity
{ Nothing smaller than 0.5 pt at 1 inch tall/wide }
CONTRAST
Should work in greyscale and black

25. Case studies in frustration & anguish . . .
{ Two local businesses I love and adore.
And whose logos I do not. }

29. Case studies in success { hopefully } . . .

42. facebook.com/NMBikePoloFOR MORE INFO :
LeagueOfBikePolo.com/user/NMBPA
facebook.com/NMBikePoloFOR MORE INFO :
LeagueOfBikePolo.com/user/NMBPA

56. · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
Guiding Principles
TEST.
{ As in . . . print it out. And then Xerox it. }
SIMPLE IS BEAUTIFUL.
BE FLEXIBLE.
Print and web will never be the same. And we
wouldn’t want them to.

57. · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
PRINT & WEB COLLIDE!
QR Codes
Links to PDFs
print.css
Web styles mimicking print
(Letterpress text effects, paper textures, etc.)
Hipstamatic & Instagram

60. · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
x o x o .
Thanks!