Design So Cool
It Will Make
Your Eyes BleedKarl Grubaugh
Adviser, Granite Bay Gazette
With credit to Joseph Mullen,
former Gazette co-editor-in-chief
Key Points!
1.Go BIG!(The concept is DOMINANCE)
When you have a terrific photo,
RUN IT
REALLY
LARGE!
Don’t waste it.
But be thoughtful about how to use
it. The designer used the dark
feathers as a perfect place to run
reverse text without having to add
some kind of cheesy shadow box
to make the text visible.
BEFORE AFTER
Notice the
tight
cropping
of the
pictures
and
effective
teasers.
COUNT THE
FACES
I like the
rodent
package on
the first
page, the
fish
package on
the second
page. Nice
use of
creative
white
space.
RULE
VIOLATION!
Non-
modular
design …
where?
Does it
work?
Nice
cropping
and NICE
use of
cutout on
first one.
Notice
creative
packaging
on both
pages.
Key Points!
2. Text as Art
Great
headline
treatments,
fantastic
cutout on
number 2.
OH MY
GOSH, TIGER
IS
COVERING
UP OTHER
THINGS!!!
Yes…that’s
what we
call
thinking
outside of
the box
Nice use of
color on first
one. Take
lackluster
photo and
make it an
interesting
overall
package.
(Photoshop
tip: color
sampling
from the
photo for use
on the font.)
Nice use of
creative
crops and
photos on
second one.
Great faces
on first one:
COUNT THE
FACES! Cool
use of
photo
illustration
on second
one, but
notice that
the
illustration
doesn’t
stand
alone.
Great infographic
on the left -- cool
headlines and
judicious use of
color. Photo
illustration is
relevant because
PHOTOGRAPHER
AND WRITER AND
EDITOR
COMMUNICATED!
Key Points!
3. Dance with the
one who brung ya.
(Take advantage of what you’ve got to work with.)
Emphasis is put on photo, tons of
white space but it WORKS.
Huge typeface makes it more
interesting – simple but bold
Key Points!
4. Use COLOR well!
BEFORE AFTER
Notice the
professional
quality of the
after page –
it’s much
cleaner
looking than
the first one.
(Word ‘Sushi’
in first head
is incredibly
cliché.) Also
has creative
teasers.
Cool head
treatment
Cool info-
graphic
and text
shape
REALLY cool
cutouts on
first one. You
can cover up
your flag –
People know
by now
whether it’s
news,
lifestyle,
voices,
sports, or
whatever.
Nice
infographics
on second
one as well.
You can design two facing pages as a double truck!
Nice cutout, defies modular design but
WORKS!
Also, notice they toned down the teasers
and photos on other stories to draw
attention to main package
Don’t use color
just for the sake
of color. First
one is much
more effective
with limited
color. Too many
colors looks …
cheap.
Key Points!
5. Use Lots of
Points of Entry
(And you need to play with Illustrator to help create
illustrations and infographics!)
Complex, but works. Informative.
Terrific use of color – but label it as a photo illustration!
Boring
photos
made more
interesting
through
effective
design.
Nice macro shots, repetition can
be very effective;, color
sampling/matching gives the
package on the left some visual
consistency.
Text can be a graphic: be creative!
Key Points!
6. Headlines
matter!
(Take the time to make them great!)
Tie your headlines into your photos – a little irony is great for capturing attention
There is a
nice
juxtaposition
of fonts on
the first
page, and the
repetition of
the photos
makes a cool
playbill
effect. The
second one
uses
illustrative
photos on
the top and a
subtly nice
headline
treatment
with the S
going into
the photo.
The first one illustrates a nice use of a single color.
The second one is just awesome with the infographics.
First one is a
cool and
creative way to
use graphs
other than
standard Excel
graphs. The
second one
uses a powerful
illustration that
employs
repetition and
pops of color
that make it
really work.
First one is creative solution to typical Christmas gift
package. Nice illustration that chunks the story well.
The second one is a great use of infographic,
differentiating Porsche cars from others by color pops.
Color is cohesive and infographic is simple to follow.
Terrific crops on photos; the crops frame stories well.
Great tabloid front, very powerful and representative photo. B+W package on second one
is effective for the tone of the story, and cutout is dominant without hogging ALL the space
Tone on left is somber; effectively builds on the photo. Prayers listed down the side is a nice
touch. Second one has creative headline treatment by playing with size, leading.
INSPIRATION INTERPRETATION
Joseph took a page design he saw online and reinterpreted/applied it to the Gazette
using his Illustrator techniques and the text of the story as the walls. STEAL IDEAS!!!!!
First package is serious to match story, toned
down, but effective. Use sparingly.
Clever and very nice illustration on second one,
colorful. Again, matches mood of story with design
When used sparingly and professionally,
type as a graphic can be very effective and
impactful. The simple black and white
ironically mirror the subject matter of the
story. Again, RUN IT BIG for more impact!
Effective illustrations are relatively simple, but impactful. Again, colors are cohesive.
Nice illustration, with excellent use of
white space
Again, nice somber photo, B+W is
appropriate to story
Creative content and stories create impact
and interest. CONTENT MATTERS
Nice graphic for the story, very
understandable and clear.
First one is a nice use of cohesive colors . Second one uses onomatopoeia in the
headline and clear infographics to illustrate story.
Stunning!
A nice macro
shot,
appropriate
use of color
(note drop cap);
gray
background
mimics color of
the fork and
helps the color
of the cherry
and juice to
really pop off
the page
Nice alternative
story package
on second one
– make it a
game! Needs
communication
to work
Great cropping on first one, adds impact to
photo. Second one has one of the greatest
headlines I’ve ever seen. Period.
Nice photo-illustration in first one, lime green and black pair nicely.
Disney teaser in the second one is simply fabulous.
http://www.bestfrontdesign.com/archives.htm
My web page is at:
Granitebayhigh.org
Academics>social studies>Karl Grubaugh
kgrubaugh@rjuhsd.us
The best designs for
inspiration come from:

