page layout techniques: contrast

Contrast  created  when  two  elements  are  different  

Business  Card  ! Revisit  our  business  card  one  last  time,  It  has  good  proximity,  alignment,  and  repetition…but  are  you  going  to  actually  pick  this  thing  up  and  think  about  going  to  this  café?  

!  Is  there  anything  that  catches            your  eye  about  this  design?  

! How  can  we  alter  it  to  make  it            more  interesting  at  Birst  glance?  

Business  Card  ! How  about  now?  

!  Contrast  is  what  makes  your  design  POP!    

!  It’s  what  makes  someone  actually  want  to  pick  up  your  design!  

! Notice  that  even  more  repetition  has  been  added  into  the  design.  

Which  one  would  you  pick  up?  

Gamer  Night  Flyer  ! Use  contrast  to  compliment  the  design  

!  This  Blyer  has  appropriate  graphics,  but  they  tend  to  get  in  the  way  of  the  information  

Gamer  Night  Flyer  ! Now  the  repeated  graphics  compliment  the  design  and  help  add  visual  interest    

Which  one  would  you  pick  up?  

Invitation  Formal  doesn’t  have  to  mean  boring!  Push  the  limits!  Make  the  contrast  noticeable!  

Invitation  Formal  doesn’t  have  to  mean  boring!  Push  the  limits!  Make  the  contrast  noticeable!  

Website  This  website  has  all  the  information,  but  it  doesn’t  grab  attention  

Website  The  color  contrast  really  makes  this  one  pop!  

Which  one  makes  you  want  to  stay  for  a  while?  

Summary  ! Purpose:  to  create  an  interest  on  the  page  and  help  organize  the  information  

! Tip:  Use  contrast  through  your  typeface  choices,  line  thicknesses,  colors,  shapes,  sizes,  space,  etc.  

! Avoid:  using  two  or  more  typefaces  that  are  similar.  If  they  are  not  exactly  the  same,  make  them  different!  

Contrast  Poster  ! Use  the  same  requirements  as  you  did  for  the  previous  poster.  

! Design  your  poster  with  the  following  elements:    !  Choose  2  contrasting  colored  papers  (9”x12”),  cut  one  in  half  

!  Leave  space  to  write  the  word  CONTRAST  at  least  2  inches  high  

!  Cut  half  of  a  simple  shape  out  of  your  half  sheet  of  paper  !  Flip  the  sheet  over  so  that  you  have  a  silhouetted  design  !  Glue  the  half  sheet  and  the  Blipped  design  you  created  onto  your  contrasting  color  page    

Example  

Resource  0 The  content  in  this  PowerPoint  was  inspired  by  “The  Non-­‐Designer’s  Design  Book”  by  Robin  Williams.    

0 The  assignment  was  inspired  by  the  content  on  www.nhsdesigns.com