Page Layout Techniques: Contrast

18
Contrast created when two elements are different

Transcript of Page Layout Techniques: Contrast

Page 1: Page Layout Techniques: Contrast

Contrast  created  when  two  elements  are  different  

Page 2: Page Layout Techniques: Contrast

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?  

Page 3: Page Layout Techniques: Contrast

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.  

Page 4: Page Layout Techniques: Contrast

Which  one  would  you  pick  up?  

Page 5: Page Layout Techniques: Contrast

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  

Page 6: Page Layout Techniques: Contrast

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

Page 7: Page Layout Techniques: Contrast

Which  one  would  you  pick  up?  

Page 8: Page Layout Techniques: Contrast

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

Page 9: Page Layout Techniques: Contrast

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

Page 10: Page Layout Techniques: Contrast
Page 11: Page Layout Techniques: Contrast

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

Page 12: Page Layout Techniques: Contrast

Website  The  color  contrast  really  makes  this  one  pop!  

Page 13: Page Layout Techniques: Contrast

Which  one  makes  you  want  to  stay  for  a  while?  

Page 14: Page Layout Techniques: Contrast

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!  

Page 15: Page Layout Techniques: Contrast

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    

Page 16: Page Layout Techniques: Contrast

Example  

Page 17: Page Layout Techniques: Contrast
Page 18: Page Layout Techniques: Contrast

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