More Related Content

PPTX
Poster process
PPTX
My street art design and the Process
PPTX
Presentation1
PPTX
Ui portfolio final
PPTX
Magazine front cover development
PPTX
Magazine front cover development
PPTX
Grime time masthead designs
PPTX
Production experiments (magazine project)
Poster process
My street art design and the Process
Presentation1
Ui portfolio final
Magazine front cover development
Magazine front cover development
Grime time masthead designs
Production experiments (magazine project)

What's hot (15)

PPTX
How I Created My Front Cover
PPT
Creating my front cover
PPTX
1st+music magazine powerpoint taffy school 13th decemberggj
PPTX
Childrens books powerpoint
PPTX
Double page spread week 1
PPTX
Evaluation of summer project powerpoint
PPTX
1st+music+magazine+powerpoint+taffy+school+13th+december
DOCX
Film magazine front cover planning and construction
PPT
Print Screens Of My Content Page(Original)
PPT
Planning Cover School Magazine
PPTX
Dps dct
PPT
How I Made My Magazine (Presentation)
PPTX
Music Magazine Advertisement
PPTX
1. fmp initial plans
DOCX
Evaluation.
How I Created My Front Cover
Creating my front cover
1st+music magazine powerpoint taffy school 13th decemberggj
Childrens books powerpoint
Double page spread week 1
Evaluation of summer project powerpoint
1st+music+magazine+powerpoint+taffy+school+13th+december
Film magazine front cover planning and construction
Print Screens Of My Content Page(Original)
Planning Cover School Magazine
Dps dct
How I Made My Magazine (Presentation)
Music Magazine Advertisement
1. fmp initial plans
Evaluation.
Ad

Viewers also liked (7)

PPT
Motivating the unmotivated
PPT
Is In Depth Journalism Dead
PPT
Dancing on the edge of the cliff updated 4
PPT
Interviewing
PPT
Editorials columns and letters
PPT
Of parents and principals
PPT
High school newspaper production
Motivating the unmotivated
Is In Depth Journalism Dead
Dancing on the edge of the cliff updated 4
Interviewing
Editorials columns and letters
Of parents and principals
High school newspaper production
Ad

Similar to Super snappy page design in 45 minutes (20)

PPTX
Development pro forma(3)
PPTX
Development pro forma
PPTX
Production blog
PPTX
5. pre production(3)
PPTX
production experiments for magazine
PPTX
Development pro forma(3)
PPTX
Production development
PPTX
Digital Graphics Evaluation Pro Forma
PPTX
Digital Graphics Evaluation Pro Forma
PPTX
Evaluation Question
PPTX
Development pro forma 2
PPT
Construction of my media magazine – front cover
PPTX
Development pro-forma
PPTX
Development pro forma(3) (1) [autosaved]
PPTX
Construction Process
PPTX
Construction process
PPTX
Construction Process
PPTX
Preliminary task complete
PPTX
Preliminary task complete
PPTX
Magazine project - Josh Brownsword
Development pro forma(3)
Development pro forma
Production blog
5. pre production(3)
production experiments for magazine
Development pro forma(3)
Production development
Digital Graphics Evaluation Pro Forma
Digital Graphics Evaluation Pro Forma
Evaluation Question
Development pro forma 2
Construction of my media magazine – front cover
Development pro-forma
Development pro forma(3) (1) [autosaved]
Construction Process
Construction process
Construction Process
Preliminary task complete
Preliminary task complete
Magazine project - Josh Brownsword

