visual communication
Project 4

 

  : syllabus :: project 1 :: project 2 :: project 3 :: project 4 :: herstowski blog ::

:: email: andrea herstowski :: email: tim hossler

PHOTOGRAPHERS
John Baldessari
Richard Barnes
Vanessa Beecroft
Tom Blachford
Richard Burbridge
Maurizio Cattelan & Pierpaolo Ferrari
Gregory Crewdson
Thomas Demand
Philip-Lorca diCorcia
Rineke Dijkstra
Andreas Gurksy
Tim Hetherington
Julia Hetta
Todd Hido
Candida Höfer
Pieter Hugo
Rinko Kawauchi
Steven Klein
David LaChapelle
An-My Lê
Ryan McGinley
Steven Meisel
Marilyn Minter
Richard Misrach
Richard Mosse
Michael Muller
Vik Muniz
Shirin Neshat
Catherine Opie
Trevor Paglen
Martin Parr
Sarah Pickering
Thomas Ruff
Sebastião Salgado
Martin Schoeller
Scott Schuman
Mark Seliger
Cindy Sherman
Stephen Shore
Laurie Simmons
Taryn Simon
Mario Sorrenti
Alec Soth
Mike and Doug Starn
Hiroshi Sugimoto
Sam Taylor-Wood
Juergen Teller
Mario Testino
Ellen von Unwerth
Tim Walker
Jeff Wall
Gillian Wearing
Bruce Weber
Michael Wolf

Part 2
Historic
PHOTOGRAPHERS
Berenice Abbott
Ansel Adams
Diane Arbus
Eugéne Atget
Richard Avedon
Cecil Beaton
Margaret Bourke-White
Brassaï
Robert Capa
Henri Cartier-Bresson
Louis Daguerre
William Eggleston
Harold "Doc" Edgerton
Walker Evans
Robert Frank
Lewis Hine
Horst P. Horst
William Klein
Alberto Korda
Dorothea Lange
Jacques-Henri Lartigue
Annie Leibovitz
Lee Miller
Tina Modotti
Edward Muybridge
Gordon Parks
Irving Penn
Man Ray
August Sander
Alfred Stieglitz
Paul Strand
Weegee
Garry Winogrand

Part 3
Classic Essay (excerpt)
IN PLATO’S CAVE

An excerpt of Susan Sontag’s In Plato’s Cave from her collection of essays, On Photography (1977)

::::::::::::::::::::::::::::::::::::::::::::
::
Supplies

:- buy.com (13 x 19 paper)
:- mr. french (paper)
:- dick blick (supplies)
:- CD stuff

:::::::::::::::::::::::::::::::::::::::::::
email:
Andrea Herstowski

 

   

::::



 

 


 


 

 

 

Magazine Spreads: FEATURE ARTICLE: LEADING GRID
Using a leading grid you will be designing a feature article on the photographer ____. The article would be published in a magazine about photography.

Typographic grids control the visual organization of the page space by supplying a particular kind of structure developed for typographic organization. This structure consists of margins, alleys, grid fields, and intersection points. Grids allow the designer to codify groups of typographic information. This process of codification allows the viewer to proceed through a complex page environment, tracking information in a seamless, linear manner.

A good grid forces order onto the layout and so acts as an orienting device enabling the reader to knows where to look for information and to understand its relative importance. Just as importantly the grid works on an aesthetic level. The readers might not consciously be aware of it, but subliminally they pick up on the fact that everything is well ordered and in its place. If a picture juts fractionally into the column next to it something seems to be slightly amiss, but if the lines of text align neatly across the columns on a page some fundamental and reassuring logic seems to be at work.

Your design should be typographically beautiful, simple without being simplistic, have a clear hierarchy, an attention to detail. It needs to be interesting, inviting, dynamic. Only the finest typography will be accepted. There are typographic standards we will cover in class lectures and readings and they will need to be practiced: column width, text size, word spacing, hyphenation...

Traditionally we read right to left, top to bottom. Elements that look alike are associated – same font, same point size, same leading and line length will visually link information into groups.

There are several goals for this project: Learning InDesign, understanding and constructing a leading grid, developing clear hierarchies, learning to use typographic rules consistently, focusing attention to typographic details, and of course creating dynamic compositions.

Part one of this project will also expose you to some of the leading photographers working in art, fashion, and photojournalism today. Part two will focus on historic figures in the history of photography. And in part three you will layout a classic essay (excerpt) on photo theory by cultural critic Susan Sontag.

Elements/Standards/Rules you will need to address
_ leading grid: margins, alleys, modules
_ hierarchy, composition 
_ type size, type color, line length (column width), leading
_ headlines, subheads, call outs
_ page numbers 
_ paragraph breaks, justification, letter & word spacing, hyphenation, widows, orphans
_ dashes, quote marks, apostrophes
_ vertical and horizontal pull (clotheslines)

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
TECHNICAL RESTRICTIONS
_ Size: 10.5 x 14 page, 21 x 14 spread (multiple spreads)
_ Color: Black + 2 colors, tints ok 
_ Fonts: based on font studies one serif, one sans serif
_ Typographic Rules: You may use rules, bars, color fields avoid using them as decor

_ Leading Grid: 9 column, 12pt leading grid will be built in class using the body text’s leading as a measure. (8.5/12pt). The leading grid – should be used – no exceptions.

Opening Spread must have all of the following.
_ Title
_ subtitle 
_ by line (author's name)
_ intro text
_ body text
_ at least 1 – 2 callouts
_ page numbers (odd number goes on right side). Start on page 88
_ running head
_ 1 – 3 images

Following spreads (3) 
_ body text
_ at least 1 – 2 callouts
_ page numbers (odd number goes on right side)
_ running head
_ 1 – 3 images

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

DESIGN CONSIDERATIONS
When designing/exploring/refining remember the design principles of SCALE, CONTRAST, RHYTHM.

Pay attention to how long the text is, white space, alignment horizontally and vertically, how to get the type and images to work together, elements should group together, space, scale, movement/ rhythm, asymmetric, call outs…

How can you draw the reader into the article?

What are different ways to show a new paragraph? 

What can you do with call outs... the title, subtitle, author, intro text

How can elements align?

What can you do typographically to the title to make it a typographical solution: contrast, size, cropping, cutting, connecting, positive negative.

How can you make the text have the same feeling as the images?
How can you design the spreads without cropping the images?
How do type and images work together?
How can design work with imagery to tell a story?

Be cautious of/avoid...

_ avoid making your type into organic shapes, type in circles, text on a curve
_ avoid checkerboard layouts
_ avoid too much space between elements
_ avoid filling the page, start with the text lower on the page
_ avoid a symmetric spread, think as spreads not pages.

Tips
_ avoid all the text being "high" on the page - works better lower on the page
_ have elements align on the same baseline
_ avoid white more white space "inside" the page.
_ have your white space outside of the elements
_ do not crowd the page
_ do not have too little on the page
_ take your time be neat
_ explore some layouts conservative/traditional, other really push scale, tension, overlap,...

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Wednesday, November 2
_ Project 3 posters Due
_ Intro to Project 4
_ Lottery to choose photographers

HOMEWORK
Research your photographer
Finish your Project 3 process book
Post on your BLOG 3 - 6 images, short bio, 2 - 3 links. No you can't go off list.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Monday, November 7
_ Project 3 process books Due
_ Printouts of Posters with grid shown… black and white 11x17s of your two Project 3 posters

Watch: Pecha Kucha Night
Mark Dytham (Founder of Pecha Kucha)

Watch: A Good Sample Pecha Kucha.
(A little rough language but engaging)



HOMEWORK
Research your photographer
Post on your BLOG 3 - 6 images, short bio, 2 - 3 links. No you can't go off list.

WATCH THIS BEFORE YOU START
A Pecha Kucha about Pecha Kucha

1) Begin preparing your Pecha Kutcha 10 slides/ pages 11 x 8.5 landscape. Save as a pdf. During the presentation your pdf will advance every 20 seconds. Practice. Be prepared. Even the first slide stays on for 20 second.

Pecha Kucha presentation day will be next Monday, November 14.
* Bring Snacks it will be a long day of presentations.

2) Find at least 1500 words about your photographer. You can include interview(s). Find text that works with your photographer: time, subject, s. Make sure you have references (credits) for all your text, simple bibliography.

3) Videos can you find any videos related to your photographer? Interviews...

4) Find/Scan in 15 - 20+ images by your photographer. Do not rely on just the internet the images have to be high res, not grizzled when you print them out. No pixilations. * on the final if your images are pixeled your grade will drop one letter grade. Which image is your "key" image?

5) Create a word list 50 words about the work/images. Emotions, feelings, structure...

6) Key Word: choose 6 words and define them

7) Compound word. Take 2 words and create a compound word describing your photographer or their work. (choose words that are really descriptive: that something comes to mind when you say the word out loud). Create at least 6 compound words.

*Post all on your blog. Use any of no. 2-6 in your Pecha Kucha. Put your presentation on the sever before class.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Wednesday, November 9
RESEARCH YOUR PHOTOGRAPHER

HOMEWORK
_ Finalize your Pecha Kucha presentation.
_ Have your presentation on the SERVER = Viscom -> PhotoPechaKutcha 
** Before the start of class on Monday.

_ Have a backup of your presentation on a flash drive.

_ Make sure your blog is updated.

_ If you have more time begin the homework listed under next class period.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Monday, November 14
Pecha Kutcha presentation day
Presentations start promptly at 11:30am. It will be a long day. 
Have your presentation on the SERVER = Viscom -> PhotoPechaKutcha

Remember to bring a backup of your presentation on a flash drive.

HOMEWORK
_ Text
Read through the text you have about your photographer. 
Select at least 5 quotes or key phases you can call out to invite the reader into the page. Write 6 different title ideas for your article

_ Key image
select one photo that you want to use as your key image. Your favorite or one that you think exemplifies the photographer. Look at resolution, structure, key words, compound words. This image will be on your opening spread.

_Image Search
Continue to look for good images: Good = interesting and quality. How can they be grouped? Should they be grouped? Themes? Or an overview of the overall portfolio of work? Are the photos all vertical or horizontal or a mix of formats?

_ Font(s): Font Spec pages (pull file off the server)
Looking at your key image which font or font combination reflects the feeling, emotion or structure of the photo. Try at least 6 different font(s) combinations. Font combinations = one serif and one sans serif on the page. What typefaces work together? You can only choose fonts that are in the VISCOM folder for this exercise. If you think you want to use fonts off the list then you need to do more than 6 combinations. Use the Font Studies document. Follow the sizes on the document. Make sure you write down which fonts you are using at the top of the page. Print out black and white 11 x 17 for class.

_ READ: http://www.thinkingwithtype.com/contents/letter
_ READ: http://www.thinkingwithtype.com/contents/grid/
_ READ: http://www.thinkingwithtype.com/contents/text/

_ BLOG:
_ What are the advantages of a multiple column grid.? 
_ How many characters is optimal for a line length? words per line?
_ Why is the baseline grid used in design?
_ What are reasons to set type justified? ragged (unjustified)?
_ What is a typographic river?
_ What does clothesline, hangline or flow line mean?
_ What is type color/texture mean?
_ How does x-height effect type color?
_ What are some ways to indicate a new paragraph. Are there any rules) 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Wednesday, November 16
_ look at magazines
_ crit homework… quotes, title ideas, key images, other images, font spec pages
_ review blog
_ finish presentations

HOMEWORK 

_ Explore on the computer: 10 different opening spreads.
When designing ALL TYPE must fit in the grid, fill the width of the column. YES, all type must fit on the grid! Consider different ways to treat the title. How can it be typographic: think about Interview magazine, Neville Brody, W mag....

_ Leading Grid (make together in class): 9 column, 12pt leading grid will be built in class using the body text’s leading as a measure. (8.5/12pt). The leading grid – should be used – no exceptions.

Be careful to fully explore options don’t do 10 versions of the same thing: big picture on one side and text on the other how can you get the image and text working together?

Consider different ways to treat the first paragraph how do you draw the reader in?

Consider different ways to treat paragraph breaks. 
*Hint: http://www.thinkingwithtype.com/contents/text/

You can use elements: rules, icons, flourishes... be careful not to decorate.
USE the grid! Using a 9 column grid allows for a lot of flexibility, try it. Test it.
Don’t forget about white space, grouping information, scale, contrast... These will take time. Do not try and do these all at once.

Opening Spread must have all of the following.
_ Title
_ subtitle 
_ by line (author's name)
_ intro text
_ body text
_ at least 1 – 2 callouts
_ page numbers (odd number goes on right side)
_ running head
_ 1 – 3 images

Print in color or b/w on 11 x 17 with crop marks and trimmed out to pages = 10.5 x 14inches
(that will be 20 sheets of 11 x 17 trimmed down, you can print B/W if you want) 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Monday, November 21
_ crit homework… 10 different opening spreads

HOMEWORK
Taking what you have done so far and evolve them into 3 different designs directions.

1 Design direction = opening spread + 3 following spreads. 
4 spreads total (8 pages per direction x 3 designs, that is 24 sheets of 11 x 17.

This is the time to EXPLORE different ways this article about your photographer can look.
Explore a range of different solutions!

Print full size on 11 x 17 pages with crop marks and trim down to 10.5 x 14in (*do not tape the spreads together) ALSO print each direction as thumbnails.

Following spreads (2) 

_ body text
_ at least 1 – 2 callouts
_ page numbers (odd number goes on right side)
_ running head
_ 1 – 3 images
Print full size on 11 x 17 pages with crop marks and trim down to 10.5 x 14in

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Wednesday, November 23
no class THANKSGIVING BREAK 
but you do have homework! see above

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Monday, November 28
_ crit homework… 3 different Design Directions (opening and following spreads)

HOMEWORK
Choose your final design direction and refine the spreads. Looking at Rhythm, Pacing, Scale, Hanglines, How you use the grid, How are you drawing the reader into the article...

Name your publication and develop its masthead (logo). Develop 10 - 12 different cover designs.

Remember to continue using the grid even on the cover. Continue following your design direction. Make your covers look AUTHENTIC. Analyze and look at great covers to see what makes a magazine cover ‘Real’. (no isbn codes)

On your blog post 15 great magazine covers that you have discovered… write a brief post on why they are great.

Print your refined spreads and covers full size on 11 x 17 pages with crop marks.
Print out your covers in color you can print 4 covers per page.

Think about...
How can you draw the reader into the article?
What are different ways to show a new paragraph? 
What can you do with call outs... the title, subtitle, author, intro text
How can elements align?
How can you make the text have the same feeling as the images?
How can you design the spreads without cropping the images?
How do type and images work together?
How can design work with imagery to tell a story?

Be cautious of/avoid...

_ avoid making your type into organic shapes, type in circles, text on a curve
_ avoid checkerboard layouts
_ avoid too much space between elements
_ avoid filling the page, start with the text lower on the page
_ avoid a symmetric spread, think as spreads not pages.

Tips
_ avoid all the text being "high" on the page - works better lower on the page
_ have elements align on the same baseline
_ avoid white more white space "inside" the page.
_ have your white space outside of the elements
_ do not crowd the page
_ do not have too little on the page
_ take your time be neat
_ explore some layouts conservative/traditional, other really push scale, tension, overlap,...

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Wednesday, November 30

_ crit homework… refined spreads, magazine masthead, 10 covers

HOMEWORK

Refine masthead, cover, and spreads.

Begin PART 2: Choose a historic photographer from the list on the sidebar of this website. Reseach your chosen historic photographer. Gather 350-500 words and find 4-6 high quality images.

Using the design direction you have established in PART 1 (your contemporary photographer layouts + cover) develop 1 opening spread and 1-2 following spreads for your historic photographer. Make 3 complete variations (opening + following spreads). How can you make these (historic photographer) layouts unique but part of the same magazine?

Research Part 3 so you are ready to design on Monday's homework!

Print full size on 11 x 17 pages with crop marks and trim down to 10.5 x 14in (*do not tape the spreads together) ALSO print each direction as thumbnails.

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Monday, December 5

_ crit homework… refined PART 1 spreads & cover, PART 2 historic photographer spreads

HOMEWORK
Refine PART 2 historic photographer spreads.

Begin PART 3: Again using the design direction you have established in PART 1 and PART 2 layout the excerpt of Susan Sontag’s In Plato’s Cave (gather this text from the sidebar link on this webpage). Read the essay excerpt and find 5-8 images to illustrate the text. This will be the final ‘article’ of your magazine. Everything should feel like it’s part of the same publication. Make your work feels AUTHENTIC. Remember that all images need captions.

Print full size on 11 x 17 pages with crop marks and trim down to 10.5 x 14in (*do not tape the spreads together) ALSO print each direction as thumbnails.

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Wednesday, December 7

_ final day to receive feedback on your layouts.

HOMEWORK
Refine everything. Prepare for printing. See below for final hand-in requirements.

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

FINAL: hand in everything bound mag, thumbnails, grid, process book, upload to Behance, upload to the server
by 5pm Friday, Dec 16
Place your physical copies on the back counter in 203A.

We won't meet as group. You will get your mags + process back the first day of class in the Spring. You can look at everyone's magazines when you hand them in but be respectful and treat them as if they were your own.

Folow the handouts and directions given in class in preparing your final design.

Bound magazine: Final cover + contemporary photographer feature + historic photographer feature + Sontag essay printed out and bound together at Jayhawk Inc. Follow the directions on what is expected as presented on the handout given in class (What goes into the final ‘magazine’).

Print Out: Thumbnails of your entire ‘Magazine’ to fit onto 1 11x17 page (in color).

Print Out: Printout your ‘magazine’ as spreads on 11x17 pages (b/w with grid turned on).

Process Book: Create a title page, with your name on it!. Sprial bind of your process together NEATLY. Each homework should start with a thumbnail page of what was due that day.Include a sheet of thumbnails of your petcha kutcha presentation. B/W is fine. Read above to make sure you have everything in your process book. These can be b/w printouts.

Package your InDesign doc: Put a Packaged folder of your project on the school server under VISC_202_Final_packagedfiles. Packaged file should contain your indesign file, pdf, fonts folder, links folder. If you don't know how to Package. Ask a friend.

Behance: Project description + Final Spreads. If your spreads are white CHANGE the background color in Behance so we can see where your spreads are.