Recently uploaded (20)

PPTX
opp research this is good for field research
PDF
15901922083_ph.cology3.pdf..................................................
PDF
15901922083_PQA.pdf................................
PPTX
GREEN BUILDINGS are eco friendly for environment
PPTX
IOT Unit 6 PPT ( ~ By Prof. Simran Ahuja ).pptx
PPTX
ST-05 final ppt.pptxbjbvcdiuchiudhciuhdiudhexiuh
PPTX
QA PROCESS FLOW CHART (1).pptxaaaaaaaaaaaa
PPTX
QA PROCESS FLOW CHART (1).pptxbbbbbbbbbnnnn
PPTX
Operational Research check it out. I like this it is pretty good
PPTX
mineralsshow-160112142010.pptxkuygyu buybub
PDF
Himalayan Nature and Tibetan Buddhist Culture in Arunachal -- Kazuharu Mizuno...
PPTX
Contemporary Arts and the Potter of Thep
PPTX
Understanding APIs_ Types Purposes and Implementation.pptx
PPTX
WATER RESOURCE-1.pptx ssssdsedsddsssssss
PPTX
OJT Experience at Suvechhya Electrical Engineering.pptx
PPTX
WEEK-3_TOPIC_Photographic_Rays__Its_Nature_and_Characteristics.pptx
PPTX
Structuralism and functionalism dhshjdjejdj
PPTX
Nationalism in India Ch-2.pptx ssssss classs 10
PPTX
National_Artists_for_Dance_with_Examples-1.pptx
PPTX
Lung Cancer - Bimbingan.pptxmnbmbnmnmn mn mn
opp research this is good for field research
15901922083_ph.cology3.pdf..................................................
15901922083_PQA.pdf................................
GREEN BUILDINGS are eco friendly for environment
IOT Unit 6 PPT ( ~ By Prof. Simran Ahuja ).pptx
ST-05 final ppt.pptxbjbvcdiuchiudhciuhdiudhexiuh
QA PROCESS FLOW CHART (1).pptxaaaaaaaaaaaa
QA PROCESS FLOW CHART (1).pptxbbbbbbbbbnnnn
Operational Research check it out. I like this it is pretty good
mineralsshow-160112142010.pptxkuygyu buybub
Himalayan Nature and Tibetan Buddhist Culture in Arunachal -- Kazuharu Mizuno...
Contemporary Arts and the Potter of Thep
Understanding APIs_ Types Purposes and Implementation.pptx
WATER RESOURCE-1.pptx ssssdsedsddsssssss
OJT Experience at Suvechhya Electrical Engineering.pptx
WEEK-3_TOPIC_Photographic_Rays__Its_Nature_and_Characteristics.pptx
Structuralism and functionalism dhshjdjejdj
Nationalism in India Ch-2.pptx ssssss classs 10
National_Artists_for_Dance_with_Examples-1.pptx
Lung Cancer - Bimbingan.pptxmnbmbnmnmn mn mn

Super snappy page design in 45 minutes

  • 1. Design So Cool It Will Make Your Eyes BleedKarl Grubaugh Adviser, Granite Bay Gazette With credit to Joseph Mullen, former Gazette co-editor-in-chief
  • 2. Key Points! 1.Go BIG!(The concept is DOMINANCE)
  • 3. When you have a terrific photo, RUN IT REALLY LARGE! Don’t waste it. But be thoughtful about how to use it. The designer used the dark feathers as a perfect place to run reverse text without having to add some kind of cheesy shadow box to make the text visible.
  • 4. BEFORE AFTER Notice the tight cropping of the pictures and effective teasers. COUNT THE FACES
  • 5. I like the rodent package on the first page, the fish package on the second page. Nice use of creative white space. RULE VIOLATION! Non- modular design … where? Does it work?
  • 6. Nice cropping and NICE use of cutout on first one. Notice creative packaging on both pages.
  • 8. Great headline treatments, fantastic cutout on number 2. OH MY GOSH, TIGER IS COVERING UP OTHER THINGS!!! Yes…that’s what we call thinking outside of the box
  • 9. Nice use of color on first one. Take lackluster photo and make it an interesting overall package. (Photoshop tip: color sampling from the photo for use on the font.) Nice use of creative crops and photos on second one.
  • 10. Great faces on first one: COUNT THE FACES! Cool use of photo illustration on second one, but notice that the illustration doesn’t stand alone.
  • 11. Great infographic on the left -- cool headlines and judicious use of color. Photo illustration is relevant because PHOTOGRAPHER AND WRITER AND EDITOR COMMUNICATED!
  • 12. Key Points! 3. Dance with the one who brung ya. (Take advantage of what you’ve got to work with.)
  • 13. Emphasis is put on photo, tons of white space but it WORKS. Huge typeface makes it more interesting – simple but bold
  • 14. Key Points! 4. Use COLOR well!
  • 15. BEFORE AFTER Notice the professional quality of the after page – it’s much cleaner looking than the first one. (Word ‘Sushi’ in first head is incredibly cliché.) Also has creative teasers.
  • 17. REALLY cool cutouts on first one. You can cover up your flag – People know by now whether it’s news, lifestyle, voices, sports, or whatever. Nice infographics on second one as well.
  • 18. You can design two facing pages as a double truck!
  • 19. Nice cutout, defies modular design but WORKS! Also, notice they toned down the teasers and photos on other stories to draw attention to main package Don’t use color just for the sake of color. First one is much more effective with limited color. Too many colors looks … cheap.
  • 20. Key Points! 5. Use Lots of Points of Entry (And you need to play with Illustrator to help create illustrations and infographics!)
  • 21. Complex, but works. Informative.
  • 22. Terrific use of color – but label it as a photo illustration!
  • 23. Boring photos made more interesting through effective design. Nice macro shots, repetition can be very effective;, color sampling/matching gives the package on the left some visual consistency.
  • 24. Text can be a graphic: be creative!
  • 25. Key Points! 6. Headlines matter! (Take the time to make them great!)
  • 26. Tie your headlines into your photos – a little irony is great for capturing attention
  • 27. There is a nice juxtaposition of fonts on the first page, and the repetition of the photos makes a cool playbill effect. The second one uses illustrative photos on the top and a subtly nice headline treatment with the S going into the photo.
  • 28. The first one illustrates a nice use of a single color. The second one is just awesome with the infographics.
  • 29. First one is a cool and creative way to use graphs other than standard Excel graphs. The second one uses a powerful illustration that employs repetition and pops of color that make it really work.
  • 30. First one is creative solution to typical Christmas gift package. Nice illustration that chunks the story well. The second one is a great use of infographic, differentiating Porsche cars from others by color pops. Color is cohesive and infographic is simple to follow.
  • 31. Terrific crops on photos; the crops frame stories well.
  • 32. Great tabloid front, very powerful and representative photo. B+W package on second one is effective for the tone of the story, and cutout is dominant without hogging ALL the space
  • 33. Tone on left is somber; effectively builds on the photo. Prayers listed down the side is a nice touch. Second one has creative headline treatment by playing with size, leading.
  • 34. INSPIRATION INTERPRETATION Joseph took a page design he saw online and reinterpreted/applied it to the Gazette using his Illustrator techniques and the text of the story as the walls. STEAL IDEAS!!!!!
  • 35. First package is serious to match story, toned down, but effective. Use sparingly. Clever and very nice illustration on second one, colorful. Again, matches mood of story with design
  • 36. When used sparingly and professionally, type as a graphic can be very effective and impactful. The simple black and white ironically mirror the subject matter of the story. Again, RUN IT BIG for more impact!
  • 37. Effective illustrations are relatively simple, but impactful. Again, colors are cohesive.
  • 38. Nice illustration, with excellent use of white space Again, nice somber photo, B+W is appropriate to story
  • 39. Creative content and stories create impact and interest. CONTENT MATTERS Nice graphic for the story, very understandable and clear.
  • 40. First one is a nice use of cohesive colors . Second one uses onomatopoeia in the headline and clear infographics to illustrate story.
  • 41. Stunning! A nice macro shot, appropriate use of color (note drop cap); gray background mimics color of the fork and helps the color of the cherry and juice to really pop off the page Nice alternative story package on second one – make it a game! Needs communication to work
  • 42. Great cropping on first one, adds impact to photo. Second one has one of the greatest headlines I’ve ever seen. Period.
  • 43. Nice photo-illustration in first one, lime green and black pair nicely. Disney teaser in the second one is simply fabulous.
  • 44. http://www.bestfrontdesign.com/archives.htm My web page is at: Granitebayhigh.org Academics>social studies>Karl Grubaugh kgrubaugh@rjuhsd.us The best designs for inspiration come from: